自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

NeverYu

JavaScript、Webpack、Vue、Vuex

原创 用Vue做一个音乐app

vue-music 简介 实现的功能 截屏演示 移动端演示 项目代码 构建 Tip 详细 为什么写这个项目 获取教程 vue-music 基于 Vue 包括音乐推荐、搜索、播放、榜单、收藏 ...

2018-05-02 17:44:25 5358 7

原创 Vue + ElementUI 学习交流群

Vue + ElementUI 学习交流群:685486827

2018-01-12 18:18:27 2021 1

原创 vue2.x 做一个外卖app

简介 截屏演示 移动端演示 构建 为什么写这个项目 获取教程简介本项目是基于 vue2.4 最新的实战项目,vue-cli2.8 + vue2.4 + vue-resource + vue-router2.7 + es6 + mock + webpack 的一个移动端外卖 app。现在最流行的开发...

2017-12-25 21:48:14 2824 6

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

`husky` 是一个为 git 客户端增加 hook 的工具。安装后,它会自动在仓库中的 `.git/` 目录下增加相应的钩子;比如 `pre-commit` 钩子就会在你执行 `git commit` 的触发。 那么我们可以在 `pre-commit` 中实现一些比如 lint 检查、单元测...

2020-06-21 18:48:33 110 0

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

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

2020-06-07 18:56:32 591 0

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

在stylus中实现random随机数功能写在前面一、如果你是直接引入的 Stylus 来编译二、如果你是在webpack中使用Stylus参考资料 写在前面 与 Sass 一样,Stylus 是一门优秀的 CSS 预编译语音:富有表现力,动态,强大的CSS; 在使用 Stylus 写下面效果...

2020-05-24 17:24:11 137 0

原创 Promise 中 setTimeout 的使用

promise

2020-02-29 23:13:03 95 0

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

骨架屏技术讲解以及使用方法写在前面骨架屏实现方式(原理分析)实现方式(具体实现) 写在前面 现在的前端开发领域,都是前后端分离,前端框架主流的都是 SPA,MPA;这就意味着,页面渲染以及等待的白屏时间,成为我们需要解决的问题点;而且大项目,这个问题尤为突出。 webpack 可以实现按需加载,减...

2020-01-09 16:38:35 626 0

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

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

2019-12-24 19:12:41 841 0

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

新版vue-cli工具生成的项目,如何配置babel,使之可以在node中使用es6+的语法导读(写在前面)方案一方案二 本文行文条件是基于 vue-cli3 构建的项目,在 vue-cli4 中依然可用; 同时,在其他类型的项目中,如果是此类问题,依然可以适用。 导读(写在前面) 使用新版的 v...

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

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

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

2019-10-31 19:15:57 297 0

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

ElementUI 通知组件(notification) 多个时会重叠问题的解决方案问题场景问题分析解决方案方案一 Promise方案二 setTimeout最后 - 示例 问题场景 使用 ElementUI 时,当你在一次触发事件中,调用了两次或更多的 相同位置 的 $notify 时,这时候,...

2019-09-24 15:03:03 990 0

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

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

2019-08-31 18:34:03 573 0

原创 基于Vue、Element的换肤

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

2019-07-28 23:51:27 1858 0

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

使用 Element-UI 的 el-tabs 组件,浏览器卡住了问题正确的解决方案说明 问题 我使用的版本是:vue@2.5.13、vue-template-compiler@2.5.13、element-ui@2.8.2 在一个页面中使用了 element-ui 的 el-tabs 组件,然后...

2019-06-23 22:21:17 3166 5

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

【NPM】如何优雅的卸载 npm 包方法一方法二npm 清理缓存参考 方法一 我们现在假设要卸载一个 npm 包:xx-abc。 npm uninstall xx-abc 这会在 node_modules 中删除 xx-abc 的文件夹。 1、删除本地模块时你应该思考的问题:是否将在 packa...

2019-05-21 23:38:35 7599 0

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

文章目录序写在前面章节介绍如何学习知识点Vue SSR 性能联系我 序 服务端渲染 = SSR = Server-Side Rendering Vue 服务器渲染 可以说是我们学习 Vue 技术的最后一个环节了;也是上手难度稍为高一点的一个环节。 目前还没有发现很好的学习资料或者教程,文档也不是特...

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

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

文章目录假设背景多台服务器分库支撑高并发读写大量分表来保证海量数据下的查询性能全局唯一 id 如何生成方案一:独立数据库自增 id方案二:UUID方案三:获取系统当前时间方案四:SnowFlake 算法的思想分析读写分离来支撑按需扩容以及性能提升高并发下的数据库架构设计总结 看到这个题目,很多人第...

2019-03-21 15:09:42 240 0

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

