- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 nuxt项目引入 nuxtjs/style-resources module
之前写过在vue项目中如何引入style-resources-loader。今天聊下如何在nuxt项目中引入style-resources1. 安装 @nuxtjs/style-resourcesnpm i @nuxtjs/style-resources --save2. 修改nuxt.config.jsexport default { modules: ['@nuxtjs/styl...
2019-05-16 13:21:28
6528
2
原创 Vue自动化导入文件 (用于颜色、变量、mixin……)，style-resources-loader使用
基于vue-cli31. 安装vue add style-resources-loader2. vue-cli会自动在vue.config.js添加对应代码，如果项目中没有这个文件，则新增文件，然后添加以下代码,我自己的项目是scss，其他的修改preProcessor即可。const path = require('path')module.exports = { plugi...
2019-05-14 18:09:35
3321
原创 工作笔记
1. 删除远程仓库的commit，并强制同步本地和远程仓库。eg. 平常可能遇到这种情况，提交了错误的代码到远程仓库，不想再新增commit到branch tree上。可以这么做，但不建议。重置代码到某一个commit强制将本地更新到远程仓库其他同事强制更新远程仓库代码到自己本地git checkout branchName# reset commitgit reset --ha...
2019-05-06 14:04:15
150
转载 mongodb更新对象数组的某个字段
数组库文档：{_id: 1, usernames: [{name: 'jack',userId:'a'},{name:'tony',userId:'b'}]}mongodb更新操作写法：model.updateMany({'usernames.name': 'jack'}, {$set: {'usernames.$.name': 'john'}});更新后：{_id: 1, user...
2018-09-19 16:57:10
10332
1
原创 mongodb自动生成createdAt和updatedAt两个字段
虽然我们可以在文档创建的时候插入创建时间字段createAt，但是文档更新的时间updateAt是不能直接更新的。而且我们也不可能在写入操作中每次都更新这个字段。幸好，在Mongoose Schemas定义中给我们提供了timestamps选项。 官方文档介绍：https://mongoosejs.com/docs/guide.html#timestamps If set timesta...
2018-08-17 14:03:06
7689
原创 配置Jenkins+gitlab持续集成构建教程
配置Jenkins+gitlab持续集成构建教程1. 安装插件：系统管理-管理插件-可选插件Gitlab Hook PluginBuild Authorization Token Root PluginGitLab PluginGit Plugin2. 配置gitlab的webhooks打开系统设置，配置gitlab 生成随机token作为匹配秘...
2018-08-14 09:29:21
703
转载 前端性能优化清单
一、做好准备：计划和指标1. 建立性能指标使开发/设计和营销团队之间具有一致性。2. 团队目标:至少要比你最快的竞争对手还快 20%1. 除了性能预算之外，为最有利的关键客户任务设置和讨论可接受的关键行为的时间阈值，有助于支持或避免了在优化路上的性能讨论。确保增加资源和功能的额外成本是可预见和可理解的。2. 为项目制定一个加载顺序3. 选择正确的指标根据项目...
2018-03-04 00:10:42
231
原创 github上fork项目后保持与原项目同步更新
1. fork项目，clone到本地2. clone原项目到本地仓库3. 添加原项目到本地仓库git remote add rocket https://github.com/RocketChat/Rocket.Chat.git注： rocket 名字为原项目的标识，可任意取4.fetch原项目更新内容到本地git fetch rocket5. 查看原项目分支git branch -av6.合并分支
2017-10-16 10:16:40
836
原创 mongodb常用命令笔记(持续更新）
1. 同时使用多个or语句db.things.find({$and: [{$or : [{'a':1},{'b':2}]},{$or : [{'a':2},{'b':3}]}] })2. 数组更新单个元素或者多个在需要对数组中的值进行操作的时候，可通过位置或者定位操作符（”$”）.数组是0开始的，可以直接将下标作为键来选择元素。db.getCollection('
2017-09-15 15:21:44
274
原创 解除hexo在github pages自定义域名绑定的方法
不要删除项目，因为github会对域名进行缓存的，所以，应该这样处理，等一会就可以了1. hexo clean 2. 将CHAME内容去掉，留个空白文档3. hexo g 4. hexo d
2016-12-08 00:25:04
6332
1
原创 Object.keys方法之详解
在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组传入对象，返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"};console.l
2016-11-11 23:34:07
71602
3
原创 js实现冒泡排序
var array = [65, 97, 76, 13, 27, 49, 58]; //循环控制趟数 var s = 0; var s1 = 0; //为什么 isSort = true，不能写在循环外面 //因为 交换位置 isSort = false. isSort的值永远是false 。我们要检测的是某一趟是否交换位置 for (var i = 0
2016-09-08 19:24:59
380
转载 sublime text 3 在写 css 时自动提示类名的解决方案
ctrl+shift+p命令行输入Package Control: Add Repository进入后输入https://github.com/andruhon/SublimeAllAutocomplete然后在install package中输入All Autocomplete找到与上面地址对应的插件并安装。 将这个插件的设置文件中的"apply_with_dash_hack_syntaxes"
2016-08-22 11:18:27
19979
12
原创 JS基础之运动框架，能实现常用动画效果
举例附带注释，轻松了解实现原理。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/css"> *{margin: 0;padding: 0;} ul {list-style: none;}
2016-08-04 15:22:19
1735
原创 有margin:0 auto;为什么就没有padding: 0 auto呢?
margin：auto可以做到水平居中，前提条件就是，这个标签是块状元素，并且有个确定的宽度，百分比的宽度也行；padding的话, 设置成auto它会自动继承浏览器的padding值， 当设置padding值为auto时，所有padding值都会变为0，因此一般都会以具体数值或者其他方法实现效果。ps：一般来说，浏览器是没有预设padding值的，但也有个别浏览器是默认有padding值的，为了避
2016-07-23 18:08:19
10441
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人