- 博客(13)
- 收藏
- 关注
RSS订阅
原创 vue3深入浅出
关于生命周期的修改：1、beforeCreate -> 使用 setup()2、created -> 使用 setup()3、beforeMount -> onBeforeMount4、mounted -> onMounted5、beforeUpdate -> onBeforeUpdate6、updated -> onUpdated7、beforeDestroy -> onBeforeUnmount8、destroyed ->
2020-10-23 17:21:38
486
原创 深入理解vue watch和computed
mounted时 虚拟DOM已经被解析且挂在到容器中 （即HTML DOM加载完成的期间时发生在beforeMount —mounted之间）。：Vue的监听属性 监听data或props中的数据变化，并且支持异步，当数据发生改变的时候，watch中的函数就会执行，有两个参数 前者为newVal 后者为oldVal 为了发现对象内部值变化，需要深度监听。：Vue的计算属性 适用于动态计算data或props中的数据，需要加return，当数据无变化时会优先从缓存读取。页面首次加载的时候做一次监听。
2023-04-24 22:22:56
88
原创 web worker多线程
什么是webworker？Web Worker技术填补了Javascript中一直所缺少的多线程技术，我们都知道在html中，dom渲染和js脚本执行都是单一的线程，这样，在执行比较耗时的方法时，会阻塞当前线程的执行。效果就是当前浏览器无响应，如按钮失效等。那么，如果使用web worker就会解决这类问题。我们把计算工作大的方法放到worker.js文件中，前端通过postmessage方法发送消息给worker线程，让worker进行执行，直到worker线程工作完毕返回结果。上代码：/
2020-12-30 15:03:59
274
1
原创 关于vue丰富的ui库
简单介绍几个vue的ui库1.elementUIhttps://element.eleme.cn/#/zh-CN/component/border个人认为这个ui库是最容易上手的，并且资源丰富，基本可以满足日常开发的需要，以下简单介绍引入方式，开发方式import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from..
2020-11-24 18:55:43
127
原创 webpack学习使用教程
前期准备依赖node.js1.npm init -y初始化项目在项目中会出现package.json文件。在scripts中添加 "build": "webpack"现在，可以使用npm run build命令2.npm i -D webpack（-D 安装到开发环境；-g 安装到全局；-i install）3.npm i -D webpack-cli，添加script的脚本文件webpack.config.js编辑config.js文件webpack 配置是标准...
2020-10-21 15:25:48
138
原创 计算判断两条线是否垂直，平行，相交，求相交点坐标
平面内两条线平行条件：平行线的k斜率相等： l1: y= kx+b; l2: y =kx+c两条互相垂直的直线,其斜率是互为负倒数.即 k1=-1/k2.或 k1·k2=-1.相交点坐标a为跟随移动的点，c为固定点，move为移动点，求过一点d与直线垂直的交点？ps：y = kx + b , 已知两点求ac bc所在直线方程 y = -x/k +b2 直线垂线方程 let k1 = (a.y-c.y)/(a.x- c.x); ...
2020-09-30 15:46:24
4988
原创 vue密码框自动填充问题
在使用vue结合element UI时，将文字input，和密码input一起使用时，会发现，chrome会自动填充用户名，或者使用登陆的账号密码。如下图网上其他用这样的用法：<el-input style="position: fixed;bottom: -9999px;" type="password"></el-input>放在你使用的密码inpu...
2020-01-20 11:21:23
4395
1
原创 js Math简单的方法
在处理数字数据时，这里只简单介绍常用的取整和保留小数位：part1：取整问题let num = 2.5// 1.丢弃小数部分,保留整数部分 == 2parseInt(num)// 2.向上取整,有小数就整数部分加1 == 3Math.ceil(num)// 3,四舍五入. ==3Math.round(num )// 4,向下取整 == 2Math.fl...
2019-09-20 17:56:14
193
原创 webstorm不为人知的全部快捷键大全
ctrl+/ 单行注释ctrl+shift+/ 块注释ctrl+shift+ +/- 展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)C...
2019-07-19 18:28:00
82
原创 前端如何mock数据
前言：基于前后端分离，在前端开发中直接mock出数据结构，不必漫长的等待接口1.项目package.json中添加 "mockjs": "^1.0.1-beta3";main.js 引入 require('@/mock');2在src目录下创建文件夹 mock 并new index.js ,再分别建立针对模块的独立js文件即可index.jsimport '@/mock/tes...
2019-01-22 14:59:03
1096
原创 vue-指令获取focus
简介：如图循环需要的dom，通过点击事件将焦点聚焦在当前需要的input节点上。html：（夹杂一些样式事件不需要可自行忽略）<ul class="res_ul" id="res_ul"> <li :class="item.active?'active':''" v-for="item,index in resArr" @click="ad
2019-01-22 13:50:26
7264
1
原创 数据可视化1（呼吸灯）
在大数据可视化开发中，总有一些ui效果不是在echarts，hightcharts等三方插件库中可以找到的，这就需要自己手写，动画效果还是需要熟悉css3 animate属性的。上代码：template模板：这里我考虑到分为两层结构，一层为底色，一层为动画层，在上层做动画处理。<div class="item_part1_des item_part...
2018-10-11 15:56:24
1753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人