大自然的流风

摘要： 网站https证书SSL证书相关 二级域名可以申请证书来使用，主域名申请的单域名证书，二级域名不在https加密保护内，通配符证书可以保护主域名下所有的二级子域名，二级域名等于和主域名使用的同一张证书。 一、SSL证书概况： 1、SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本，因为配置在服务器上，也称为SSL服务器证书。 2、遵守SSL协议，由受信任的数字证书颁发机构CA（如GlobalSign），在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。 阅读全文

摘要： vue.js国际化vue-i18n插件的使用问题，在模版文本、组件方法、jsf方法里的使用 1.在文本里使用{{$t("xxx")}} 2.在组件方法里使用$t('xxx') 3.在js方法里使用：this.$i18n.t('xxx') 4.如果是在请求后返回的方法里使用需要在上面先定义个变量，var this_ = this; 然后里面使用this_才能正常使用 在main.js里引入：import i18n from './language/i18n' 阅读全文

摘要： vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用 Stepper 步进器 的默认值有没有弄过的，看了组件只能默认数字的，传字符串进去不起作用 委托价格 弄个插槽可以把文字放底下，但不会消失 只能通过change事件来控制插槽的显示和隐藏了 点击或者数字不为默认值的时候把提示隐藏了 默认的数字0 也是去不掉的 阅读全文

摘要： vue不通过路由直接获取url中参数的方法示例 vuejs取得URL中参数的值 地址：http://localhost:3333/#/index?id=128 console.log(this.$route.query.id) 结果：128 1、参数名需要保持一致 2、如果路由中没有传参（http://192.168.1.12:8080/#/detail），会报错，页面无法显示，正常页面为 http://192.168.1.12:8080/#/detail/234 如果有的参数可传可不传，可以使用？传参 例如：http://192.168.1.12:8080/#/detail/?id=123 获取的时候： let id = this.$route.query.id 这样即使取不到参数，页面也不会报错 阅读全文

