- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue中class动态绑定的四种方式
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-02-08 09:29:21
361
1
原创 vue生命周期
页面初始化：事件和属性=>beforeCreate=>inject=>(data,computed,watch,methods,props)=>provide=>Created=>模板编译=>beforeMount=>data变量挂载到DOM上=>Mounted组件更新：beforeUpdate=>变量渲染到页面上=>Updated组件销毁：beforeDestroy(自定义组件取消；定时器移除；消息订阅取消；data,props等仍
2021-09-15 21:09:58
71
转载 解决 Vue 动态生成 el-checkbox 点击无法赋值问题
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 keyexport default { data() { return { form: {} } }...
2019-07-10 09:38:08
2493
转载 【JS】深拷贝与浅拷贝的区别，实现深拷贝的几种方法
如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子：let a=[0,1,2,3,4], b=a;console.log(a===b);...
2019-03-15 15:22:21
96
转载 浮动元素容器的clearing问题
网页设计时，我经常遇到下面这个问题，一直不知道怎么解决。今天，总算全部理解了，一定要写下来。1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素，如图一。（图一 设计视图是一个父容器中含有二个浮动的子元素）请问HTML代码应该怎么写？很简单啦，几行字就够了。<div><div style="float:l...
2019-03-01 17:41:05
109
转载 一篇你看了就懂的DNS详解
DNS（Domain Name System，域名系统），万维网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住IP。通过域名，最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 为什么需要DNS解析域名为IP地址？ 首先计算机在网络上通讯时只能识别IP地址（网络通讯大部分是基于TCP/IP协议，而TCP/IP是基于IP地址...
2019-02-14 16:31:21
283
转载 git使用教程指南
前言 Git是一个开源的分布式版本控制系统。其核心就在于版本控制。 在实际编码过程中，我们往往会忘记上次对文件的修改内容。若是刚刚修改的还好说，撤销操作即可。但若这是你昨天做的修改并关闭了IDE呢？所以我们需要有一个可以回退版本的工具。 Git还有另一个作用便是多人协作开发——将代码文件上传至云端，partner可以随时下载至自己的电脑，又可以随时做好修改再上传至云端。 我将学习G...
2019-02-14 16:30:33
166
1
转载 Grunt打包说明
什么是grunt?Grunt是一个nodejs 程序,主要用于构建和打包前端项目，用js写成. grunt打包是如何实现的？不同的js框架的压缩，合并，赋值，拷贝，替换和依赖关系等都不相同，grunt主要依赖这些框架自己发布的grunt插件或第三方插件执行打包工作。比如requirejs 有grunt-contri-requirejs插件，代码检查有grunt-contrib-jshin ...
2019-02-13 11:01:51
1090
转载 Web 应用性能提升 10 倍的 10 个建议
提升 Web 应用的性能变得越来越重要。线上经济活动的份额持续增长，当前发达世界中 5 % 的经济发生在互联网上（查看下面资源的统计信息）。 我们现在所处的时代要求一直在线和互联互通，这意味着用户对性能有更高的期望。如果网站响应不及时，或者应用有明显的延迟，用户很快就会跑到竞争者那边去。例如，Amazon 十年前做的一项研究表明，网页加载时间减少 100 毫秒，收入就会增加 1%。最近另一项...
2019-02-12 14:43:58
205
原创 安装webpack报错：npm ERR! 404 Not Found: @webassemblyjs/ast@1.7.11
webpack的版本不兼容。
2018-12-24 14:16:23
5205
1
转载 虚拟DOM详解
虚拟DOM简介 Virtual Dom可以看做一棵模拟了DOM树的JavaScript对象树，其主要是通过vnode,实现一个无状态的组件，当组件状态发生更新时，然后触发Virtual Dom数据的变化，然后通过Virtual Dom和真实DOM的比对，再对真实DOM更新。虚拟DOM其实就是一种模拟DOM的JavaScript数据结构。 像SnabbDOM这种库的虚拟DOM是如下的数据...
2018-12-24 09:47:28
159
转载 vue与angular的区别
总结了以下几点，可能还有些不全面，愿与大家分享一二： 1.vue仅仅是mvvm中的view层，只是一个如jquery般的工具库，而不是框架，而angular是mvvm框架。 2.vue的双向绑定是基于ES5 的 getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览...
2018-11-25 16:59:17
140
转载 监听浏览器返回键，后退，上一页
在WebApp或浏览器中，会有点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面、确认离开页面或执行一些其它操作的需求。可以使用 popstate 事件进行监听返回、后退、上一页操作。 一、简单介绍 history 中的操作 1.window.history.back()，后退 2.window.history.forward()，前进 3.wind...
2018-08-27 15:30:56
1506
转载 css 自定义背景图片
CSS3条纹背景}最近在巩固CSS揭秘，在文档里看到几段代码觉得不错想拿来给大家分享一下用渐变几乎可以创建任何种类的几何图案，只不过这种方法不太实际，我们可能稍不留神就弄出一大块无法维护的代码当我们把多个渐变图案组合起来，让它们透过彼此的透明区域显现时，神奇的事情就发生了 希望以下的可以帮助到你！ div{width:500px; /*宽*/height:...
2018-07-28 14:37:06
1104
转载 vue 的keep-alive
Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的组件信息，使其不再重新加载。一、在app.vue里<keep-alive> <router-view></router-view></keep-alive...
2018-07-06 14:37:40
321
转载 vue 如何新建一个项目///Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错
1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/ node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。2：npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息3：输入npm install -g cnpm --registry=htt...
2018-06-02 10:01:23
8357
原创 在 Element-UI 的 Table 组件上添加列拖拽效果
Element-UI 的 Table 组件很强大，但是我们的需求更强大...简单粗暴的来一发效果图： 一、数据驱动传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点但 Vue 是一个数据驱动的前端框架，开发时应尽量避免操作 dom而且 Element-UI 的 Table 组件封装得很严谨，直接操作 dom 很容易产生不可预计的 bu...
2018-06-01 12:00:46
4750
2
转载 js保留两位小数方法总结
本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析，以下是全部内容：一、我们首先从经典的“四舍五入”算法讲起1、四舍五入的情况?12var num =2.446242342;num = num.toFixed(2); // 输出结果为 2.452、不四舍五入第一种，先把小数边整数：?1Math.floor(15.7784514000 * 100)...
2018-05-29 16:21:02
5327
转载 IconFont 图标的3种引用方式
1.unicode引用（原始）unicode是字体在网页端最原始的应用方式，特点是：兼容性最好，支持ie6+，及所有现代浏览器。支持按字体的方式去动态调整图标大小，颜色等等。但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式unic...
2018-05-03 17:07:30
1815
原创 移动端前端框架搭建
1. 安装Node.js2.安装Git使用 vue-cli 脚手架工具快读搭建基础框架； npm install -g vue-cli使用webpack模板； vue init webpack project命令行提示如下： ? Project name (my-project) //请输入项目名称，回车默认? Project d...
2018-01-18 12:01:28
1515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人