手记
文章平均质量分 71
杂类
Kotoba209_
学会在孤独中与自己交谈,听自己说话,从而学会深刻。
展开
-
Vue父组件调用子组件事件的两种方法
原文:Vue父组件调用子组件事件的两种方法首先我们要了解$on和$emitvm.$on( event, callback ):监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit( event, […args] ):触发当前实例上的事件。附加参数都会传给监听器回调。父组件中:<template> <div> <div @click="click">点击父组件</d转载 2020-06-05 14:32:16 · 7395 阅读 · 0 评论 -
Taro 实现购物车 点击修改商品数量 阻止事件冒泡
场景描述:使用:Taro框架、 TaroUi框架组件:(InputNumber 输入框)、 小程序原生组件(Checkbox)问题: 购物车商品展示实现一般都是多选框包裹住商品信息,但这样随之而来的问题是,在点击数量增减的时候, checkbox的点击选中事件也会触发。解决: 网上搜索Taro相关的阻止事件冒泡方法, 查到了 stopPropagation()方法, 在onClick事件上...原创 2020-03-17 10:55:41 · 720 阅读 · 0 评论 -
npm 或 yarn安装依赖报错 EPERM: operation not permitted, unlink 解决方法
1. 权限问题检查是否限制为只有管理员才能操作,打开当前项目的文件夹然后选中要打开的项目文件,在点击左上角的 文件 然后以管理员身份运行。在里面执行安装命令npm i ...,yarn add ...2. 缓存问题npm清理缓存命令:npm cache clean --forceyarn清理缓存命令: yarn cache clean执行命令之后,若还是安装依赖失败,可以到C:\U...原创 2020-03-14 22:14:44 · 14684 阅读 · 1 评论 -
Flex 布局 元素被挤压的问题
Flex 意为 “弹性布局”,是一种在开发静态页面过程中常用的布局模式。开发购物车使用flex布局的时候遇到的一种场景:具体如图所示, 当商品名称超出两行文字时显示省略号, 但是使用flex布局, 占位较多的子元素会去挤压别的子元素。解决方法很简单, 就是使用flex-shrink属性;flex-shrink 属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小,它还有另外...原创 2020-03-13 11:53:44 · 16762 阅读 · 5 评论 -
CSS Module 在vue和react中的多类名写法
vue:<van-panel :class="[$style.others, $style.panel]"/>动态添加类名::class="[$style['tag-active'], {[$style['tag-normal']]: bool}]"/> // bool 为定义的bool值变量, true时添加对应的类名, false则反之react:classNa...原创 2020-03-10 11:52:17 · 1601 阅读 · 0 评论 -
解决VSCode没有代码提示的问题
在使用vscode写代码的过程中,有时候会遇到代码提示没有了,还有自己定义的常用的代码片段,比如console 或者是const等等;// 自定义的代码片段"Print to console": { "prefix": "cl", "body": [ "console.log($1, '<-$1->');", ], "descripti...转载 2020-03-07 13:45:29 · 30796 阅读 · 4 评论 -
商城添加商品到购物车中逻辑
一般都会把商品信息存储于缓存之中,web端cookie可存的容量较小,sessionStorage关闭当前页面便会销毁数据,所以一般选择localStorage存储购物车的数据,小程序直至使用get/setStorageSync,本例为小程序,使用了uni-App框架。addToCart() { // 1 获取缓存中的购物车数组,初始为不存在,所以会得到一个空数组 let...原创 2020-02-26 15:54:29 · 741 阅读 · 0 评论 -
git 报错以及解决归纳
1. ! [rejected] dev -> dev (non-fast-forward)(远程仓库代码改变,本地未更新)解决方法:git fetch origin dev //获取远程dev分支的修改git merge origin dev // 合并远程dev分支git pull origin dev // 更新本地的代码...原创 2020-02-21 11:36:20 · 12031 阅读 · 0 评论 -
git常用命令归纳
查看状态:git status与远程仓库建立连接并提交代码git初始化:git init与远程仓库建立连接:git remote add origin 仓库地址添加文件到暂存区:git add 文件名 //.表示提交全部文件,如 git add .(这一步在vscode中的可视化操作:点击下图中的√)添加文件到仓库: git commit -m '提交信息'//提交信息一般为...原创 2020-02-15 17:06:27 · 1285 阅读 · 0 评论 -
自定义vant组件样式
学习修改vant组件样式无法显示的问题由于scoped只对当前.vue文件中的template模板标签内的结构有效,所以在含有scoped属性的style标签中修改vant组件样式是无效的。所以先确保.vue文件的style标签没有使用scoped属性,然后在浏览器中查看想要修改的组件的类名即可。如上图中使用类名.van-button--default修改button的背景颜色<s...原创 2020-02-12 15:41:41 · 13775 阅读 · 0 评论 -
vue 对象属性数组从对象数组中动态渲染值
数据格式如下arr1 = [ "规格", "重量" ]arr2 = [ { "规格": "7号", "重量": "10斤" }, { "规格": "5号", "重量": "8斤" }, { "规格": "7号", "重量": "9斤" } ]用v-for就完事了,循环两次<div v-for="(s, index) in arr1" :key="index"> ...原创 2019-12-30 16:25:40 · 2917 阅读 · 0 评论 -
js给变量赋布尔值的特殊写法
var i = 4;var j = 5;var bool = (i > j);// bool = false;var bool = (i < j);// bool = true;原创 2019-12-13 23:11:37 · 1154 阅读 · 0 评论 -
vue父组件通过props传值设置子组件的样式
一. 子组件在元素中绑定样式在props中写入style绑定的变量二. 父组件引入子组件并注册在子组件元素中绑定需要传的变量并给值原创 2019-11-27 09:37:47 · 2705 阅读 · 0 评论 -
vue Eslint 报错 Expected linebreaks to be 'LF' but found 'CRLF'
由于与原使用的操作系统不一致导致的错误。找到.eslintrc.js文件在rules项添加如下代码'linebreak-style': [0, 'error', 'window'],转载 2019-11-26 14:55:11 · 422 阅读 · 0 评论 -
JSON学习笔记
JSON学习笔记一. 简介JSON(JavaScript Object Notation) 是一种轻量级的文本数据交换格式,使用 Javascript语法来描述数据对象,语法上与创建 JavaScript 对象的代码相同,所以在JavaScript 中处理 JSON数据无需解析器(API或工具包)。二.语法数据在名称/值对中“username” : “kotoba”数据由逗号分...原创 2019-11-21 11:50:28 · 128 阅读 · 0 评论