- 博客(48)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 react代码拆分之react loadable源码浅析
在做个人网站的js拆分打包时，最终的解决方案是看着网上的教程手写了Bundle高阶组件来动态加载需要的组件。对于它的运用也仅仅是把路由拆开，访问不同的顶级路由进行动态加载，并没有对其原理进行深入的理解。直到看到了React 的加载 loading 库——react-loadable。react-loadable是什么？Loadable提倡基于组件分割代码。 route-centric code s...
2018-05-03 15:33:30
1576
原创 ES7特性总结
不知道小伙伴们ES6的特性学的怎么样了？ES2016(ES7)和ES2017(ES8)都已经要出来了，本文为大家整理介绍一下ES7的新特性。ES7特性ES7特性只有两个：Array.prototype.includesExponentiation Operator(求幂运算) **Array.prototype.includesArray.prototype.includes（value：任意值）...
2018-05-09 21:59:08
1660
原创 redux中间件之redux-thunk
redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer，真正能改变store中数据的是store.dispatch API。1.概念dispatch一个action之后，到达reducer之前，进行一些额外的操作，就需要用到mid...
2018-04-16 20:59:58
1452
原创 react-router4的按需加载实践（基于create-react-app和Bundle组件）
最近在网上也看到了react-router4的好多种按需加载的方法。传送门：https://blog.csdn.net/foralienzhou/article/details/73437057虽然自己的项目不大，但是也要区分前台和后台，如果让访问前台的用户也加载了后台的js代码，还是很影响体验的，所以挑了一种按需加载的方法进行实践（基于create-react-app和Bundle组件）...
2018-03-29 15:39:58
1361
原创 Ueditor试炼之修改toolbar按钮
上篇文章讲了如何修改ueditor的上传图片功能，不过正所谓温饱思淫欲，基础功能都搞定了之后，对于ui就有了新的追求，下面原生的ueditor还是有一些简陋的，icon啊配色啊都不够新颖。所以才想把这些toolbar上的icon都换掉，上面就是微信公众平台的编辑器样子，上面有一些是微信自己开发的功能，原生的ueditor不具备，下面是最终的效果。检查元素后发现，button的样式都在/themes...
2018-03-09 20:01:45
1711
2
原创 Ueditor试炼之修改上传图片功能
富文本编辑器真是一个老生常谈的话题，对于我们这种小公司，没有办法自己去重新写一个，也没必要去造这种轮子，所以就挑了一个ueditor来放进项目里。ueditor自带的上传图片功能是和后端耦合在一起的，对于各家公司的项目有前后分离的情况，并不适用，所以就只能把ueditor的源码改掉。下面就介绍下修改上传图片的步骤。首先，我们要找到editorui["simpleupload"]这个方法，方法里定义...
2018-03-07 19:58:45
1529
1
原创 Redux基础概览
Redux是什么？专注于状态管理的库，和react解耦，单一状态，单向数据流核心概念：store， state， action， reducer对Redux来说只有这三个要素：a. action是纯声明式的数据结构，只提供事件的所有要素，不提供逻辑。b. reducer是一个匹配函数，action的发送是全局的：所有的reducer都可以捕捉到并匹配与自己相关与否，相关就拿走action中的要素进...
2018-02-13 11:55:11
214
转载 基于webpack+Vue2.0搭建webapp（vue-cli原理）
前言承接上篇：基于webpack+Vue2.0搭建webapp（体验篇）学Vue也有一段时间，利用vue-cli脚手架也动手做了个简单的示例。在不断的学习过程中发现其实学习vue并不难，难在如何构建一个工程化前端，从项目初始化、结构组织、开发、调试、编译、打包、测试、发布和版本管理等方面提高效率，今天我们就从项目初始化开始说起。介绍vue-cli提供了简单项目脚手架
2017-11-03 10:11:45
694
原创 React的dangerouslySetInnerHTML与Angular的ng-bind-html
公司的技术栈是angularjs，所以对angular的解析html比较熟悉，就是众所周知的ng-bind-html<div ng-bind-html="'<strong>csdn</strong>'"></div>不过我的个人博客前端是用react搭建的，当时选用的是富文本编辑器编辑博客（虽然现在换成了markdown的格式），当时并没有解决react解析html的问题，现在才发现，这个问题其实并
2017-07-25 15:42:07
595
原创 [RN爬坑日记] run-ios注意事项
xcode7的代码放在xcode8上跑会报错，两行之前加(void) react-native run-ios 真机调试，要把如图的localhost改成电脑的局域网ip
2017-07-01 09:51:38
506
原创 mac下查看隐藏文件夹
如果你看不到.Git目录，你需要让隐藏的文件可见。具体做法就是打开一个Terminal窗口，输入以下命令： 对于OS X Mavericks 10.9:defaults write com.apple.finder AppleShowAllFiles TRUE为了重启Finder应用，输入killall Finder就可以看到所有的隐藏文件和文件夹了。
2017-02-16 17:14:28
999
原创 yangzhedi.com代码开源啦~~
yangzhedi.com源码 yzd的个人网站：www.yangzhedi.top 一个前端React后端Django的简易网站模版， blog功能和股票爬虫功能已经大体实现，其余功能还在更新中。更新日记2016.10.30 网站上线，并托管在github上，Yangzhedi/myBlog，前后端分离，前端选用React框架，后端采用Django框架，数据库是django框架自带数据
2017-02-15 01:24:32
493
转载 迷之this？
首发于公众号：前端早读课，【第655期】迷之this？1. 迷之this对于刚开始进行 JavaScript 编程的开发者来说，this 具有强大的魔力，它像谜团一样需要工程师们花大量的精力去真正理解它。在后端的一些编程语言中，例如 Java、PHP，this仅仅是类方法中当前对象的一个实例，它不能在方法外部被调用，这样一个简单的法则并不会造成任
2017-01-22 15:27:39
397
原创 利用bs4和requests爬取股票历史交易数据
最近在学习优达学院的一门机器学习的课程，主要讲解利用机器学习分析股票数据，然后。课程网址在这里：https://classroom.udacity.com/courses/ud501所以需要大量的股票数据，我就先百度了一下，发现网易财经的数据很全，暴露的也很好，所以的数据都是放在一个标签中，所以我就决定爬网易财经了，开始着手写爬虫。首先，是构造url。假如我要查询中国石油(
2016-11-18 15:56:41
5629
1
原创 微信小程序实战（二）---实现搜索页面
第一篇写了一个小程序的登录界面，昨天想要写一个仿淘宝的搜索商品页面，不管什么样的小程序，对于搜索都是会有一些需要的，所以搜索页面还是可以复用的。因为只是写个搜索页面，所以主页面就没有好好切，见谅。。。主页面就是下面这样：程序已经托管在github上了：https://github.com/Yangzhedi/myBlog-wxapp，大家可以自行下载，之后可以star一下啦~这个页面在
2016-11-07 17:11:54
64260
4
原创 微信小程序实战（一）---实现登录界面
昨天小程序第一天公测，就下载个小程序自带IDE玩了玩，看了看API，撸出了个登录界面给大家分享下。下面是主界面和代码。index.wxml {{motto}} 用户名： 密码： 登录 index.jsvar app = getApp()Page({ data: { motto: '欢迎登录WXapp'
2016-11-05 13:04:43
69758
16
原创 搭建一个django+react的博客
最近还没找到工作，就在学校磨练下自己的技术，之前搭了一个django的爬虫数据展示网站，不过没做到前后端分离，项目在这https://github.com/Yangzhedi/spiderwebsite。因为之前在的公司是用react在做项目，所以打算用react+django搭建一个前后分离的博客。这样各玩各的，互相的干扰做到最小，只有之间数据的连接。这个blog的项目在这htt
2016-10-31 16:22:08
10214
1
原创 requests和bs4的python爬虫入门
现在就简单的讲下这几个月的学习成果嘛~~~爬虫其实爬的都是源代码，然后再通过对源代码进行过滤，得出我们想要的东西~有时会需要一些正则的东西~比如一些文本啊，图片的src啊，链接的href啊~~这里面有一些lazyload的图片，就需要 selenium webdriver 什么的了，这个还没研究到哈，勿喷勿喷。上面的答案也有提到过，用requests和bs4写爬虫真的是傻瓜
2016-10-18 20:35:31
18228
原创 python3.x的urllib.request哪去了？
最近看一些python爬虫视频教程，视频中的版本是3.x，而里面的一些方法在2.7的版本却用不了。这里就先不累述python2和python3的具体区别了，就单纯写爬虫中遇到的区别，比如说urllib库。urllibPython 2 namePython 3 nameurllib.urlopen() Deprecated. See urllib.request.urlopen(
2016-10-07 21:06:23
4823
原创 python爬虫之BeautifulSoup入门
Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式.Beautiful Soup会帮你节省数小时甚至数天的工作时间.中文文档：http://beautifulsoup.readthedocs.io/zh_CN/latest/
2016-10-06 20:57:18
719
原创 JavaScript的那些坑之闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收
2016-10-03 16:55:40
421
原创 深入了解JavaScript之判断NaN，null，undefined
var obj;1.判断NaN：isNaN(obj)2.判断undefined： typeof(obj) == 'undefined'3.判断null：!obj && typeof(obj) != "undefined" && obj != 04.判断undefined和null：obj =
2016-09-23 11:05:31
534
原创 JavaScript基础50题整理
一、数组1. 查找数组元素位置function indexOf(arr, item) { if (Array.prototype.indexOf){ return arr.indexOf(item); } else { for (var i = 0; i if (arr[i] === item){
2016-09-23 10:59:26
1439
原创 jq的模拟点击脚本实践---关于阿里月饼事件的一些思考
最近的阿里程序员利用脚本抢购月饼被开除的事成了大家茶余饭后的谈资。其实不懂程序的人会感觉，哇，写后台脚本自动抢购，好厉害啊。其实写一个js 的脚本并不难，今天就在这里跟大家分享下最简单的js脚本怎么写然后植入网页。 首先，先模拟一个抢购页面的网页，预设默认的时候有一个抢购按钮，但是是disabled，也就是不可点击状态。5秒钟之后会变成可点击状态，并且变成高亮。
2016-09-16 10:10:18
2771
1
原创 React实现限制checkBox的点击个数
链接：Yangzhedi.github.io/react/limitCheckBox.html还是用state limitNum来控制 最多点击个数，再用jq来获取当前被选中的checkbox个数，与this.state.limitNum比较，if($("input[name='labels']:checked").length > this.state.li
2016-06-30 22:59:10
4403
原创 Less
LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要
2016-05-13 14:24:35
412
原创 JavaScript的那些坑之垃圾收集
我也是偶然间被人问到JavaScript的垃圾收集机制时，才想起这个问题确实值得好好的了解一下。然后我就去查了红书。在红书的78页，第4.3章节，讲述的就是JavaScript的垃圾收集机制。垃圾收集JavaScript具有自动的垃圾收集机制，意思就是当前的执行环境会自动的管理内存：找到那些不会再继续使用的变量，然后释放其占用的内存。所以，垃圾收集器就要按照固定的事件间隔来
2016-02-23 19:59:18
1096
原创 JS小Demo实战之今天外卖点什么？（三）
在JS小Demo实战之今天外卖点什么？（二）里面添加了判断输入框不能为空的功能。总感觉输入框还是缺点什么。最近突然想到了，输入的值不应该有空格。不然会很不美观。去除空格虽然在将innerHTMl转化为li内的值的时候会自动去除innerHTML值前方的空格，而且还会把中间所有的空格变成一个空格。就像这样，后面的空格虽然看不出了，但是可以在代码行里测试一下，比如说加一句
2016-02-05 20:53:32
905
原创 JavaScript的那些坑之call,apply,bind
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。
2016-01-30 15:47:50
754
4
原创 深入了解JavaScript之函数的定义
对于函数，大家都很熟悉。也是js里最有意思的一个部分，闭包，继承，匿名函数，没有重载，没有块级作用域。Function类型的实例每个函数都是Function类型的实例，所以，函数都是对象。而函数名则是一个指向对象的指针。并不像基本类型的值那样与函数绑定。function add(num1,num2){ return num1+num2;}console.log(add(1,2))
2016-01-17 13:40:23
524
原创 JavaScript的那些坑之事件冒泡
在我的上一篇博客里，为大家总结了事件代理的用法，传送门：JavaScript的那些坑之事件代理。既然提到了事件，那么就不得不提到事件冒泡，这可是许多bug的罪魁祸首。让我们再重温一下事件捕获和事件冒泡，事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。
2016-01-12 11:40:07
1057
转载 前端面试题目搜集——理论知识篇
原文地址为：http://www.gbtags.com/gb/share/9879.htm原文作者Ella已授权转载一、理论知识1.1、讲讲输入完网址按下回车，到看到网页这个过程中发生了什么a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求，浏览器得到html代码
2015-12-23 21:41:25
1060
jQuery权威指南
2015-12-24
[算法导论].(美国)Cormen.扫描版
2015-03-08
为什么我导入不了Scanner类啊？
2015-02-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人