摘要： vue 在浏览器控制台怎么调试 谷歌插件vue Devtools 问题： vuejs里面的变量，怎么用浏览器的console查看？ 例如，想在chrome里用console.log查看变量$data，会显示undefined。 解决方案: 在main.js里面声明window.Vue = new Vue window.Vue = new Vue({ el: '#app', router, store, components: { App }, template: ' 阅读全文

摘要： PHP XAMPP windows环境安装扩展redis 致命错误: Class 'Redis' not found解决方法 1.电脑需要先安装redis服务端环境，并在安装目录下打开客户端redis-cli.exe测试可以使用 2.安装redis的php扩展，必须要对应上版本号和类型。需要注意的有三个地方： php的版本号，ts/nts类型，x64/x86类型（需要通过phpinfo页面查找Architecture属性来确认，window64位系统安装的xampp也可能是x86的） 阅读全文

摘要： PHP 7.3: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? · Issue #4037 · aces/Loris https://github.com/aces/Loris/issues/4037 这个错误是7.3的bug，新版本的已经修复了 3.38.0 · braintree/braintree_php@0affc87 https://github.com/braintree/braintree_php/commit/0affc87b538b048514901c9865765235e5cdd9b6 阅读全文

摘要： 区块链技术在商品溯源上的应用场景 伊利应用区块链等技术建立质量追溯体系，奶粉将有源可查？ 京东利用区块链进行奶粉溯源 实施供应链监管 链游网 | 区块链商机 溯源+区块链，区块链技术最值得落地的场景 一张图读懂“区块链+溯源”|区块链_新浪财经_新浪网 区块链技术开发公司浅析利用区块链溯源鉴别艺术品真伪 阅读全文

摘要： vue条件语句v-if、v-else、v-else-if用法 v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。 一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。 阅读全文

摘要： JS的防抖与节流 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。 此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 阅读全文

摘要： vue mand-mobile ui加class不起作用的问题 css权重问题 组件的样式优先权比自己定的class高 多加几层权重才行，要直接用样式覆盖也可以在前面多加几层class，定位更精确了才会覆盖组件的样式 覆盖的class要跟组件一样，中间不能空开，空开了就不生效了。 阅读全文

摘要： vue store存储commit和dispatch this.$store.commit('toShowLoginDialog', true); this.$store.dispatch('toShowLoginDialog',false) 主要区别是： dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名',值) commit：同步操作，写法：this.$store.commit('mutations方法名',值) 例如：登录成功后读取用户信息写到coikie里 阅读全文

摘要： 懒加载是如何实现的？ 找到一个不需要知道图片宽高的懒加载方法了（经过实际测试，不加宽高仍然是无法正常加载的，设置height:auto,height:100%，仍然显示高度为0） dinbror/blazy: Hey, be lazy! bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+. https://github.com/dinbror/blazy#demo 这个兼容性比较好 注：vuejs，react有对应的懒加载插件 阅读全文

摘要： vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏 在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示，例如某个页面不需要显示header 可以使用 this.$emit('header',false); 来控制header不显示 例如：test页面不需要显示header，在页面被创建的时候广播(this.$emit)告诉上级不显示header， 并且在当前页面写自己的header代码，就可以了 阅读全文

摘要： vue用mand-mobile ui做交易所移动版实战示例 阅读全文

摘要： Vue用axios跨域访问数据 axios是vue-resource的替代品，vue-resource不再维护。 安装axios：npm install axios 使用vue-cli开发时，由于项目本身启动本地服务是需要占用一个端口的，所以会产生跨域的问题。在使用webpack做构建工具的项目中,使用proxyTable代理实现跨域是一种比较方便的选择。 通过this.$http去调用axios，如果之前你的vue-resourse也是这么写的话，可以无缝切换。换成this.axios也是没有问题的。 proxyTable相关配置及使用说明： 在config/index.js文件中，找到dev对象下proxyTable对象进行跨域设置 阅读全文

摘要： vue axios使用form-data的形式提交数据 vue axios request payload form data 由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，PHP后端未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理。 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; axios请求不携带cookie this.axios.defaults.withCredentials = true;// 跨域携带cookie 在跨域的情况下不仅前端要设置withCredentials，后端也是要设置Access-Control-Allow-Credentials的。 阅读全文

摘要： 基于Vue的Quasar Framework 介绍 这个框架UI组件很全面 基于Vue的Quasar Framework 中文网 quasarframework/quasar: Quasar Framework https://github.com/quasarframework/quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：响应式网站 阅读全文

摘要： Vue单元测试Karma+Mocha Karma是一个基于Node.js的JavaScript测试执行过程管理工具（Test Runner）。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。 换句话说，它是一个测试工具，能让你的代码在浏览器环境下测试。需要它的原因在于，你的代码可能是设计在浏览器端执行的，在node环境下测试可能有些bug暴露不出来；另外，浏览器有兼容问题，karma提供了手段让你的代码自动在多个浏览器（chrome，firefox，ie等）环境下运行。如果你的代码只会运行在node端，那么你不需要用karma。 Mocha是一个测试框架，在vue-cli中配合chai断言库实现单元测试。 Mocha的常用命令和用法不算太多，看阮一峰老师的测试框架 Mocha 实例教程就可以大致了解了。 而Chai断言库可以看Chai.js断言库API中文文档，很简单，多查多用就能很快掌握。 阅读全文

摘要： Vue将px转化为rem适配移动端 1.下载lib-flexible 我使用的是vue-cli+webpack，所以是通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3.设置meta标签 通过meta标签，设置设备宽度以及缩放比例 4.安装px2rem-loader npm install px2rem-loader 5.配置px2rem-loader 阅读全文

摘要： vscode格式化代码 安装 VsCode 格式化代码插件 搜索并安装 Beautify 格式化代码插件 使用：打开要格式化的文件 —> F1 —> Beautify file —> 选择你要格式化的代码类型 格式化对齐快捷键： Windows： Ctrl + K + F Windows：Shift + Alt + F Mac： Shift + Option + F Ubuntu： Ctrl + Shift + I 阅读全文

摘要： vue项目初始化时npm run dev报错webpack-dev-server解决方法 原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好 webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低 （1）、npm uninstall webpack-dev-server （2）、npm install webpack-dev-server@2.9.1 （3）、npm run dev =================== 如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了 原因是你的node_modules有意外改动，导致依赖库不完整。 解决： 1.删除项目下的node_modules 2.在项目目录下重新执行npm install 或者cnpm install，会重新生成node_modules 3.执行npm run build 或者cnpm run build 4.执行npm run dev 或者cnpm run de 阅读全文

摘要： 在vue项目中引入jquery cnpm install jquery --save 在main.js中引入,加入下面这行代码: import 'jquery' 注：有些项目是按需加载的，在main.js里面引入不起作用 需要在对应xx.vue里面引入import $ from 'jquery' 阅读全文

摘要： vue全局使用axios插件请求ajax Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方宣布停止更新vue-resource，并推荐大家使用axios，越来越多的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目会使用 Vuex 来管理数据。 之前一直使用的是 vue-resource插件，在主入口文件引入import VueResource from 'vue-resource'之后，直接使用Vue.use(VueResource)之后即可将该插件全局引用了； Axios 是一个基于 promise 的 HTTP 库，并没有install方法，所以是不能使用vue.use()方法的。 简单点就是每个文件引用一次，import axios from 'axios'; 全局使用的解决方法有很三种： 1.结合 vue-axios使用 2. axios 改写为 Vue 的原型属性 3.结合 Vuex的action 阅读全文

摘要： 移动手机版要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式，有flex、百分比等。字体大小的控制也有px、百分比、rem等单位，webpack中 px转rem。 vue项目中postcss-pxtorem的使用及webpack中的配置 css中单位px和em，rem的区别 1 安装依赖包 npm install postcss-pxtorem --save-dev 2 创建 .postcss.js文件，做webpack相关配置 阅读全文

摘要： 快速搭建Vue项目 第一次安装vue项目 Vue推荐开发环境 Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016 阅读全文

摘要： vue mand-mobile按2.0文档默认安装的是1.6.8版本 npm list mand-mobile bigbullmobile@1.0.0 E:\webcode\bigbullmobile `-- mand-mobile@1.6.8 按2.0文档弄个底部导航的一直出不来，原来是默认安装的是1.6.8版本的 https://github.com/mand-mobile/vue-cli3-example 用vue-cli3重新创建个项目好了 阅读全文

摘要： 请问这种列表的要用那个组件好呢？ Cellitem 只能用到两列，这个要三列的怎么弄？ mand的好像没有listview，grid组件的 问了mandmobile的群主说是可以通过Cellitem的slot插槽left default right来实现的 阅读全文

摘要： 16款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。 在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。 开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。 PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。 阅读全文

摘要： usdt节点启动慢和队列深度超出了范围问题 usdt的连接节点报错Work queue depth exceeded（队列深度超出了范围）大概是什么问题？重启了几次节点都不行 队列深度超出了范围，估计是usdt的node配置弄错了 阅读全文

摘要： vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库，基于Vue.js实现。 目前已实际应用于滴滴四大金融业务板块的10余款产品中。 丰富的组件,40+的实用组件，能够满足移动端开发的基本需求，尤其是对金融场景的需求进行了特别支持 统一的视觉规范 由滴滴金融设计师设计并维护，保证了应用的项目内部、项目之间都能保持高度的视觉一致性 阅读全文

摘要： 为什么区块链投资人都应该了解德州扑克？ 首先，我们旗帜鲜明地反对赌博，德扑也不应该成为赌博谋利的工具，它是一种益智体育，为的是在智力运动中锻炼心性，提高决策能力。 美国传奇股票投资家和基金经理彼得·林奇说：“华尔街的股票投资人和证券经纪们，你们应该学习德州扑克，这里面的道理可以让你们受益终身”。 阅读全文

摘要： vue用npm安装删除模块element-ui mint-ui 在vue项目中先引入了element-ui，后来发现移动版的需要用mint-ui，所以需要先卸载了再安装。 卸载element-ui： npm uninstall element-ui 然后再安装mint-ui： npm i mint-ui -S 阅读全文

摘要： vue运行时 eslint 报“import/first” WARN deprecated browserslist 问题解决 这个信息的意思是导入文件顺序不对，绝对导入应该放在相对导入前面。将绝对导入代码放到相对导入前面就行了。 原因是eslint是严格语法检查的，如果出现连续两个空行也会报错编译不过。 在搭建vue框架，新建一个webpack打包项目时，会出现 npm WARN deprecated browserslist 阅读全文

摘要： vue解决启动报错cjs loader.js Error: Cannot find module '../config'问题 config目录下缺少了index.js文件导致的 阅读全文

摘要： vue使用桌面Element-UI和移动端MintUI的UI框架 Element - 网站快速成型工具 安装：npm install --save element-ui Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机移动端有对应框架是 Mint UI 。 pc端和手机端的UI还是完全不一样的 基于vue.js的移动端UI框架mint-ui 阅读全文

摘要： Web前端开发规范文档 规范目的：使开发流程更加规范化。 阅读全文

摘要： nodejs高并发大流量的设计实现,控制并发的三种方法 eventproxy、async.mapLimit、async.queue控制并发 Node.js是建立在Google V8 JavaScript引擎之上的网络服务器框架，允许开发者能够用客户端使用的语言JavaScript在服务器端编码。 node.js优缺点： 优点： 高并发，io密集型处理， 可以作为单页面应用，便于爬虫抓取。 缺点：不适合cpu计算密集型， 对关系数据库支持不好 阅读全文

摘要： 区块链到底是什么？和普通人有什么关系？ 简单讲，区块链就是一个去中心化的信任机制。 本问答主要针对想了解区块链，无专业技术和金融背景的普通人。会尽量回避一切技术术语。 问：什么是区块链？ 答：区块链（Blockchain）是指通过去中心化和去信任的方式集体维护一个可靠数据库的技术方案。 通俗一点说，区块链技术就指一种全民参与记账的方式。所有的系统背后都有一个数据库，你可以把数据库看成是就是一个大账本。 阅读全文

摘要： vuejs服务端渲染更好的SEO,SSR完全指南Nuxt.js静态站生成器 在 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue, webpack 和 Node.js 开发的开发者阅读。 Vue SSR 指南 | Vue.js 服务器端渲染指南 Nuxt.js从头搭建一个服务端渲染的应用是相当复杂的。幸运的是，我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。Nuxt 是一个基于 Vue 生态的更高层的框架，为开发服务端渲染的 Vue 应用提供了极其便利的开发体验。更酷的是，你甚至可以用它来做为静态站生成器。推荐尝试。 阅读全文