02 2019 档案
摘要：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有对应的懒加载插件
阅读全文
