Never Yu-CSDN博客

原创【最新】【亲测有效】sublime 安装 emmet 失败的解决方法

【最新】【亲测有效】sublime 安装 emmet 失败的解决方法写在前面可能的原因解决办法步骤一新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入写在前面今天新电脑安装了一个最新的 sublime text 3，然后打

2020-10-11 10:56:10 2989 8

原创 git 清除所有历史记录

git 清除所有历史记录有些时候，git 仓库累积了太多无用的历史更改，导致 clone 文件过大。如果确定历史更改没有意义，可以采用下述方法清空历史先 clone 项目到本地目录 (以名为 mylearning 的仓库为例)$ git clone [email protected]:badboycoming/mylearning.git进入 mylearning 仓库，拉一个分支，比如名为 latest_branch$ git checkout --orphan latest_branch

2020-10-10 15:08:53 3541 2

原创 Updating Homebrew... 无法更新 Homebrew

Homebrew 无法更新的问题

2020-07-29 15:52:10 448

原创使用husky + lint-staged助力团队编码规范

`husky` 是一个为 git 客户端增加 hook 的工具。安装后，它会自动在仓库中的 `.git/` 目录下增加相应的钩子；比如 `pre-commit` 钩子就会在你执行 `git commit` 的触发。那么我们可以在 `pre-commit` 中实现一些比如 lint 检查、单元测试、代码美化等操作。当然，`pre-commit` 阶段执行的命令当然要保证其速度不要太慢，每次 commit 都等很久也不是什么好的体验。`lint-staged`，一个仅仅过滤出 Git 代码暂存区文件(被

2020-06-21 18:48:33 9966

原创 el-scrollbar 使用以及滚动到指定位置

浏览器默认的滚动条样式不是很美观；其实，在 element-UI 中有一个隐藏组件 el-scrollbar ；这个组件的滚动条还是很不错的，比原生的滚动条好看，而且还有一些效果（鼠标移入时显示，移出时隐藏）。使用 el-scrollbar；以及滚动到指定位置。

2020-06-07 18:56:32 30285 2

原创在stylus中实现random随机数功能

在stylus中实现random随机数功能写在前面一、如果你是直接引入的 Stylus 来编译二、如果你是在webpack中使用Stylus参考资料写在前面与 Sass 一样，Stylus 是一门优秀的 CSS 预编译语音：富有表现力，动态，强大的CSS；在使用 Stylus 写下面效果的时候，需要用到随机数，可是我翻阅了 Stylus 的文档，却没有发现可用的函数。Stylus 里面支持 JavaScript API，当有一些事情无法使用 Stylus 完成的时候，就在 JavaScript

2020-05-24 17:24:11 659

原创 Promise 中 setTimeout 的使用

promise

2020-02-29 23:13:03 9581 2

原创骨架屏技术讲解以及如何在Vue中实现骨架屏

骨架屏技术讲解以及使用方法写在前面骨架屏实现方式（原理分析）实现方式（具体实现）写在前面现在的前端开发领域，都是前后端分离，前端框架主流的都是 SPA，MPA；这就意味着，页面渲染以及等待的白屏时间，成为我们需要解决的问题点；而且大项目，这个问题尤为突出。webpack 可以实现按需加载，减小我们首屏需要加载的代码体积；再配合上 CDN 以及一些静态代码（框架，组件库等待…）缓存技术，可以很...

2020-01-09 16:38:35 8502 1

原创基于vue-cli4构建的web app

基于vue-cli4构建的图表类web app写在前面项目介绍写在前面从 vue-cli3 开始，vue-cli 脚手架工具有了一个很大跨越，带来了全新的开发体验，和简约的配置方案，甚至有了可视化的界面操作，这一波真是，天秀！具体到细节，主要有以下几点体验升级：1、创建一个项目vue create hello-worldUI 界面操作 vue ui2、创建项目时的配置选项，可以...

2019-12-24 19:12:41 1644

原创 vue-cli3.x、vue-cli4.x中，想要在node中使用es6的语法，该如何配置babel

新版vue-cli工具生成的项目，如何配置babel，使之可以在node中使用es6+的语法导读（写在前面）方案一方案二本文行文条件是基于 vue-cli3 构建的项目，在 vue-cli4 中依然可用；同时，在其他类型的项目中，如果是此类问题，依然可以适用。导读（写在前面）使用新版的 vue-cli 工具生成的项目，在项目结构上，以及配置文件上都与之前有了很大的不同，而且新版的 vue-...

2019-11-14 16:51:25 4869 2

原创【PWA】关于PWA的实操以及使用经验总结

关于PWA的实操以及使用经验总结写在前面优缺点如何给项目加上PWA实操：实际操作写在前面PWA ： Progressive Web AppPWA优缺点可靠体验粘性如何给项目加上PWA...

2019-10-31 19:15:57 1366 1

原创关于 ElementUI 通知组件 notification 重叠问题的解决方案

ElementUI 通知组件（notification）多个时会重叠问题的解决方案问题场景问题分析解决方案方案一 Promise方案二 setTimeout最后 - 示例问题场景使用 ElementUI 时，当你在一次触发事件中，调用了两次或更多的相同位置的 $notify 时，这时候，弹出的通知框会重叠。比如：doNotify() { this.$notify({ ti...

2019-09-24 15:03:03 8510 2

原创 vue 富文本 quill 编辑器，实现图片上传到服务器，以及实时字数统计

vue 富文本 quill 编辑器，实现图片上传到服务器，以及实时字数统计vue 富文本quill / vue-quill-editor图片上传到服务器实时字数统计vue 富文本todolistquill / vue-quill-editor图片上传到服务器实时字数统计...

2019-08-31 18:34:03 2744

原创基于Vue、Element的换肤

基于Vue、Element的换肤方案一本文将介绍几种基于Vue、Element-UI的换肤实现方案，力争通俗易懂，易上手，希望大家喜欢~方案一使用全局的样式

2019-07-28 23:51:27 5870 2

原创使用 Element-UI 的 el-tabs 组件，浏览器卡住了

使用 Element-UI 的 el-tabs 组件，浏览器卡住了问题正确的解决方案说明问题我使用的版本是：[email protected]、[email protected]、[email protected]在一个页面中使用了 element-ui 的 el-tabs 组件，然后，切换路由进入这个页面的时候，就卡住了，浏览器也卡住了；去掉 el-tabs 就好了，使用 el-ta...

2019-06-23 22:21:17 5624 6

原创【NPM】npm 删除卸载一个模块

【NPM】如何优雅的卸载 npm 包方法一方法二npm 清理缓存参考方法一我们现在假设要卸载一个 npm 包：xx-abc。npm uninstall xx-abc这会在 node_modules 中删除 xx-abc 的文件夹。1、删除本地模块时你应该思考的问题：是否将在 package.json 上的相应依赖信息也删除？npm uninstall xx-abc：删除模块，但不删除...

2019-05-21 23:38:35 27394 2

原创手把手教你 Vue 服务端渲染

文章目录序写在前面章节介绍如何学习知识点Vue SSR 性能联系我序服务端渲染 = SSR = Server-Side RenderingVue 服务器渲染可以说是我们学习 Vue 技术的最后一个环节了；也是上手难度稍为高一点的一个环节。目前还没有发现很好的学习资料或者教程，文档也不是特别明白，这也导致了很多人没能拿下 vue 的 ssr。所以就想着写一个曲线平滑，循序渐进，明了易懂的...

2019-04-09 10:23:16 3995 1

转载支撑百万并发的数据库架构如何设计？

文章目录假设背景多台服务器分库支撑高并发读写大量分表来保证海量数据下的查询性能全局唯一 id 如何生成方案一：独立数据库自增 id方案二：UUID方案三：获取系统当前时间方案四：SnowFlake 算法的思想分析读写分离来支撑按需扩容以及性能提升高并发下的数据库架构设计总结看到这个题目，很多人第一反应就是：分库分表啊！但是实际上，数据库层面的分库分表到底是用来干什么的，他的不同的作用如何应对不同...

2019-03-21 15:09:42 608

原创使用 Travis CI 自动更新 GitHub Pages

文章目录什么是持续集成开始使用必要的 .travis.yml 文件install 字段script 字段部署时面临的问题【重点】方案一、方案二、常见问题扩展知识Travis CI 提供的是持续集成服务（Continuous Integration，简称 CI）。我们在软件开发过程中，有构建、测试、部署这些必不可少的步骤，而这些会花掉我们很多的时间。为了提高软件开发的效率，现在涌现了很多自动化工具...

2019-03-19 22:19:28 763 1

原创 import...from 与 import() 的区别异同

文章目录import...fromimport()两者比较import…from这个其实不用过多的说明了，这是 ES6 中新增的特性，也是现在模块化编程中，我们经常使用的。使用 export 命令定义了模块的对外接口以后，其他 JS 文件就可以通过 import 命令加载这个模块。下面是 import ... from ... 的使用示例import Vue from 'vue'i...

2019-02-20 18:44:30 3193

原创 windows 使用 Git Bash 上下箭头不生效的解决方案

windows 使用 Git Bash 上下箭头不生效使用数字代替使用 winpty使用数字代替windows 中的使用上下键不生效的情况下，可以用数字代替进行选择你这里可以输入数字 2 ，然后回车，表示你要选择第 2 个。使用 winpty这里以 vue create 创建项目为例：将vue create hello-world改为：winpty vue.cmd cr...

2019-01-23 16:56:06 9739 1

原创【Git】详细介绍git每个命令与总结

详细介绍 git 每个命令与总结git 简介实用指令详解mergefetchpullpushlogtagstashremotecommitbranchcheckoutrebase常见问题git clone如何新建分支从远程仓库拉取代码到本地仓库，并建立跟踪关系如何在远程仓库新建一个分支比较文件忽略某些文件bug 分支配置文件查看配置设置git push 默认设置别名保存用户名和密码对于http(s...

2019-01-06 23:22:15 383

原创基于 vue + Element-ui 开发的后台管理系统

基于 vue + Element-ui 开发的后台管理系统引文思考快速上手项目结构介绍项目演示地址：https://git.io/fp9UM项目仓库地址：https://github.com/Neveryu/vue-cms引文搞一个后台管理系统，应该是每个公司都会有的需求。基于后端（JAVA、PHP、GO）的 MVC 模式的后台管理系统中，一般前端使用的技术栈都是 jQuery + B...

2018-12-25 16:39:30 42615 18

原创 [JavaScript] for、forEach、for...of、for...in 的区别与比较

for、forEach、for...of、for...in 的区别与比较写在前面：本文不会写太多的细节例子，毕竟这些基本知识还是比较简单的。for 与 forEach1、forEach 虽然是 for 循环的简化版本，但是并不是说 forEach 就比 for 更好用，forEach 适用于循环次数未知，或者计算循环次数比较麻烦情况下使用效率更高，但是更为复杂的一些循环还是需要用到 ...

2018-12-17 18:19:11 3918

原创 vue 打包后 static 中图片路径不对的问题

vue 打包后 static 中图片路径不对的问题在做这个 vue-cms 项目时，npm build 打包部署后，然后访问的时候，发现：图片不能正常的显示（包括背景图，logo 之类的），请求的路径都 404 了，明显不对。...

2018-12-10 10:34:57 20756 6

原创 npm ci 命令

npm ci 命令说明使用总结一个例子说明npm ci 类似于 npm-install ，但它旨在用于自动化环境，如测试平台，持续集成和部署。通过跳过某些面向用户的功能，它可以比常规的 npm 安装快得多。它也比常规安装更严格，它可以帮助捕获由大多数 npm 用户的增量安装的本地环境引起的错误或不一致。使用确保你有 package-lock 以及最新的安装：$ cd ./my/npm/p...

2018-12-09 17:02:32 24310

原创新版 vue loader 使用注意细则

新版 vue loader 使用注意细则基本使用规则webpack 中的 css-loadervue 中的 vue-style-loadervue-loader 版本 v15.基本使用规则1、Vue Loader 的配置和其它的 loader 不太一样。除了通过一条规则将 vue-loader 应用到所有扩展名为 .vue 的文件上之外，请确保在你的 webpack 配置中添加 Vue Lo...

2018-12-08 23:04:26 5500 1

原创 Mac sublime 安装包的时候出现 unable to download xxx (_ssl.c:548)

Mac sublime 安装包的时候出现 unable to download xxx前置条件：【本文行文中，所使用的电脑环境为 mac】（当然不排除，在其他系统下，依然可以采用这种解决方案）今天想在 sublime 上安装一个 DocBlockr 的包。走正常的安装流程，选中 DocBlockr 后，回车。结果就提示了：Package ControlUnable to downloa...

2018-12-06 22:28:39 7231 12

转载 Vue 实战实用技术点

Vue 实战实用技术点给 props 属性设置多个类型阻止 `` 默认提交行为data 初始化templateLifecycle hookv-for给 props 属性设置多个类型这个技巧在开发组件的时候用的较多，为了更大的容错性考虑，同时代码也更加人性化：export default { props: { width: { type: [String, Number...

2018-11-22 23:10:42 376

原创 npm install 你很明白吗

npm install 你很明白吗https://docs.npmjs.com/cli/install此命令将安装程序包及其依赖的所有程序包。如果软件包具有package-lock或shrinkwrap文件，则依赖项的安装将由此驱动，如果两个文件都存在，则npm-shrinkwrap.json优先。请参阅package-lock.json和npm-shrinkwrap。https://b...

2018-11-04 22:57:34 49318 4

原创关于前端缓存中，指纹与查询字符串的区别

文章目录Sprockets 把所有 JavaScript文件连接为一个主 .js 文件，把所有 CSS 文件连接为一个主 .css 文件。我们可以按需定制连接文件的方式。在生产环境中，Rails会在每个文件名中插入SHA256指纹，以便Web浏览器缓存文件。当我们修改了文件内容，Rails会自动修改文件名中的指纹，从而让原有缓存失效。Sprockets只用指纹的方式是在文件名中添加文件内容的哈...

2018-10-20 21:39:48 445

原创移动端1px & 图片

文章目录css 中的 1px 并不等于设备的 1pxviewportcss 中的 1px 并不等于设备的 1px在 css 中我们一般使用 px 作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代...

2018-10-15 18:33:35 879

转载代码重构经验

代码重构经验提炼函数合并重复的条件片段把条件分支语句提炼成函数合理使用循环提前让函数退出代替嵌套条传递对象参数代替过长的参数列表尽量减少参数数量少用三目运算符合理使用链式调用分解大型类用 return 退出多重循环提炼函数在 JavaScript 开发中，我们大部分时间都在与函数打交道，所以我们希望这些函数有着良好的命名，函数体内包含的逻辑清晰明了。如果一个函数过长，不得不加上若干注释才能让这...

2018-09-23 23:35:49 3080

原创 Vue 中使用 babel-polyfill 来兼容低版本浏览器

报错示例背景原因解决方案Tip报错示例使用了 Vue 以及用 axios 来发请求，在谷歌浏览器上面，预览是没有问题的：（下图中红色内容，是我调接口获取到的内容，然后显示在页面上）但是在 IE 浏览器下，却没有看到接口获取的内容显示在页面上 F12，看了一下错误信息：包括安卓5以下的设备，也会有这种情况。背景Babel 默认只转换新...

2018-08-31 15:11:12 23744 4

原创 Yarn 安装与使用详细介绍

背景什么是 Yarn速度快离线模式可靠可确定性网络优化扁平化模式版本控制其他关于 Yarn 的介绍Yarn 安装windowsmac方式一方式二Yarn 换源背景在 Node 生态系统中，依赖通常安装在项目的 node_modules 文件夹中。然而，这个文件的结构和实际依赖树可能有所区别，因为重复的依赖可以合并到一起。npm 客户端把依...

2018-08-24 12:13:34 77439 5

原创非常好用的 npx!!!

npx是什么解决什么问题使用本地已安装的可执行工具，而不需要配置 scripts执行一次性命令使用不同的node版本运行命令如何使用典型的使用场景npx是什么npm v5.2.0 引入的一条命令（npx），npx 会帮你执行依赖包里的二进制文件。引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。（这句话什么意思？）在以往中，我们在 nod...

2018-08-14 17:04:39 18130 2

转载解析vue2.0的diff算法

前言vue2.0加入了virtual dom，有向react靠拢的意思。vue的diff位于patch.js文件中，我的一个小框架aoy也同样使用此算法，该算法来源于snabbdom，复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。本文力求以图文并茂的方式来讲明这个diff的过程。...

2018-07-31 22:51:46 739

原创 Vue 服务端渲染 & 预渲染

简介那么什么是服务端渲染为什么使用服务端渲染服务端渲染 or 预渲染区别如何使用预渲染如何搭建一个预渲染开发环境Tip写在最后简介关于 Vue 的 SPA 说的已经太多太多了，它为我们带来了极速的开发体验，极强的开发效率。可能唯一有些许不足的就是，当我们对 SEO 很在乎的时候，我们如何去处理 SEO 的需求。关于 SEO ，Vue 也有现成的解...

2018-06-22 09:48:08 10643 2

原创关于 JavaScript 中 this 的详细总结

全局上下文函数上下文简单调用bind 方法箭头函数作为对象的方法原型链中的 this作为构造函数作为一个 DOM 事件处理函数作为一个内联事件处理函数在 JavaScript 中，函数中的 this 指向，很多同学总是理不清楚【这必然会带来一些问题】。确实，JavaScript 中，函数的 this 指向比较复杂多变。它和你调用的方式有关系，和严格模式 ...

2018-06-17 22:27:31 638 1

原创 JavaScript 中 forEach、map、filter 终极篇

forEach使用说明forEach 要点forEach forEach() 方法对数组的每个元素执行一次提供的函数。array.forEach(callback(currentVal, index, array) { // do something}, thisArg)使用说明1、forEach 方法按升序为数组中含有效值的每一项...

2018-05-25 20:02:13 1202