文章目录什么是持续集成开始使用必要的 .travis.yml 文件install 字段script 字段部署时面临的问题【重点】方案一、方案二、常见问题扩展知识 Travis CI 提供的是持续集成服务(Continuous Integration,简称 CI)。我们在软件开发过程中,有构建、测试...

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

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

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

2019-02-20 18:44:30 465 0

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

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

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

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

详细介绍 git 每个命令与总结git 简介实用指令详解mergefetchpullpushlogtagstashremotecommitbranchcheckoutrebase常见问题git clone如何新建分支从远程仓库拉取代码到本地仓库,并建立跟踪关系如何在远程仓库新建一个分支比较文件忽略...

2019-01-06 23:22:15 193 0

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

基于 vue + Element-ui 开发的后台管理系统引文思考快速上手项目结构介绍 项目演示地址:https://git.io/fp9UM 项目仓库地址:https://github.com/Neveryu/vue-cms 引文 搞一个后台管理系统,应该是每个公司都会有的需求。基于后端(J...

2018-12-25 16:39:30 22431 16

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

for、forEach、for...of、for...in 的区别与比较 写在前面:本文不会写太多的细节例子,毕竟这些基本知识还是比较简单的。 for 与 forEach 1、forEach 虽然是 for 循环的简化版本,但是并不是说 forEach 就比 for 更好用,forEach...

2018-12-17 18:19:11 1818 0

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

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

2018-12-10 10:34:57 9094 3

原创 npm ci 命令

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

2018-12-09 17:02:32 4076 0

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

新版 vue loader 使用注意细则基本使用规则webpack 中的 css-loadervue 中的 vue-style-loader vue-loader 版本 v15. 基本使用规则 1、Vue Loader 的配置和其它的 loader 不太一样。除了通过一条规则将 vue-loade...

2018-12-08 23:04:26 2845 0

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

Mac sublime 安装包的时候出现 unable to download xxx 前置条件:【本文行文中,所使用的电脑环境为 mac】(当然不排除,在其他系统下,依然可以采用这种解决方案) 今天想在 sublime 上安装一个 DocBlockr 的包。走正常的安装流程,选中 DocBloc...

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

转载 Vue 实战实用技术点

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

2018-11-22 23:10:42 194 0

原创 npm install 你很明白吗

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

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

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

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

2018-10-20 21:39:48 238 0

原创 移动端1px & 图片

文章目录css 中的 1px 并不等于设备的 1pxviewport css 中的 1px 并不等于设备的 1px 在 css 中我们一般使用 px 作为单位,在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素,这可能会造成我们的一个错觉,那就是css中的像素就是设备的物理像素。但...

2018-10-15 18:33:35 399 0

转载 代码重构经验

代码重构经验提炼函数合并重复的条件片段把条件分支语句提炼成函数合理使用循环提前让函数退出代替嵌套条传递对象参数代替过长的参数列表尽量减少参数数量少用三目运算符合理使用链式调用分解大型类用 return 退出多重循环 提炼函数 在 JavaScript 开发中,我们大部分时间都在与函数打交道,所以我...

2018-09-23 23:35:49 1951 0

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

报错示例 背景 原因 解决方案 Tip 报错示例 使用了 Vue 以及用 axios 来发请求,在谷歌浏览器上面,预览是没有问题的: (下图中红色内容,是我调接口获取到的内容,然后显示在页面上) 但是在 IE 浏览器下,却没有看到接口获取的内容显示在页面上 F12...

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

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

背景 什么是 Yarn 速度快 离线模式 可靠可确定性 网络优化 扁平化模式 版本控制 其他关于 Yarn 的介绍 Yarn 安装 windows mac 方式一 方式二 Yarn 换源 背景 在 Node 生态系统中,依赖通常安装在项目的 node_modules 文...

2018-08-24 12:13:34 30354 4

原创 非常好用的 npx!!!

npx是什么 解决什么问题 使用本地已安装的可执行工具,而不需要配置 scripts 执行一次性命令 使用不同的node版本运行命令 如何使用 典型的使用场景 npx是什么 npm v5.2.0 引入的一条命令(npx),npx 会帮你执行依赖包里的二进制文件。引入这个命令的目...

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

转载 解析vue2.0的diff算法

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

2018-07-31 22:51:46 518 0

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

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

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

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

全局上下文 函数上下文 简单调用 bind 方法 箭头函数 作为对象的方法 原型链中的 this 作为构造函数 作为一个 DOM 事件处理函数 作为一个内联事件处理函数 在 JavaScript 中,函数中的 this 指向,很多同学总是理不清楚【这必然会带来一些问题】。确实,JavaScr...

2018-06-17 22:27:31 260 0

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

forEach 使用说明 forEach 要点 forEach forEach() 方法对数组的每个元素执行一次提供的函数。 array.forEach(callback(currentVal, index, array) { // do somethi...

2018-05-25 20:02:13 522 0

提示
确定要删除当前文章?
取消 删除