- 博客(26)
- 收藏
- 关注
RSS订阅转载 React Router 4.0 + webpack 实现组件按需加载
网上关于React Router 4.0的按需加载文章有很多，大致的思路都一样，但是其实具体实现起来却要根据自己的实际情况来定，这里主要介绍一下我的实现方式。 主要方式是通过Route组件的render方法加载一个空的组件作为中间，通过空的组件用来加载具体的页面js文件，然后这个组件的内部加载完成的时候就使用webpack 的 import方法动态请求js，当js请求成功后，这...
2019-07-03 20:35:00
178
转载 平凡是从什么时候开始的
真正的成年，其实应该从毕业时走出校门的那一刻开始。走出那个大门，你便是"自由"之身，从那一刻起，你写完了以为永远写不完的作业，考完了每次都让你恐惧的试卷，改完了永远改不完的论文。你，便是完全"自由"之身。然而，却没人告诉你，所谓的自由，即将被一个叫做生活的东西全部没收。然后渐渐的，你忘记了是从什么时候开始，那些莫名的焦虑，开始慢慢占据你每个难以入眠的夜晚。只记得，毕...
2019-06-17 20:39:00
148
转载 老生常谈，函数柯里化（curring）
柯里化这个概念确实晦涩难懂，没有深入思考过的人其实真的很难明白这是一个什么东西。看起来简单、简单到或许只需要一行代码：const curry = fn => (…args) => fn.bind(null, …args); 是的，就是这么简单。 如果单纯的去理解这一句代码，实在太痛苦了，不妨拆开来，一点一点的去看，也不妨再笨点，先尝试着写成传统...
2019-04-08 21:20:00
279
转载 Vue + iView + vuex + vee-validate 完整项目总结
部门最近的一个新项目启动，很幸运由我来主导整个前端部分的技术选型和整体架构，项目工作量很大，但是却没有足够的人手，只有三个连CSS都不太会的实习生跟着我一起做，压力山大。两个月以来，虽然遇见了很多问题，但是最终顺利的解决了，项目基本完成，果断写一篇总结，毕竟是第一个真正意义上全权自己负责的大项目 。 一、技术选型。 如果没有接触过新的知识，我可能会像之前的...
2018-01-16 10:12:00
177
转载 JS 函数节流和去抖
1、什么是节流和去抖？ 节流。就是拧紧水龙头让水少流一点，但是不是不让水流了。想象一下在现实生活中有时候我们需要接一桶水，接水的同时不想一直站在那等着，可能要离开一会去干一点别的事请，让水差不多流满一桶水的时候再回来，这个时候，不能把水龙头开的太大，不然还没回来水就已经满了，浪费了好多水，这时候就需要节流，让自己回来的时候水差不多满了。那在JS里有没有这种情况呢，典型的场景是图片懒...
2017-12-05 15:52:00
128
转载 SQL 优化
一、EXPLAIN做MySQL优化，我们要善用EXPLAIN查看SQL执行计划。下面来个简单的示例，标注(1,2,3,4,5)我们要重点关注的数据type列，连接类型。一个好的sql语句至少要达到range级别。杜绝出现all级别key列，使用到的索引名。如果没有选择索引，值是NULL。可以采取强制索引方式key_len列，索引长度rows列，扫描行数...
2017-11-28 16:41:00
109
转载 记一个http-proxy-middleware 代理访问nginx映射的接口不通过的问题（connection close）...
工作过程中遇见一个问题，使用Vue-cli 搭建了一个工程，由于跨域的问题 使用了自带的dev-server Express Server(A后台) http-proxy-middleware 去访问后台的接口nginx Server（B后台），而这个接口为niginx 代理的另一个后台(C后台)，理清一下关系： 开发页面去请求A后台（devServer）的接口, 然后这个请求...
2017-11-06 16:00:00
682
转载 JS 数据处理技巧及小算法汇总
前言： 金秋九月的最后一天，突然发现这个月博客啥也没更新，不写点什么总觉得这个月没啥长进，逆水行舟，不进则退，前进的路上贵在坚持，说好的每个月至少一到两篇，不能半途而废！好多知识写下来也能加深一下自身的记忆。所以在国庆前一天和大家分享下自己收藏的一些JS 的数组或对象处理或者非常简单的算法问题。 1、根据属性来更新一个数组中的对象 const arr =...
2017-09-30 12:55:00
106
转载 使用webpack-dev-middleware 和 webpack-hot-middleware 配置一个dev-server
关于Webpack的资料教程网上已经数不胜数，但是对手动配置一个Express server的确不多，于是我对此进行着重的了解一番。 webpack-dev-middleware和webpack-hot-middleware分别是干什么的？ 首先这两个插件组合起来是可以实现页面的热刷新工作， 而做到这一点，首先要对更改的文件进行监控，编译，而这个webpack-dev-m...
2017-08-31 18:34:00
526
转载 自定义类似于Jquery UI Selectable 的Vue指令v-selectable
话不多说，先看效果。 其实就是一个可以按住鼠标进行一个区域内条目选择的功能，相信用过Jquery UI 的都知道这是selectable的功能，然而我们如果用Vue开发的话没有类似的插件，当然你仍然可以把jquery的拿过来直接用，但是我又不想引入jquery 和 jquery UI在我的项目中，于是我就自己尝试着实现类似的功能。 要实现这个功能分两步。第一步是实...
2017-08-21 10:30:00
254
转载 Vue 实际项目中你可能会遇见问题
纸上得来终觉浅，绝知此事要躬行！ Vue的文档和教程看的太多，小的demo做的多，也不如自己实际的进行一个完整项目的开发。只有做了才知道原来问题这么多，这里列举了一些你做demo教程可能不会遇见的坑。 一、项目的登录拦截及用户权限访问控制问题。 一个很常见的需求就是对未登录的用户进行路由拦截和用户的权限访问，如果你的项目之前是通过后台控制访问路由的，那么之前的后端现...
2017-07-11 11:58:00
230
转载 Vue 项目实战系列 （三）
我们继续前两节的开发。本节教程实现的效果如下： 效果很简单，但是实现起来却要用到Vue的很多知识，下面我们将一步一步的实现这个效果。 首先这些城市的信息都是从后台的server里面获取的，所以我们需要一个后台，后台的代码可以从https://github.com/EzrealDeng/Taopiaopiao里面的server 文件夹获取，这个server端具...
2017-06-26 11:36:00
132
转载 Vue 非父子组件通信
组件是Vue核心的一块内容，组件之间的通信也是很基本的开发需求。组件通信又包括父组件向子组件传数据，子组件向父组件传数据，非父子组件间的通信。前两种通信Vue的文档都说的很清楚，但是第三种文档上确只有下面的几句具体如何去实现却没有很详细的说明，于是自己试着进行了实现。先看下简单的通信效果：就是点击了一个组件，另一个组件的数字递加。html如下：<di...
2017-06-12 14:14:00
101
转载 JS 原型链
在正文之前，首先要知道两点， 1、__proto__是每个js 对象的内置属性，而prototype 是函数的内置属性，也是一个对象。 2、所谓原型，指的就是每个函数对象的prototype属性。function A(){}var a = new A(); A是一个函数，所以A.prototype（A的原型）是存在的（这个指向的是一个对...
2017-05-26 12:40:00
103
转载 Vue 项目实战系列 （二）
上一章节我们已经把项目的初始化工作完成了，接下来我们再来进行具体的代码编写。这一节我们将完成如下的页面。 我们在src/目录下新建一个views文件夹，存放我们的主要页面文件。目录结构如下： cinema.vue如下：<template> <div> cinema </div&g...
2017-05-03 11:19:00
114
转载 Vue 项目实战系列 （一）
最近一直在学习Vue，基本的文档看完后就需要进行具体的项目进行练手了，本系列文章主要是将我学习过程记录下来，和大家一起学习交流。 我在git上找到了一个淘票票的Vue项目，项目地址： https://github.com/canfoo/vue2.0-taopiaopiao，大家喜欢的话可以给作者点个fork。 看了下项目的代码，然后决定自己在山寨一下这个项目，从...
2017-05-02 11:36:00
143
转载 Vue 自定义图片懒加载指令v-lazyload
Vue是可以自定义指令的，最近学习过程中遇见了一个需要图片懒加载的功能，最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。 先看如何使用这个指令： <img v-lazyload="imageSrc" > imageSrc是要加载的图片的实际路径。 为了实现这个指令，我们首先单独建立一个文...
2017-04-27 12:53:00
167
转载 CSS根据子元素个数不同定义样式
近日面试，遇见了一个这样的问题，不会，便记下来。 问题：如何根据子元素个数的不同定义不同的样式？ 代码：HTML<ul> <li>1</li> <li>2</li> <li>3</li></ul><ul> ...
2017-04-06 10:10:00
623
转载 几道前端面试题
简答题：1.事件绑定的几种方式？几种方式的区别以及优缺点？(原生js) (1)、html元素里直接写，例如:<div onclick="javascript:alert("click")" ></div> 不推荐这么绑定。 (2)、W3C 推荐的js绑定。如： document.getElementById('test').addE...
2017-03-06 15:52:00
127
转载 Label 和 checkbox 不为人知的小秘密
最近开发的时候同事遇见了一个问题，点击label的时候改变checkbox的属性，或许大家觉得这是一个很简单的问题，然而这里面却蕴藏着一个大坑！举例说明：页面简单，就是一个 <input id="input" type="checkbox">和一个 <label id="label" for="t">点我</label>&l...
2017-03-04 18:02:00
637
转载 javascript 基本特性
JavaScript是按照ECMAScript标准设计和实现的，后文说的JavaScript语法其实是ES5的标准的实现。先说说有哪些基础语法？01-最基础语法有哪些？基础语法几乎所有的语言差异不大，无非数据类型、操作符、控制语句、函数等，简单列举下。5种基本数据类型 & 1种复杂的数据类型JavaScript包含5种基本数...
2017-03-03 15:59:00
98
转载 Gulp 插件及其使用
前端现在有很多的自动打包工具，各有优缺点，而gulp作为其中的一员，也有着很受人们的青睐，简单粗暴，然而gulp本身并没有提供很多的API,真正的一些工作则是靠着插件完成的，本文简单介绍一些常用的gulp插件及其使用。//文件包含 //学习链接 https://www.npmjs.com/package/gulp-file-includevar fileInclude...
2017-02-28 17:32:00
90
转载 Web项目开发流程 PC端
一直再做前端，突然想到如果有一天领导让自己独立承担一个web 项目的话是否有足够的能力去接这个任务，要学会自己去搭建一些基础的工具信息。所有的这一切在心里都要有个大致的流程，不然真正做的时候难免会手忙脚乱起来，接不了这个活难免失去了一个表现自己的机会，接下来做的差了，则更影响了钱途，前途啊。所以本文对做PC端的项目进行了一个过程的总结。 一、了解、明确需求。 这个应该是第...
2017-02-27 18:22:00
91
转载 js变量提升小记
作为世界上最优美的语言javascript的使用者，呵呵，js的魅力是无穷的，今天来聊聊他的魅（dan）力(teng)之一，变量提升。 每种语言所定义的变量基本都会有一定得作用域，而js的作用域则存在着一定的陷阱。首先看一下下面一道题：<script> var str1 = "haha"; var str2 = "hehe"; ...
2017-02-24 21:13:00
84
转载 jqueryui sortable拖拽后保存位置
jqueryUI sortable 可以用来进行页面拖拽布局，然而有一个小问题就是拖拽后如何保存状态。工作中遇到了这个情况，遍把这个问题记了下来，具体思路是：利用拖拽stop后利用var arr = $( ".sortable" ).sortable('toArray');记录拖拽后的id数组顺序，然后把这个数组存起来，可以存cookie,数据库，localstor...
2017-02-23 15:57:00
524
转载 实现 $.extend 的深复制和浅复制
$.extend 是jquery常用的一个方法，该方法通过传第一个布尔型参数可以指定为深复制还是浅复制，如何使用不在本文讨论。先来理解下什么是深复制：var ob1 = { 'name' : 'Jack' , 'child' : { 'name' : 'Tom', 'age' : '7' }};var ob2 ={ 'nam...
2017-02-22 17:34:00
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人