- 博客(24)
- 收藏
- 关注
RSS订阅原创 cnpm -v cnpm : 无法加载文件 C:\Users\acer\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本2021-10-29
cnpm -vcnpm : 无法加载文件 C:\Users\acer\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本新的改变第一步：在win10 系统中搜索框 输入 Windos PowerShel右键以管理员身份运行第二步：输入命令：C:\WINDOW\system32>set-ExecutionPolicy第三步：更改权限为：A第四步：输入以下命令验证C:\WINDOW\system32> get-ExecutionPolicyRemo
2021-10-29 10:36:20
200
转载 vue之冒泡阻止 用了el-dropdown-menu&&@click.stop
vue之冒泡阻止用了Element ui写页面情况出现：就是我在下拉菜单里放了选择框，在点选择框内容时会出现 下拉菜单收起。正常情况：在选择框加一个vue自带的阻止冒泡事件 @click.stop但是出乎我意料 这居然无效，加了和没加 一样的效果 然后我就去查阅资料发现在选择框加一句 属性申明就可以了popper-append-to-body=“false” 或者：popper-append-to-body=“value” 然后再value的值=flase最后解决了 我碰到的这个
2021-07-02 10:16:02
1100
3
原创 vue element el-select移出
在使用的时候，自定义设置了下拉框的背景色 和 hover后的字体颜色和背景颜色但是 测试过程中 发现 当未选中item的时候，将鼠标移出，字体会恢变成白色 和 背景色融为一体1：复现场景，打开控制台，找到这一条数据如图所示 2：查看类名，根据需求修改背景色或者字体颜色生活就是不断的前进，每天坚持一点点~ 加油...
2021-06-28 11:19:43
626
原创 TypeError:Cannot read property ‘xxx‘ of undefined
Vue 报错：TypeError:Cannot read property ‘xxx’ of undefined需求：勾选table的时候，回显数据，初始化加载页面的时候不需要回显这些数据其实问题本身很简单，就是，页面初始化加载的时候，值没有被获取到可能为空了，我也百度看了一下 会有这种报错的原因：1：如果在中在判断一个值显示另一个值隐藏时，其中获取某个值加载时，初始化并未获取到这个值，那么可以做一个判断，如果有值就加载，没有值就不加载2：通常这种为初始化为undefined的情况下，我们可以在需
2021-05-25 14:35:44
1886
原创 正则数字
一 案例数字：1$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9])$非零开头的最多带两位小数的数字：^([1-9][0-9])+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$正数、负数、和小数：^(-|+)?\d+(.\d+)?$有两位小数的正实数：2+(.[0-9]{2})?$有1~3位小数的正实数：3+(.[0-9]{1,3})?$非零的
2021-05-20 16:35:10
301
原创 提高webpack的构建速度的几种方法概括
提高webpack的构建速度的几种方法概括通过externals配置来提取常用库利用DllPlugin和DllReferencePlugin预编译资源模块,通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译，再通过DllReferencePlugin将预编译的模块加载进来。使用Happypack 实现多线程加速编译,要注意的第一点是，它对file-loader和url-loader支持不好，所以这两个loader就不需要换成happypack了，其他loader可以类似地换一
2021-05-08 21:08:31
169
原创 说说如何借助webpack来优化前端性能？
说说如何借助webpack来优化前端性能？1：压缩代码，删除无用代码，注释，简化代码，体积小了，性能也会跟着提高2：可以利用webpack的UglifyPlugin和paralleUglifyPlugin来压缩JS文件，利用cssnano（css-loader?minimize）来压缩css文件3：利用CDN加速，在构建过程中，将静态资源路径，修改为CDN上对应的路径可以利用webppack对output参数和各loader的publicPath参数来修改静态资源路径4：删除死代码，将永远不会用
2021-05-07 09:44:30
349
原创 Vuex基础使用 & Vuex 监听数据/值以及计算属性
需求：1：头部导航栏中’XXXX’标题栏，显示下拉菜单2：选中下拉菜单数据，将数据回显到页面指定位置3：点击回显处数据，调用接口，并请求数据，将数据回显由于 头部标题栏，回显数据位置，以及点击回显后调用接口都不在同一个vue文件内，所以使用到了Vuex上代码：// 动态头部导航栏// 样式我就不写了，大家根据自己需求调一下// 显示下拉菜单.vue 自己取名字哈<template><!-- 1：头部导航栏中'XXXX'标题栏，显示下拉菜单，选中后隐藏 -->
2021-04-30 17:16:27
367
1
原创 element ui 树形控件tree实现单选功能
vue+ element ui 树形控件tree实现单选功能每天进步一点点~ 加油！需求：1：父子节点不关联，且，2：父节点不显示复选框，并且不传值给后端3：实现单选1：解决父子节点不关联//check-strictly<el-tree :props="props" :load="loadNode" check-strictly show-checkbox @check-change="handleCheckChange"></el-tree>
2021-04-28 10:38:11
3416
原创 vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案
vue控制台报错Duplicate keys detected: ‘xxxx’. This may cause an update error.解决方案vue项目中在使用el-tree组件时报了一个这样的错：== Duplicate keys detected: ‘C1812170006’. This may cause an update error.==不影响使用，但我个人，不太喜欢报红，也是为了避免能够多学习点东西百度之后 说是 == v-for == 循环的时候key值重复了，但是我用的是
2021-04-27 11:28:37
4499
原创 ES6-箭头函数
每天进步一点点，坚持就是胜利，加油~~~箭头函数：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-04-26 15:55:28
71
原创 ES6新特性-变量
ES6新特性-变量每天进步一点点~~~ 加油变量：var：1：可以重复声明var a = 12 a = 5 alert(a) ; //输出52：无法限制修改例如:常量PI=3.141592653 3：没有块级作用域{这就是块，是函数} 例如：循环、if（）{}便于团队合作开发let ： 不能重复声明，变量-可以修改，块级作用域，const ： 不能重复声明，常量-不能修改，块级作用域，块级作用域：// var声明变量<!DOCTYPE html&
2021-04-25 18:26:22
97
原创 谈谈 JavaScript 中的类型转换机制
谈谈 JavaScript 中的类型转换机制一、概述JS中有六种简单数据类型：undefined、null、boolean、string、number、symbol，以及引用类型：object但是我们在声明的时候只有一种数据类型，只有到运行期间才会确定当前类型let x = y ? 1 : a;上面代码中，x的值在编译阶段是无法获取的，只有等到程序运行时才能知道虽然变量的数据类型是不确定的，但是各种运算符对数据类型是有要求的，如果运算子的类型与预期不符合，就会触发类型转换机制常见的类型转换
2021-04-25 17:21:37
196
转载 说说你对webpack的理解？解决了什么问题？
说说你对webpack的理解？解决了什么问题？理解：webpack 是一款模块加载，资源打包工具.解决了什么问题：如何在前端项目中高效的管理和维护项目中的每一个资源。优势：以commonJS的形式来书写脚本，对AMD、CMD的支持也很全面，方便旧项目的迁移关于 CommonJS , AMD , CMD 的理解能被模块化的不止是JS能替代部分grunt/gulp的工作，例如打包，压缩混淆，图片转base64等扩展性强，插件机制完善，支持React热拔插（react-hot-loader）
2021-04-25 17:20:24
346
原创 让Chrome支持小于12px 的文字方式有哪些？区别？
让Chrome支持小于12px 的文字方式有哪些？区别？谷歌浏览器Chrome是Webkit的内核，有一个[ -webkit-text-size-adjust ]的私有 CSS 属性，通过它即可实现字体大小不随终端设备或浏览器影响CSS样式定义如下：-webkit-text-size-adjust:none;但是在最新版的谷歌里。已经不在支持这个属性啦，需要通过css3的transform来解决，方法如下：css部分body,p{ margin:0; padding:0;}p{font-si
2021-04-22 18:18:30
202
原创 vue + websocket + element Notification 消息推送
vue+ element Notification消息推送业务需求：登录后进入页面，将后端推送过来的【待审批】的消息，用$notify弹出，并且，此推送消息的弹窗可以点击，跳转到审批页面，且展示这条【待审批】的详情弹窗，以供用户审批首先：登录进入页面后，消息可以显示在任何页面，所以，这个消息推送的【通知】写在了App.vue页面中然后：既然是消息推送，我们用到的是websocket，实时接收消息再然后：消息推送的【通知】使用的是element的Notification再然后~~ 上代码//
2021-04-22 16:39:17
1354
1
原创 vue+bpmnjs初始流程图编辑器
vue+bpmnjs新手起步首先 在vue的项目中安装bpmnjs依赖npm install bpmn-js --savenpm install bpmn-js-properties-panel --savenpm install bpmn-moddle --savenpm install camunda-bpmn-moddle --save安装完成后 就可以使用了，初代使用方式：1:在你需要显示的页面中<template> <div class="container
2021-04-22 15:59:43
1497
原创 javascript数组常用方法（js数组常用方法）
js数组常用方法整理Array.push() 向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。 let arr = [1,2,3] arr.push(4,5,6) console.log('arr.push',arr) // [1,2,3,4,5,6]Array.pop() 删除并返回数组的最后一个元素，若该数组为空，则返回undefined。原数组改变。 let arr = [1,2,3,4,5,6] let del = arr.pop() consol
2021-02-04 15:34:48
153
1
原创 vue-router踩过的坑
项目场景：简述项目相关背景：bug场景： 在学习vue-router，路由传参的部分的时候，在APP.vue页面中的<router-link :to="{name:'Hi1',parmas:{username:'canyang'}}">在Hi.vue页面中接收参数<h2> {{$route.parmas.username}}</h2>问题描述：提示：这里描述项目中遇到的问题： Error in
2021-02-02 15:44:53
368
1
原创 用 Vue 3.0 写过组件吗？如果想实现一个Modal你会怎么设计？
当我们在得到需求的时候，首先要考虑，大致实现的步骤，然后拿到UI图，从头到尾捋一遍逻辑，每一步要怎么走在设计好这些步骤之后，在进行UI的设计，在对比UI图的时候，每个图上的每个功能必须与产品所提的需求一致例如，此时我们需要完成一个[弹窗]组件点击详情的时候，显示弹窗，得到需求后，我们要确认，[弹窗]的样式，接口，所需要的字段，需要传的id，查看后端返回的数据要确认通常在什么情况下，点击[弹窗]，会显示，弹窗是否可以拖拽，在查看详情的时候 是不是可以修改数据在写到样式的时候，可以根据需求用到v-i
2021-02-02 09:38:43
212
原创 Vue 3.0中的Treeshaking特性？举例说明一下？
Vue 3.0中的Treeshaking特性？举例说明一下？1：目的： 目的是Vue团队希望帮助开发者减小web应用体积2：什么是Treeshaking TreeShaking是一种术语，在打包时将不打包没有用到的代码，这些代码会成为dead code（死代码）实际上也就是说，treeShaking在打包时所保留的，是我们用到的代码3：如何使用 由于treeShaking是基于ES6的import和export静态编辑思想确定模块依赖关系的，所以1：treeShaking在编
2021-02-01 17:43:01
1447
原创 vue-router
第一部分：安装vue-router npm install vue-router --save -dev cnpm install vue-router --save -dev yarn add vue-router如果在安装vue-cli的时候，已经选择了vue-router，就不需要在单独安装了第二部分：解读router/index.js文件import Vue from 'vue' //引入vue import Router from 'vue-router' //
2021-01-31 17:41:40
78
原创 Vue 3.0 所采用的 Composition Api 与 Vue 2.x使用的Options Api 有什么区别？
一：首先了解一下Options API以及它的不足当前我们使用的API是Options API vue2.0中为了向组件中添加逻辑，我们填充属性，例如data methods mounted以及computeds等这个API最大的==缺点==，是其本身并不是有效的js代码我们在使用options API 的时候，需要确切了解我们具体可以访问到哪些属性，以及我们访问到的当前属性的行为在后台，VUE需要将此属性转换为工作代码，因为 我们==无法==从自动建议和类型检查中受益，因此给我们在使用相关属性时
2021-01-29 10:22:47
641
原创 Vue 3.0 里为什么要用 Proxy API 替代 defineProperty API？
Vue 3.0 里为什么要用 Proxy API 替代 defineProperty API？Vue 3.0 里为什么要用 Proxy API 替代 defineProperty API？一：defineProperty API的弊端1） vue2是通过Object.defineproperty中的getter和setter函数进行数据劫持完成数据响应的 2）无法直接监听属性的新增和删除3）无法直接监听数组（尽管通过hack重写了数组，但也仅能完成7个数组的监听） 二：Proxy的优势
2021-01-27 09:41:38
1043
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人