- 博客(20)
- 收藏
- 关注
RSS订阅原创 Sublime插件安装
安装Package ControlPackage Control是插件管理包，利用它可以方便的安装卸载Sublime的插件Package Control:https://packagecontrol.io/installation安装：Sublime：Tools -> Install Package Controll安装插件Ctrl + Shift + P 输入Ins...
2020-04-08 14:27:56
225
原创 VSCode
Code -> Preferences -> User SnippetsVue{ // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma sepa...
2020-03-31 19:35:04
238
原创 JS：函数节流（throttle）和防抖（debounce）
解决的问题节流和防抖：为了限制函数的执行频次，以优化高频率触发函数导致的响应速度跟不上触发频率，出现延迟、假死或卡顿的现象。主要用于对DOM Events的处理，常见场景：window对象的resize、scroll事件 拖拽时的mousemove事件 文字输入、自动完成的keyup事件等防抖（debounce）思想：当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用...
2019-08-15 20:10:37
431
原创 CSS：background: none和background: transparent的区别
background: none等价于：background-color: initial;background-image: none;background-repeat: initial;background-attachment: initial;background-position: initial;background: transparent等价于：...
2019-06-09 16:43:11
14507
原创 less：Mixin实现相同样式不同颜色
问题基于element-ui封装的button组件，希望根据不同的类名，实现相同样式、不同颜色。解决将相同的部分包成mixin .isUnderline，通过传参实现不同颜色。<style lang="less">@color-default: #333;@color-primary: #409eff;@color-success: #67c23a;@colo...
2019-06-09 16:04:23
1191
原创 JS：构造函数、原型、new
构造函数、原型对象、实例1、每个函数都有一个prototype属性，该属性指向函数的原型对象，原型对象的用途是可以让所有对象实例共享它所包含的属性和方法。2、默认情况下，每个原型对象都会自动获得一个constructor属性，该属性指向prototype属性所在的函数。constructor属性最初是用来标识对象类型的，但检测对象类型，还是instanceof更可靠些（因为对象的con...
2019-06-05 16:03:14
128
原创 Vue中的this.$options.data()和this.$data
问题项目里遇到一个问题，用this.$options.data()重置组件data时，data()里用this获取的props或method都为undefined，代码简化如下：export default { props: { P: Object }, data () { return { A: { ...
2019-04-29 21:00:10
44674
11
原创 Git常用命令
修改分支名称1、本地分支：$ git branch -m old_branch new_branch2、远程分支：# Delete the old branch$ git push origin :old_branch# Push the new branch, set local branch to track the new remote$ git push ...
2019-03-07 15:31:40
151
原创 SQLite3常用命令
1、打开数据库// 在数据库文件所在目录下sqlite3 xxx.db2、查看数据库中的表.table3、查看建表语句.schema4、SQL语句查询SELECT column1, column2, columnN FROM table_name;SELECT * FROM table_name;5、insertINSERT INTO TABL...
2019-02-26 20:33:28
873
原创 less：长度计算
CSS中可通过函数 calc() 动态计算长度，如：// 设置宽度为：父元素宽度 - 10pxwidth: calc(100% - 10px);但是在less中这样写有问题，会自动处理成：width: calc(90%);因为less中本身支持 “-” 操作，会自动推断并转换数值单位=。=，可用如下写法：width: calc(~"100% - 10px");Tip...
2019-02-17 14:19:34
2342
原创 Vue小知识点
其实是个人Vue盲点的查漏补缺_(:з」∠)_，，，很多点官方文档里都有，Vue文档要字斟句酌啊。本来想叫“Vue最佳实践”的，，老脸一红，算了，算了 Prop1、Prop如果为数组或对象类型，default值必须从函数中返回。这是为了保证不同component实例中propB都是独立的实例。props: { propA: { type: Number...
2019-02-12 11:10:43
317
原创 Vue的ESLint配置
用惯了组里统一的代码风格，再看默认的vue项目代码很是别扭，记录下ESLint配置，以后直接copy paste，美滋滋目录ESLint配置方式规则级别常用规则官网：https://eslint.org/docs/rules/ESLint配置方式ESLint有三种配置方式，一般自定义规则较少时，选第2种；自定义配置很多，建议第1种；第3种常用于对某句代码禁用es...
2019-02-03 15:00:47
15327
原创 Electron安装失败
electron安装持续失败T_T，，，总结下搜到的方法，总有一个适合你~最后用的是yarn+淘宝镜像，避开天坑后，秒速安装！美滋滋官网：https://electronjs.org/docs/tutorial/installation网络问题典型报错：read ECONNRESET，一般是无法翻墙获取国外资源导致的，可选方法如下：1、连VPN，直通外网。官方推荐npm，v...
2019-02-02 20:48:49
14498
3
原创 Electron-vue项目初探（一）：搭建项目
项目里要用Electron，研究方向是本地数据库/缓存相关，正好年终归账时发现excel效率太低，且分析维度有限，准备用Electron-vue+SQLite3+SQLCipher搭一个简单版的交易分析系统，学有所出。原来是直接用electron的，小哥说有现成的electron-vue不用重复造轮子(●˘ϖ˘●)，，嗯，，颇有道理，，，目录技术栈初始化项目：electron-...
2019-02-02 18:46:46
4167
1
原创 Vue CLI 3.0踩坑记录
vue cli 3.0和之前的脚手架不太一样，记录下新特性及踩坑记录。以下均在MacOS环境下进行。官网：https://cli.vuejs.org/zh/guide/installation.html安装vue-cli包名称由vue-cli改成了@vue/cli，如果全局安装过旧版本的vue-cli，先卸载。遇到permissions denied等权限问题，命令前加sudo。...
2019-02-02 16:04:04
1062
原创 修改git commit的author信息
本地有多个git账号时，容易发生忘记设置项目默认账号，最后以全局账号提交的情况，其实对代码本身并无影响，只是提交记录里显示的是别的名字稍显别扭。查看提交日志，假设以a([email protected])提交了三次，发现提交用户错了，应该用b用户提交：$ git log# 输出如下commit 3 (HEAD -> branch1)Author: a <[email protected]...
2018-11-22 17:02:19
21094
1
原创 同台电脑下管理多个Git账号、多个SSH Key（Mac版）
SSH Key与电脑、Git账号的关系一对SSH Key对应一组【电脑+Git账号】。举个例子，现有电脑1、电脑2，Git账号[email protected]、[email protected]。（[email protected]、[email protected]是git账号的注册邮箱）要让电脑1能访问[email protected]的项目，需要在电脑1上生成[email protected]的SSH Key：$ ssh-keygen -t ...
2018-11-12 22:52:52
1150
原创 Vue单元测试：Vue Test Utils + Jest
安装配置1、 安装Jest和Vue Test Utils。$ npm install --save-dev jest @vue/test-utils2、安装vue-jest。.vue文件一般为单文件组件（Single-File Componengts），即html，js，css在一个文件中，vue-jest告诉Jest如何处理这样的.vue文件。目前vue-jest还不完全支持vue...
2018-11-12 14:40:56
2177
1
原创 Git 与 GitLab 环境配置（Mac版）
安装Git使用图形化Git安装工具，下载地址：https://git-scm.com/downloads配置GitLab SSH公钥Git支持HTTPS和SSH两种协议，HTTPS每次pull、push时要求输入密码，建议使用SSH。1、查看本机是否有SSH Key。$ cd ~/.ssh$ lsid_rsa id_rsa.pub同一电脑下不同SSH Key的问题...
2018-11-12 11:46:49
17250
原创 在Nginx上部署vue项目（Mac版）
构建项目将vue项目打包，打包后会在项目根路径下生成一个dist文件，这个就是需要发布到nginx服务器上的静态页面。（不同项目配置的打包命令可能稍有不同）$ npm run dev安装Nginx1、打开terminal终端2、安装Command Line Tools$ xcode-select --install3、安装brew命令$ ruby -e "$(...
2018-11-10 20:58:19
8704
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人