自定义博客皮肤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、React、Vue、Vuex

  • 博客(186)
  • 资源 (19)
  • 论坛 (1)
  • 收藏
  • 关注

原创 用Vue做一个音乐app

vue-music简介实现的功能截屏演示移动端演示项目代码构建Tip详细为什么写这个项目获取教程vue-music基于 Vue 包括音乐推荐、搜索、播放、榜单、收藏 欢迎体验:https://neveryu.github.io/music/,在手机上效果更好,...

2018-05-02 17:44:25 7000 8

原创 Vue + ElementUI 学习交流群

Vue + ElementUI 学习交流群:685486827

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

原创 vue2.x 做一个外卖app

简介截屏演示移动端演示构建为什么写这个项目获取教程简介本项目是基于 vue2.4 最新的实战项目,vue-cli2.8 + vue2.4 + vue-resource + vue-router2.7 + es6 + mock + webpack 的一个移动端外卖 app。现在最流行的开发方式就是前后分离了; vue 也是现在最流行的前端框架之一。截屏演示移动端演示扫二维码在手机上查看效果

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

原创 【前端】rtsp 与 rtmp 视频流的播放方法

【前端】rtsp 与 rtmp 视频流的播放方法导读写在前面前端如何在网页上播放 rtsp 视频流导读RTSP(Real Time Streaming Protocal),RFC2326,实时流传输协议,是 TCP/IP 协议体系中的一个应用层协议。…额,算了,不写这些了;想了解科普知识的,自己去网上查;而且这也不是我写博文的风格,咋们直接上干货!写在前面如何生成一个 rtsp 的视频流?如何播放 rtsp 视频流?你可以在网上搜一下 rtsp 测试视频流,看有没有现成的 rtsp 视频流连接可

2021-02-20 13:38:14 69 1

原创 【前端】JavaScript 中强大的可选链

JavaScript 中强大的可选连写在前面可选链可选链 de 三种形式写在前面当你在获取一个对象的属性的时候,你可能需要检测这个属性是否存在,否则会报错;比如:var objconsole.log(obj.name)会报错:TypeError: Cannot read property 'name' of undefined;特别是后端接口返回的数据,前端数据一般是你自己定义的,有就是有,没有就是没有;后端有时候说好的有,结果没有…/(ㄒoㄒ)/~~所以在使用接口返回的数据的时候,要做属性

2021-01-19 09:44:17 91

原创 vuex中import router中的常量结果是undefined ?

Vue store中import router中的常量是undefined ? 问题描述如何解决问题分析参考文档问题描述Vue 项目结合 element UI 搭建后台管理系统,在 vuex 的 store/index.js 文件中引入 router/index.js 中定义的常量 constantRouterMap,结果后台打印引入结果为 undefined。详细见图:如何解决在 main.js 中 先引入 store 再引入 router。import store from './store

2021-01-03 18:42:48 55

原创 Vue中全局引入stylus文件不生效的问题

Vue中使用stylus全局引入不生效的问题参考什么意思?比如说,我们在 App.vue 里面:<style lang="stylus">@import "./style/min.styl"</style>min.styl 里面定义了两个变量,我们想象的是,在所有的 .vue 文件中都可以使用 min.styl 中的变量。但现实的情况是:并没有生效。难受啊≧ ﹏ ≦参考https://github.com/vuejs/vue-cli/issues/441htt

2020-12-18 19:44:59 189

原创 详解、带你搞懂:前端缓存

详解:前端缓存缓存分类分类一分类二Cache-Control 的取值:缓存分类分类一HTTP缓存浏览器缓存其中 HTTP 缓存是在 HTTP 请求传输时用到的缓存,主要在服务器代码上设置;而浏览器缓存则主要由前端开发在前端 js 上进行设置。浏览器与服务器通信的方式为应答模式,即是:浏览器发起 HTTP 请求 – 服务器响应该请求。那么浏览器第一次向服务器发起该请求后拿到请求结果,会根据响应报文中 HTTP 头的缓存标识,决定是否缓存结果,是则将请求结果和缓存标识存入浏览器缓存中。分类二

2020-12-02 20:30:47 82

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

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

2020-10-11 10:56:10 597 1

原创 git 清除所有历史记录

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

2020-10-10 15:08:53 526 1

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

Homebrew 无法更新的问题

