- 博客(16)
- 收藏
- 关注
RSS订阅原创 记录：hover和$forceUpdate的使用
（一）：hover鼠标同时触发多个变化//html代码<div class="btn-settin"><i class="icon-settin"></i>字段设置</div>//less代码（css预编译器）.btn-settin{ .icon-settin{ display: inline-block; width: 14px; height: 14px; background: url('
2020-11-29 21:52:06
117
原创 记录：强制渲染组件、正则表达式判断图片、动态绑定cass
（一）强制让Vue组件渲染问题：异步加载数据后，数据未能显示在组件中解决方法：使用v-if，等到数据更新完毕后再显示组件<template> <third-comp v-if="reFresh"/></template> <script> export default{ data(){ return { reFresh:true, menuTree:[] } }, watch:{ menuTree(){
2020-11-22 20:24:14
177
原创 记录：css绘制遮罩层、css超出显示省略号、修改placeholder样式
（一）CSS控制单行文字超出范围显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;（二）elementUI 修改placeholder 样式<el-input placeholder="请输入" style="width: 200px"></el-input>/deep/.el-input__inner { &::placeholder { color: red;
2020-11-14 22:51:49
683
原创 记录:el-button不失焦问题、proxyTable前端跨域、使用“ == ”遇到的坑
（一）element button按钮不失焦问题问题：点击后按钮不失去焦点解决方法：点击button的时候，如果点击到文字（即span）上，这个时候evt.target是span标签，这个时候是没法直接触发其父节点button的blur方法的，也就没法强制button失去焦点。所以需要判断点击的是span还是button//处理el-button点击后不失去焦点 clickHandler(evt) { let target = evt.target; if(ta
2020-11-08 20:37:27
328
1
原创 记录：Vue中使用lodash的debounce防抖
（一）进入项目根目录，用npm 安装 lodashnpm install --save lodash（二）单个组件中使用<template> <div class="home"> <button id="btn_debounce_now" @click="calFunction()">执行函数</button> </div></template><script>import _ from 'l
2020-11-04 09:56:43
890
原创 使用moment获取日期时间
moment().format("YYYY-MM-DD HH:mm:ss"); //当前时间moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间moment().subtract(3, "months").format("YYYY-MM-DD"); //当前时间的前3个月时间moment(
2020-11-02 09:58:14
2457
原创 vue-i18n国际化的使用
（一）vue-i18n国际化的使用安装 vue-i18nnpm install vue-i18n注入 vue 实例中，项目中实现调用 api 和 模板语法import VueI18n from 'vue-i18n'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过切换locale的值来实现语言切换
2020-11-01 20:51:49
164
原创 Vue动态组件和缓存
（一）动态组件component动态组件：就是几个组件放在一个挂载点下，然后根据父组件的某个变量来决定显示哪个，或者都 不显示。在Vue中有一个 :is 特性， 组件可以用过 :is 来切换。在挂载点使用component标签，然后使用v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示；改变挂载的组件，只需要修改is指令的值即可。例子：<!-- 组件会在 `currentTabComponent` 改变时改变 --><component v
2020-10-25 22:58:46
1002
原创 npm常用命令和Vue安装依赖
安装精确安装最新版本 npm install --save-exact 包名 / npm install -E 包名安装指定版本 npm install 包名@版本号查询查询包安装路径 npm root [-g] 全局目录 / npm root 当前目录查看包信息 npm view 包名 [子信息] （ view 别名：v info show ）查询安装包 npm list [-g] [–depth=依赖深度] （ list 别名：ls la ll ）更新.
2020-10-22 16:24:32
1491
原创 express学习随笔（一）
（一）Arrary中map函数的使用map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。语法：array.map(function(currentValue,index,arr), thisValue)（二）node中express框架的使用注意：在目前安装express4.0+版本中已经将命令工具分离出来，需要额外安装express-ge
2020-10-18 20:21:21
84
原创 Vue随笔（二）this.$nextick和deepclone原理
（一）this.$nextick的使用1、Vue声明周期的created() 钩子函数进行的DOM操作一定要放在Vue.nextTick() 的回调函数中，因为created() 执行的时候DOM实际上并未进行任何渲染，此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。 与之对应的就是mounted 钩子函数，因为该函数执行时所有的DOM挂载和渲染都已完成，此时再钩子函数中进行任何DOM操作都不会有问题。2、在数据变化后要执行的某个操作，
2020-10-11 21:07:41
1520
转载 如何将变量添加到jquery的id选择器
首先你的变量无论中文、英文都可以，一定不能有点【 .】，会导致无法识别！比如： $(“变量.jpg”) 是错的当你用变量的时候，一定要这样传值！var temp="变量"； var id='#'+temp //使得id="#变量" $(id).css(......)...
2020-08-08 16:25:43
351
原创 Vue 学习笔记（二）v-if和v-show的区别
v-if和v-show都可以决定一个元素是否可以渲染，那么我们在开发过程该如何选择呢？v-if当条件false时，压根不会有对应的元素在DOM中v-show当条件为false时，仅仅时将元素的display属性设置为none而已开发中该如何选择呢？当需要在显示和隐藏之间切换很频繁时，使用v-show但只使用一次切换时，使用v-if...
2020-07-23 00:36:03
154
转载 Vue 学习笔记（一）v-on修饰符
1、stop功能：阻止事件冒泡使用方法:<button v-on:click.stop="show">B</button>举例：<div id="app"> <div style="width: 100px;height: 100px;background-color: #008000;" v-on:click="show"> <button v-on:click="show">A</button>
2020-07-23 00:10:58
61
转载 微信小程序访问豆瓣电影api400错误解决方法
微信小程序访问豆瓣电影api400错误解决方法uni.request({ url:'https://api.douban.com/v2/movie/coming_soon?apikey=0b2bdeda43b5688921839c8ecb20399b', method: 'GET', data:{}, header:{ "Content-Type":""application/json"" },
2020-06-23 00:31:24
1058
转载 Vue随笔 v-for 数据变动时没有实时更新列表
v-for 数据变动时没有实时更新列表数组更改注意事项：由于JavaScript的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOf] = newValue当你修改数组的长度时，例如：vm.items.length = newLength为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem] = n...
2020-03-29 00:54:13
1230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人