自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

杨小事er的专栏

希望我的指尖也能有改变世界的力量~

  • 博客(48)
  • 资源 (6)
  • 问答 (1)
  • 收藏
  • 关注

原创 react代码拆分之react loadable源码浅析

在做个人网站的js拆分打包时,最终的解决方案是看着网上的教程手写了Bundle高阶组件来动态加载需要的组件。对于它的运用也仅仅是把路由拆开,访问不同的顶级路由进行动态加载,并没有对其原理进行深入的理解。直到看到了React 的加载 loading 库——react-loadable。react-loadable是什么?Loadable提倡基于组件分割代码。 route-centric code s...

2018-05-03 15:33:30 1573

原创 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 1657

原创 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 1449

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

原创 Ueditor试炼之修改上传图片功能

富文本编辑器真是一个老生常谈的话题,对于我们这种小公司,没有办法自己去重新写一个,也没必要去造这种轮子,所以就挑了一个ueditor来放进项目里。ueditor自带的上传图片功能是和后端耦合在一起的,对于各家公司的项目有前后分离的情况,并不适用,所以就只能把ueditor的源码改掉。下面就介绍下修改上传图片的步骤。首先,我们要找到editorui["simpleupload"]这个方法,方法里定义...

2018-03-07 19:58:45 1523 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 692

原创 从无到有,发布一个你自己的npm package

从无到有,发布一个你自己的npm package

2017-10-30 13:59:41 2220

原创 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 594

原创 [RN爬坑日记] run-ios注意事项

xcode7的代码放在xcode8上跑会报错,两行之前加(void) react-native run-ios 真机调试,要把如图的localhost改成电脑的局域网ip

2017-07-01 09:51:38 504

原创 mac下查看隐藏文件夹

如果你看不到.Git目录,你需要让隐藏的文件可见。具体做法就是打开一个Terminal窗口,输入以下命令: 对于OS X Mavericks 10.9:defaults write com.apple.finder AppleShowAllFiles TRUE为了重启Finder应用,输入killall Finder就可以看到所有的隐藏文件和文件夹了。

2017-02-16 17:14:28 998

原创 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 392

原创 利用bs4和requests爬取股票历史交易数据

最近在学习优达学院的一门机器学习的课程,主要讲解利用机器学习分析股票数据,然后。课程网址在这里:https://classroom.udacity.com/courses/ud501所以需要大量的股票数据,我就先百度了一下,发现网易财经的数据很全,暴露的也很好,所以的数据都是放在一个标签中,所以我就决定爬网易财经了,开始着手写爬虫。首先,是构造url。假如我要查询中国石油(

2016-11-18 15:56:41 5621 1

原创 微信小程序实战(二)---实现搜索页面

第一篇写了一个小程序的登录界面,昨天想要写一个仿淘宝的搜索商品页面,不管什么样的小程序,对于搜索都是会有一些需要的,所以搜索页面还是可以复用的。因为只是写个搜索页面,所以主页面就没有好好切,见谅。。。主页面就是下面这样:程序已经托管在github上了:https://github.com/Yangzhedi/myBlog-wxapp,大家可以自行下载,之后可以star一下啦~这个页面在

2016-11-07 17:11:54 64233 4

原创 微信小程序实战(一)---实现登录界面

