- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue + element el-form 表单正则验证
手机号校验 const validatePhone = (rule, value, callback) => { if (value === '') { callback(new Error('请输入手机号码~')) } { const phoneRegex = /^1[34578]\d{9}$/ if (!pho...
2019-07-24 15:22:11
3864
1
原创 mac 下 VScode 快捷键
全局Command + Shift + P / F1 显示命令面板Command + P 快速打开Command + Shift + N 打开新窗口Command + W 关闭窗口基本Command + X 剪切（未选中文本的情况下，剪切光标所在行）Command + C 复制（未选中文本的情况下，复制光标所在行）Option + Up 向上移动行Option + Down 向下...
2019-06-25 14:43:16
2867
原创 vue 的 created 和 mounted 钩子函数的区别
created html加载完成之前，执行。 执行顺序：父组件-子组件。 creadted钩子函数主要是用来初始化数据。mounted html加载完成后执行。 执行顺序：子组件-父组件。 mounted钩子函数主要是用来执行DOM操作。computed计算属性，什么是计算属性呢，我个人理解就是对数据进行一定的操作，可以包含逻辑处理操作，对计算属性中的数据进...
2019-05-28 09:52:37
4947
原创 如何将本地新项目上传(Mac端)
一、增（上传新建项目）实际情况在本地开发了一个「angularJS-webApp」项目，需要将代码需要上传至GitHub。操作1、在GitHub上新建一个项目，如：「angularJS-webApp」 项目2、（先进入本地项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init3、把文件添加到版本库中，使用命令 git add .添加到暂存区里面...
2019-05-21 10:14:25
273
原创 Mac环境下的前端开发环境配置
1. 安装brew套件管理器brew 全称是Homebrew，它类似于npm，npm是包管理工具，用来管理各种依赖包，而Homebrew是软件包管理工具。可以在Mac中方便的安装软件或者卸载软件，如git、wget、zsh等。安装地址2. npm安装nrmnrm 用于管理npm包源，安装主要用于切换成国内的淘宝源，加快npm包的安装速度。 npm install -g nrm如果不...
2019-05-15 20:48:48
2839
1
原创 linuxl命令之tail
tail [ -f ] [ -c Number | -n Number | -m Number | -b Number | -k Number ] [ File ]参数解释： -f 该参数用于监视File文件增长。 -c Number 从 Number 字节位置读取指定文件 -n Number 从 Number 行位置读取指定文件。 -m Number 从 Number...
2019-05-14 17:34:11
1032
原创 Linux命令之vim
在vim里面有3种模式：命令模式，编辑模式，末行模式命令模式下的操作： 打开文件 vim + 文件路径和名称，如果文件不存在则新建一个文件 vim +xxx 代表打开这个文件从多少行开始光标的移动 分为下面几个级别： 字符级： 上k下j左h右i，键盘的方向键也可以移动 单词级： b上个单词首字母 w下个单词首字母 e下个单词的尾字母 行级： 0行首, $行尾...
2019-05-13 18:18:28
78
原创 Linux命令之文件和目录
d /user 进入 '/ user' 目录' cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd 进入个人的主目录 cd ~user1 进入个人的主目录 cd - 返回上次所在的目录 pwd 显示工作路径 ls 查看目录中的文件 ls -F 查看目录中的文件 ls -l 显示文件和目录的详细资料 ls -a 显示隐藏文件 ls *...
2019-05-09 20:42:06
100
原创 webstrom License server解决方案
进入 http://idea.lanyus.com/点击获取注册码打开终端 输入 sudo vim /etc/hosts 进入编辑模式修改 hosts 文件退出 由编辑模式退回一般模式，先按 Esc命令模式，以：开头的:q 退出:wq 保存退出:q! 强制退出 （不保存退出）dd 删除一行打开 webstrom 选择A...
2019-05-07 18:47:48
1464
原创 vue 四级联动 (修改版)
以vue-area-linkage为蓝本修改想看效果的小伙伴点击 [这里](https://liangzibo.github.io/area-linkage-vue/)想看效果的小伙伴点击 这里
2019-04-25 15:41:21
4857
10
原创 VUE插件
UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 U...
2019-04-12 14:01:29
295
原创 vue中解决跨域问题
方法1.后台更改header header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 方法2.使用JQuery提供的jsonp methods: { getData() { var self = this...
2019-04-09 16:27:32
155
原创 Vue开发中常用组件
1. vue-countTo (它是一个vue组件，将在指定的持续时间内计入目标数)安装使用: npm install vue-count-to 例子:<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></tem...
2019-04-09 16:13:40
7164
原创 Error: listen EADDRNOTAVAIL: address not available 192.168.0.180:8080
Error: listen EADDRNOTAVAIL: address not available 192.168.0.180:8080 at Server.setupListenHandle [as _listen2] (net.js:1239:19) at listenInCluster (net.js:1304:12) at doListen (net.js:144...
2019-03-29 12:04:05
23862
原创 vue项目中实现图片懒加载的方法
对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高了用户体验。在项目中，我使用vue的 vue-lazyload 插件 来实现这个效果1.安装插件 npm install vue-lazyload --save-dev '2.在入口文件main.js中引...
2019-03-25 14:50:59
1636
原创 JavaScript DOM基础总结
JavaScript DOM基础总结DOM document object model文档对象模型,允许我们对html文档里的元素做增删改查 DOM树 当HTML文档加载完毕时,浏览器会根据我们书写的代码,创建一个树状结构 DOM树是由一个个的节点组成的 节点的类型: 1.元素节点&amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;body&amp;amp;gt; &am
2019-03-11 14:57:28
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人