huangjincq

WEB前端野人

博观而约取，厚积而薄发

16关注

643关注者

1,298掘力值

赞

50

更多

专栏

huangjincq
7月前
来啦！快捷查询小程序上线啦！既然有了想法，第一步还是得把自己的产品原型画出来，推荐使用墨刀这款原型工具，因为简单~，产品的页面得有（首页、软件搜索页面、软件查询页面、快捷键查询页面）这几个核心页面。没有UI小姐姐的我们如何根据产品原型，把界面做的尽量美观呢，我借住了一个纯Css UI库 ColorUI ,样式很美观，...
- 收藏
阅读全文
huangjincq
1年前
Vue SPA 项目webpack打包优化指南最近一个小伙伴问我他们公司的Vue后台项目怎么首次加载要十多秒太慢了，有什么能优化的，于是乎我打开了他们的网站，发现主要耗时在加载vendor.js文件这个文件高达2M，于是乎我就拿来他们的代码看看，进行了一番折腾。最终还是取得了不错的效果。对于网页性能，如何提升加载速度、等原理以及操作，在修...
- 104
- 收藏
阅读全文
huangjincq
1年前
从JavaScript学习设计模式-02单例模式单例模式的思路是：一个类能返回一个对象的引用（并且永远是同一个）和一个获得该实例的方法（静态方法，通常使用 getInstance 名称）。那么当我们调用这个方法时，如果类持有的引用不为空就返回该引用，否者就创建该类的实例，并且将实例引用赋值给该类保持的那个引用再返回。同时将该类的构造函数定义为私...
- 42
- 收藏
阅读全文
huangjincq
1年前
从JavaScript学习设计模式-01原型模式真正的原型继承是作为最新版的ECMAScript5标准提出的，使用Object.create方法来创建这样的对象，该方法创建指定的对象，其对象的prototype有指定的对象（也就是该方法传进的第一个参数对象），也可以包含其他可选的指定属性。例如Object.create(proto, [prop...
- 39
- 收藏
阅读全文
huangjincq
1年前
用Vue来实现图片上传多种方式没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面，有一些商品名称、信息等字段，还有需要上传商品轮播图的需求。我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差不多，本文主要聊聊实...
- 247
- 收藏
阅读全文
huangjincq
1年前
网页图标的优雅使用与总结在最开始，项目中使用图标就是直接设计师切下来的.png图标。后来发现页面中图图标的引用数目太多占据了大部分的请求资源，所以有了将多张小图合并到一个图片上，然后利用CSS背景图片定位，来展示不同的图标。后来在一些对图标要求不高的（后台管理系统等）页面，我们都是使用Font Awesome 这种字...
- 34
- 收藏
阅读全文
huangjincq
1年前
跟着Vue-cli来'学'并'改'Webpack之打包优化首先，我们要知道什么要用webpack来打包，这样打包有那些好处。我们可以简单的列出以下几点：这篇文章的重点讲的就是webpack打包之优化浏览器缓存管理，vue-cli生成的脚手架的配置中，已经做了很多对于打包，利用缓存的优化处理，本文将来学校其中知识，并且做出改动。在此之前呢，我们需要先了...
- 117
- 收藏
阅读全文
huangjincq
1年前
用Vue2.5和Elemnt-ui2搭建一个后台模版:提高篇（1.搭建框架）等等包含后台系统常用功能，方便快速开发，极易扩展的一个模版，基于此模版，您只需要修改少量的代码，就能进行开发。 2.接口约定。一般在项目中前后端联系的接口都会有固定的约定，虽然本项目是模拟数据，但是为了做到规范，先简单约定好接口格式，方便后面请求拦截的时候判断，接口约定规则如下 1.Element...
- 5
- 收藏
阅读全文
huangjincq
1年前
Vue.js+Element-UI从0到部署:基础篇（1.搭建前准备）2. 建议使用webstrom 2017版以上开发工具
- 1
- 收藏
阅读全文
huangjincq
1年前
跟着Vue-cli来'学'并'改'Webpack之多环境配置和发布 Vue之所以现在如此之火热，一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本，但是实际业务中我们往往需要实现其他的功能来对webpack进行改造，本文将会根据一些实际的业务需求，先学习vue-cli生成的模版，然后在进行相关修改。 package.json - 项...
- 107
- 收藏
阅读全文
huangjincq
1年前
ES6 Promise 和 Async/await的使用你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后...
- 130
- 收藏
阅读全文
huangjincq
1年前
Vue.js+Element-UI从0到部署:基础篇（2.相关依赖注入）依赖安装完成之后，重新 npm run build 运行项目。（这个时候有些初学的鞋同会发现，项目启动不了了，报错如下）原因是你的服务没有关闭，导致端口被占用，无法启动，打开任务管理器关闭对应的node进程即可在MAIN.JS里面注入相关依赖 ./config/httpRequestConfi...
- 2
- 收藏
阅读全文
huangjincq
1年前
vue-better-scroll 一个vue的上拉加载下拉刷新插件事件名称说明回调参数MORE DETAILED SETTINGS, PLEASE VISIT
- 30
- 收藏
阅读全文
huangjincq
1年前
Vue.js+Element-UI从0到部署:基础篇（3.前端自动化、多环境配置到发布）在./config文件夹下新建一个sit.env.js 的文件 dev.env.js 、prode.env.js 也可进行类似的配置，把各个环境请求的不同端口配置在这后面在你的程序中，如果要使用这些变量可参考下例修改./config/index.js文件，将 sit.env.js 在 inde...
- 26
- 收藏
阅读全文
huangjincq
1年前
用Vue2.5和Elemnt-ui2搭建一个后台模版:提高篇（2 登录、权限）1.2 用户根据帐号密码进行系统登录，登录成功后后端返回一个tkoen，把token存在本地LocalStorage中。 1.3 axios拦截器中，每次从本地LocalStorage取到之前存的token值，在每次请求发出之前添加到header的Authorization属性中。 1.2 axi...
- 4
- 收藏
阅读全文

个人成就

获得点赞894

文章被阅读41,632

掘力值1,298

加入于

2017-07-22