昨天小程序第一天公测,就下载个小程序自带IDE玩了玩,看了看API,撸出了个登录界面给大家分享下。下面是主界面和代码。index.wxml {{motto}} 用户名: 密码: 登录 index.jsvar app = getApp()Page({ data: { motto: '欢迎登录WXapp'

2016-11-05 13:04:43 69723 16

原创 搭建一个django+react的博客

最近还没找到工作,就在学校磨练下自己的技术,之前搭了一个django的爬虫数据展示网站,不过没做到前后端分离,项目在这https://github.com/Yangzhedi/spiderwebsite。因为之前在的公司是用react在做项目,所以打算用react+django搭建一个前后分离的博客。这样各玩各的,互相的干扰做到最小,只有之间数据的连接。这个blog的项目在这htt

2016-10-31 16:22:08 10208 1

原创 requests和bs4的python爬虫入门

现在就简单的讲下这几个月的学习成果嘛~~~爬虫其实爬的都是源代码,然后再通过对源代码进行过滤,得出我们想要的东西~有时会需要一些正则的东西~比如一些文本啊,图片的src啊,链接的href啊~~这里面有一些lazyload的图片,就需要 selenium webdriver 什么的了,这个还没研究到哈,勿喷勿喷。上面的答案也有提到过,用requests和bs4写爬虫真的是傻瓜

2016-10-18 20:35:31 18216

原创 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 4816

原创 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 533

原创 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 1435

原创 jq的模拟点击脚本实践---关于阿里月饼事件的一些思考

最近的阿里程序员利用脚本抢购月饼被开除的事成了大家茶余饭后的谈资。其实不懂程序的人会感觉,哇,写后台脚本自动抢购,好厉害啊。其实写一个js 的脚本并不难,今天就在这里跟大家分享下最简单的js脚本怎么写然后植入网页。 首先,先模拟一个抢购页面的网页,预设默认的时候有一个抢购按钮,但是是disabled,也就是不可点击状态。5秒钟之后会变成可点击状态,并且变成高亮。

2016-09-16 10:10:18 2770 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

原创 React实现组件间互斥点击

组件间互斥就是利用了一个父组件中的各个子组件的state来改变组件的checked属性来实现选中是否有效。

2016-05-10 22:30:50 2837

原创 JavaScript的那些坑之垃圾收集

我也是偶然间被人问到JavaScript的垃圾收集机制时,才想起这个问题确实值得好好的了解一下。然后我就去查了红书。在红书的78页,第4.3章节,讲述的就是JavaScript的垃圾收集机制。垃圾收集JavaScript具有自动的垃圾收集机制,意思就是当前的执行环境会自动的管理内存:找到那些不会再继续使用的变量,然后释放其占用的内存。所以,垃圾收集器就要按照固定的事件间隔来

2016-02-23 19:59:18 1095

原创 JS小Demo实战之今天外卖点什么?(三)

在JS小Demo实战之今天外卖点什么?(二)里面添加了判断输入框不能为空的功能。总感觉输入框还是缺点什么。最近突然想到了,输入的值不应该有空格。不然会很不美观。去除空格虽然在将innerHTMl转化为li内的值的时候会自动去除innerHTML值前方的空格,而且还会把中间所有的空格变成一个空格。就像这样,后面的空格虽然看不出了,但是可以在代码行里测试一下,比如说加一句

2016-02-05 20:53:32 897

原创 JS小Demo实战之今天外卖点什么?(二)

这个demo里,发现了上方的输入框并没有判断是不是输入为空。

2016-01-31 18:47:32 1412

原创 JS小Demo实战之今天外卖点什么?(一)

先上在线地址:http://yangzhedi.github.io/takeout.html

2016-01-31 12:17:16 1460

原创 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 523

原创 JavaScript的那些坑之事件冒泡

在我的上一篇博客里,为大家总结了事件代理的用法,传送门:JavaScript的那些坑之事件代理。既然提到了事件,那么就不得不提到事件冒泡,这可是许多bug的罪魁祸首。让我们再重温一下事件捕获和事件冒泡,事件捕获阶段:事件从最上一级标签开始往下查找,直到捕获到事件目标(target)。事件冒泡阶段:事件从事件目标(target)开始,往上冒泡直到页面的最上一级标签。

2016-01-12 11:40:07 1055

原创 JavaScript的那些坑之事件代理

总结了JavaScript事件代理特性

2016-01-08 23:42:05 2146

原创 JavaScript的那些坑之变量提升

介绍了JavaScript的变量提升特性和var的一些注意事项。

2016-01-06 21:10:22 2144

原创 JavaScript的那些坑之单线程

对JS单线程的整理和setTimeout的执行原理的说明

2015-12-31 20:06:14 1122

转载 JavaScript中document对象方法整理

整理了一下JavaScript的Document属性和方法

2015-12-26 21:44:43 826

转载 前端面试题目搜集——理论知识篇

原文地址为: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

性能优化指导.docx

性能优化指导,描述了现在大部分的性能优化方式。性能优化指导,描述了现在大部分的性能优化方式。性能优化指导,描述了现在大部分的性能优化方式

2019-12-10

jQuery权威指南

《jQuery权威指南》内容全面,系统地讲解了jQuery的方方面面,实战性强,全书包含118个示例和2个综合案例,资深专家亲自执笔,4大专业社区一致鼎力推荐。

2015-12-24

数学之美扫描版pdf

数学之美讲述了数学和编程之间的种种联系,深入浅出的讲述了数学的美妙

2015-12-21

Bootstrap用户手册:设计响应式网站

Bootstrap用户手册:设计响应式网站

2015-12-21

[算法导论].(美国)Cormen.扫描版

《算法导论》原书名——《Introduction to Algorithms》,是一本十分经典的计算机算法书籍,与高德纳(Donald E.Knuth)的《计算机程序设计艺术》(《The Art Of Computer Programming》)相媲美。 《算法导论》由Thomas H.Cormen、Charles E.Leiserson、Ronald L.Rivest、Clifford Stein四人合作编著(其中Clifford Stein是第二版开始参与的合著者)。本书的最大特点就是将严谨性和全面性融入在了一起。

2015-03-08

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

TA关注的人

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