前端栈开发

每日更新大前端方面文章、angular、vue、node、小程序、前端基础

如何正确的学习Node.js

Live 简介 现在,越来越多的科技公司和开发者开始使用 Node.js 开发各种应用。Node.js除了能够辅助大前端开发外,还可以编写Web应用,封装Api,组装RPC服务等,甚至是开发VSCode编辑器一样的PC客户端。和其它技术相比, Node.js 简单易学,性能好、部署容易,能够轻松...

2018-06-28 08:41:58

阅读数:465

评论数:0

lazy-mock | 一个生成后端模拟数据的懒人工具

lazy-mock  lazy-mock 是基于koa2构建的,使用lowdb持久化数据到JSON文件。只需要简单的配置就可以实现和json-server差不多的功能,但是比json-server更加灵活,后期可配置性更强,完全可以模拟真实后端业务逻辑。  lazy-mock默认包含了jwt实现的...

2018-06-30 21:13:56

阅读数:30

评论数:0

浅谈前端测试

前端测试或许被好多人误解,也许大家更加倾向于编写面向后端的测试,逻辑性强,测试方便等聊到这导致了好多前端从来不写测试(测试全靠手点~~~)其实没必要达到测试驱动开发的程度,只要写完代码可以补测试,并且补出高效的测试,前端或许真的不需要手点大前端时代不谈环境不成方圆,本文从下面几个环境一一分析下如何...

2018-06-30 21:12:36

阅读数:278

评论数:0

初学者应该了解的数据结构:Array、HashMap 与 List

挺长的一篇文章,建议不太熟悉数据结构的同学慢慢阅读一下这篇文章,希望对你有所帮助~以下是译文正文:当开发程序时,我们(通常)需要在内存中存储数据。根据操作数据方式的不同,可能会选择不同的数据结构。有很多常用的数据结构,如:Array、Map、Set、List、Tree、Graph 等等。(然而)为...

2018-06-30 21:11:06

阅读数:24

评论数:0

浅谈前端中的错误捕获