2020-07-29 15:52:10 94

原创 使用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 1533

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

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

2020-06-07 18:56:32 4186

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

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

2020-05-24 17:24:11 253

原创 Promise 中 setTimeout 的使用

promise

2020-02-29 23:13:03 1493 1

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

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

2020-01-09 16:38:35 2298

原创 基于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 1112

原创 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 3115 2

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

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

2019-10-31 19:15:57 508

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

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

2019-09-24 15:03:03 2466 1

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

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

2019-08-31 18:34:03 1121

原创 基于Vue、Element的换肤

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

2019-07-28 23:51:27 3218 1

原创 使用 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 组件,然后,切换路由进入这个页面的时候,就卡住了,浏览器也卡住了;去掉 el-tabs 就好了,使用 el-ta...

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

原创 【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 11907 1

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

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

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

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

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

2019-03-21 15:09:42 328

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

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

2019-03-19 22:19:28 512 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 712

原创 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 6855 1

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

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

2019-01-06 23:22:15 274

原创 基于 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 33852 17

原创 [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 2713

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

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

2018-12-10 10:34:57 13743 5

原创 npm ci 命令

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

2018-12-09 17:02:32 8762

原创 新版 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 4027

原创 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 6414 12

转载 Vue 实战实用技术点

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

2018-11-22 23:10:42 230

原创 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 41923 4

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

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

2018-10-20 21:39:48 317

原创 移动端1px & 图片

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

2018-10-15 18:33:35 622

bootstrap-datetimepicker.js

为 bootstrap-datetimepicker 添加了清除按钮

2017-08-15

ffmpeg

FFmpeg是一个自由软件,可以运行音频和视频多种格式的录影、转换、流功能,包含了libavcodec——这是一个用于多个项目中音频和视频的解码器库,以及libavformat——一个音频与视频格式转换库。

2021-02-18

jquery.mobile-1.0.1.min.js

jqeury mobile js

2016-09-29

jquery.mobile-1.0.1.min.css

jquery mobile 1.0.1

2016-09-29

Sass(3.4.21)中文文档

超详细超给力的 sass 中文学习教程

2017-06-15

Vue.js技术分享-尤雨溪.pdf

尤雨溪 6月5号 的 VueConf 大会上的分享 PPT;干货满满。

2019-06-05

JavaScript权威指南第4版.pdf

犀牛书,不用多说了,电脑必备!

2017-04-26

jquery-1.6.4.js

jqeury 1.6.4

2016-09-29

mysql-connector-java-5.1.27-bin.jar

【JAVA WEB】java链接mysql数据库必备工具包

2015-11-18

jquery-ui-1.10.3.custom.zip

( jquery-ui-1.10.3.custom.zip

2016-12-04

jstl-1.2.jar

JSTL(JSP Standard Tag Library,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库. 如果要使用JSTL. 则必须将jstl.jar和 standard.jar文件放到classpath中

2015-11-18

jquery-easyui-1.3.6.zip

easyui是一种基于jQuery的用户界面插件集合;easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能;使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面;easyui是个完美支持HTML5网页的完整框架。

2016-12-23

sass与compass实战

sass与compass实战,学习sass与compass,css预编译

2017-06-15

git-cheatsheet.pdf

git是一个分布式版本控制软件,速度快,分布式,并行分支支持。git-cheatsheet.pdf 收录所有的git命令和详解,简单实用

2017-04-26

JavaScript高级程序设计.pdf

JavaScript高级程序设计是一本详细而又细腻,简单而又实用的JavaScript学习书籍,受众面很广的一本书,合适各个阶段的人员学习和查阅,好评。

2017-04-26

ruby-2.2.4-x64

ruby-2.2.4 源包 安装ruby

2016-09-22

standard-1.1.2.jar

JSTL(JSP Standard Tag Library,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库.。 如果要使用JSTL,则必须将jstl.jar和 standard.jar文件放到classpath中

2015-11-18

JSP Standard Tag Library

JSTL(JSP Standard Tag Library,JSP标准标签库)是一个不断完善的开放源代码的JSP标签库. 如果要使用JSTL,则必须将jstl.jar和 standard.jar文件放到classpath中

2015-11-18

java链接mysql

【JAVA WEB】java链接mysql数据库必备工具包

2015-11-18

Never Yu丶的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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