浅谈前端中的错误捕获某一天用户反馈打开的页面白屏幕,怎么定位到产生错误的原因呢?日常某次发布怎么确定发布会没有引入bug呢?此时捕获到代码运行的bug并上报是多么的重要。既然捕获错误并上报是日常开发中不可缺少的一环,那怎么捕获到错误呢?万能的try...catchtry{ throw new ...

2018-06-30 08:02:30

阅读数:57

评论数:0

怎么去控制浏览器对资源文件的处理行为

通常当用户打开一个资源的url,如果浏览器支持这个格式的文件的情况下,浏览器会尝试去再页面里展示它而不是直接下载。例如一张图片(jpg, png, gif等),几乎所有浏览器都会去将图片在浏览器里面展示。对于压缩格式的文件(zip, tar, gzip等)浏览器总是会直接去下载它们,另外一些格式的...

2018-06-30 08:01:33

阅读数:292

评论数:0

基于webpack4搭建的react项目框架

介绍框架介绍,使用webpac构建的react单页面应用,集成antd。使用webpack-dev-server启动本地服务,加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载手动搭建,不使用cli,大量注释适合初学者对webpack的理解学习,对react项目的深入了解启动...

2018-06-30 07:58:23

阅读数:545

评论数:0

使用Vue CLI构建Vue.js项目

1.安装Vue CLI, 当前最新版本:@3.0.0-rc.3。注意安装前先卸载Vue CLI 2npm install -g @vue/cli2.在Vue CLI 3中如果要使用vue init命令,还需安装vue/cli-initnpm install -g @vue/cli-init3.初始...

2018-06-29 17:31:28

阅读数:42

评论数:0

js获取日期及日期相关js方法

js获取日期常用如下: var date = new Date();//中国标准时间 var year = date.getFullYear();//获取完整的年份(4位) var month = date.getMonth();//获取当前月份(0-11,0代表1月) ...

2018-06-29 17:28:02

阅读数:104

评论数:0

js设计模式

正文1. 单例模式(SingleTon)定义也叫单例模式,核心思想是确保一个类只对应一个实例。虽然js是弱类型的语言,但是js也有构造函数和实例。所以这里可以理解为确保多次构造函数时,都返回同一个实例实现根据定义,我们需要实现一个构造函数,并且满足以下条件:function A(){ //...

2018-06-29 17:21:04

阅读数:12

评论数:0

了解一些额外知识,让前端开发锦上添花

1.前言在前端学习里面,很多人都是注重学习代码(html,css,js)。或者是一些框架,库(jquery,vue,react),或者是各种工具(webpack,gulp)。在以往的文章里面,或者自己和别人交谈,都有建议过别人多练,不要闷头就写代码,多深入了解当中的原理,学习其中的思想。但是除了代...

2018-06-28 18:15:42

阅读数:19

评论数:0

vue使用Element组件时v-for循环里的表单项验证

标题描述看起来有些复杂,有vue,Element,又有表单验证,还有v-for循环?是不是有点乱?不过我相信开发中遇到过此问题的同学,一看就明白我说的意思了。 首先Element组件有一套完善的表单验证方法,官方文档写的也很清楚:Element表单验证API,正常按照官方文档添加rules规则,...

2018-06-28 12:21:10

阅读数:892

评论数:0

JavaScript实现的几种排序

1.冒泡排序原理:冒泡排序的过程就是将数组中相邻的两个元素进行比较,如果前面的元素比后面的元素要大交换位置,否则位置不变;举个栗子:有数组 arr = [3,5,4,2,1];第一轮循环:3和5比较,3小于5两者位置不变,接下来5和4比较,5大于4,两者交换位置,接着5和2比较,5&amp...

2018-06-28 12:20:19

阅读数:10

评论数:0

Webpack 3一些代码体积优化方案的小结

前言之前接手公司一个前端项目,开发了几个月后越来越难以忍受项目结构的混乱和打包体积的臃肿(脚手架和基本功能代码都是从公司的其他项目复制过来的),如果不立即进行重构,难以想象以后要怎么维护各个产品线。于是我自告奋勇承担了项目框架的优化任务,这里分享一下我在打包体积优化中所研究的成果,经过几轮的努力,...

2018-06-28 12:19:16

阅读数:74

评论数:0

前端如何进阶全栈开发

前端进阶之困最近看了不少文章和帖子, 如文:前端的焦虑,你想过30岁以后的前端路怎么走吗?前端怎么一步步走向全栈呢?移动端入门Node.js怎么学习?前端的未来走向在哪里?工作2年多的前端,现在迷茫了,如何更进一步的提升自己身边和朋友圈也不少做前端开发的同事朋友问如何发展和提升这里我向大家给一些建...

2018-06-28 08:39:39

阅读数:34

评论数:0

前端资源整理分享

链接: https://xjh22222228.github.io/nav/index.html#page1@scroll分享一个前端学习的好网站:

2018-06-28 08:34:24

阅读数:22

评论数:0

vue-cli@2.9.3 搭建的webpack项目工程

前言已经有很多分析Vue-cli搭建工程的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山,分享着自己看到的风景。你不一定能看到别人看到的风景,体会到别人的心情。只有自己去登山,才能看到不一样的风景,体会才更加深刻。正文从这里开始~使用vue-cli初始化webpack工程/...

2018-06-27 12:11:38

阅读数:92

评论数:2

前端架构之路-组件化

组件化1. 什么是 “组件化”组件化就是将项目中可以共用的代码提取出来,单独成一个组件,以便在多个地方调用此组件,这样便可以做到只维护一份代码,而不需要每次更新都要改多个地方,而且还不能保证都一样。组件化一般分为项目内的组件化和项目外的组件化。2. 项目内组件化项目内的组件化,就是一个项目中可以共...

2018-06-27 12:09:05

阅读数:53

评论数:0

JS思维导图

JS思维导图基本概念基本语句字符串基本及常用方法基本常用方法操作符数组基本及常用方法变量基本DOM操作字符串函数流程语句运算符数组函数基础正则表达式进阶JS基本概念JS基本语句JS字符串用法JS操作符JS数组用法Date用法编码风格编程实践...

2018-06-27 12:07:57

阅读数:37

评论数:0

vue的日历组件

一个vue calendar的npm组件说明:1.基于element-ui开发的vue日历组件。地址使用方法:1.下载npm包:你的VUE项目的根目录底下运行:npm install ele-calendar2.引入本npm包并注册为vue的组件:例如:在需要使用的vue页面中: &...

2018-06-26 18:15:27

阅读数:118

评论数:0

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