「已注销」-CSDN博客

翻译 vue知识浅析

本文翻译自这里哦http://vuejsdevelopers.com/2017/05/28/switch-from-react-to-vue-js/ react和Vue有哪些区别？react和Vue相较于不同点，它们实则有许多相似点：都是一种构建ui的js框架；都是轻量级的；都是基于组件化的设计思想；都采用了虚拟Dom（Vue应该指的2）；都能被webpack打包成一个单独的html

2017-06-09 23:15:21 846

原创 scrapy爬取豆瓣电影

这两天学习了下scrapy，并试着用它爬取了大家都扎堆爬的豆瓣排名前250的电影，中间提升了自己对scrapy的认识，并踩了一些坑总结一下。（以下内容基于Python3.5；scrapy1.3.3下）只想看代码，here that is！ 1.定义所需爬取元素的modelitems.pyimport scrapyclass DoubanscrapyItem(scrapy.Item):

2017-05-18 22:53:36 4041

原创 nginx学习

了解http协议的童鞋都清楚在浏览器发起请求到最终请求结果返回的过程，盗用一张图展示这个过程，如下所示：当然，第5条红色标注的不属于基本的请求处理流程，但是本文主要介绍的就是nginx。一，nginx介绍、安装、基本用法根据官方文档来说，nginx就是一个http和反向代理服务器。对于我们而言，它比tomcat更易于学习和使用，下面说说如何安装：1.打开官网，下载，一般都是下载稳定版2.下载

2017-04-29 18:48:11 526

预加载的意义及实现方式有：预加载可以说是牺牲服务器前端性能，换取更好的用户体验，这样可以使用户的操作得到最快的反映。实现预载的方法非常多，可以用CSS(background)、JS(Image)、HTML(<img />)都可以。常用的是new Image();，设置其src来实现预载，再使用onload方法回调预载完成事件。只要浏览器把图片下载到本地，同样的src就会使用缓存，这是最基本也是最实用

2017-01-23 14:24:07 686

转载 AngularJs:Directive指令用法

最近在用angular做项目，学习下相关的指令知识，本文为转载文章，原文链接在此：http://blog.csdn.net/evankaka本教程使用AngularJs版本：1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址：https://angularjs.org/摘要：Directive（

2017-01-03 19:47:56 998

转载 Node.js的process模块

在做一些node相关的应用时，设置端口时总是会看到process.env.port，不过它有一系列process.xx，转载一篇文章，总结下吧内容来源：http://javascript.ruanyifeng.com/nodejs/basic.html#toc22process模块用来与当前进程互动，可以通过全局变量process访问，不必使用require命令加载。它是一个EventEmitter

2016-12-07 23:39:44 327

转载 scrapy学习笔记

本文转自：http://python.jobbole.com/86584/?utm_source=blog.jobbole.com&utm_medium=relatedPostsscrapy是python最有名的爬虫框架之一，可以很方便的进行web抓取，并且提供了很强的定制型，这里记录简单学习的过程和在实际应用中会遇到的一些常见问题一、安装在安装scrapy之前有一些依赖需要安装，否则可能会

2016-11-14 08:45:18 1701

转载 NumPy详解

文章转自http://blog.csdn.net/lsjseu/article/details/20359201 基础篇NumPy的主要对象是同种元素的多维数组。这是一个所有的元素都是一种类型、通过一个正整数元组索引的元素表格(通常是元素是数字)。在NumPy中维度(dimensions)叫做轴(axes)，轴的个数叫做秩(rank)。例如，在3D空间一个点的坐标 [1, 2, 3] 是一个秩

2016-10-29 16:19:23 1764

翻译 mongoose的一个实例

mongoose是node.js的一个库，提供了mongoDB对象，映射到ORM（Object Relational Mapping），ORM和ODM，就是mongoose从数据库中编译数据到js对象中以应用在自己的应用中，下面开始如何一步一步创建一个数据库并存储数据。（假设你已经安装了node.js和MongoDB,并确保你的mongodb已经running）. 一，连接MongoDB

2016-10-19 18:35:57 1059

原创 chrome插件知识点总结

这两天做了一个chrome插件，主要作用就是，通过按钮向当前页面注入一个cookie，主要用于判别是否开启测试环境，另一个功能是检测页面是否有CNZZ链接，如果有，通过处理，实现点击弹框链接跳转到相应数据报表页。（项目地址：https://github.com/dannisi/switch_cookie_chrome_extension）下面总结一下，方便日后的回顾。 1.配置{

2016-10-12 15:04:47 409

原创 es6去重小记

今日做一个组件的功能，遇上奇葩的事情，点击操作后数组数据出现重复的情况，想到es6的去重方法，现在记录下写法：正常情况应该是只出现‘一年级’，现在不知为何，多粗来一个，es6的解决办法如下：1.es6数组扩展：Set方法和Array.from方法结合使用。因为对数组单独使用Set，只会返回一个set对象，所以需要用Array.from再次进行处理，如下：可以简写为如下写法：var t

2016-09-20 17:27:40 1191

原创 cookie,session,localStorage等总结之localStorage

前两篇，分别总结了cookie，session，这篇总结下localStorage和sessionStorage. localStorage和sessionStorage都是html新增的一种web Storage机制。而locastorage是存储在本地，而且是永久存储，除非手动删除，sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能

2016-09-17 16:44:31 384

转载 cookie，session，locastorage等总结之session篇

上一篇，点击看这总结了cookie相关的知识点，刷新了我对cookie的认知，这篇，继续总结session的相关知识。 1.session机制1.1 什么是Session Session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而Session保存在服务器上。客户端浏览器访问服务器的时候，服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏

2016-09-17 15:27:09 521

转载 cookie,session,localstorage等总结之cookie篇

看到一篇总结cookie很详细的博客，就转了过来，方便日后的回顾。会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Cookie，什么时候不能用Sess

2016-09-17 14:29:19 470

原创 js实现各种排序总结

1.冒泡排序冒泡排序是最普通的一种排序了，也是时间复杂度最高的，排序过程如下图：代码如下：var sortData = function(data){ var length = data.length; for (var i=0; i<length; i++){ for(var j=0; j<length-i-1; j++){ if(data[j]>data[j

2016-09-05 17:20:10 373

翻译 three.js一览

前不久在微信公众号上看到一篇文章介绍three.js实现webVR的文章，觉得前端真的是无所不能呀，下面是three.js官网的一个事例，自己简单翻译一遍增加印象和理解。 Creating a sceneBefore we start 官网有提供一个html模板，复制在自己的编辑器里，并下载three.js库。<!DOCTYPE html><html> <head>

2016-09-04 16:49:24 582

原创拒绝nodejs回调金字塔

写nodejs时，不可避免的需要用到回调函数,谁让人家有异步io特性，有时候可能需要多层嵌套造成‘回调金字塔’，下面是我看到的一些解决方案，总结一下以方便自己日后查看（我目前确实还没有达到这种要写到让人眼花的嵌套回调）…… 1.EventProxy事件代理方式github地址：https://github.com/JacksonTian/eventproxy 官方介绍： EventProx

2016-08-20 13:19:18 310

翻译 cheeriojs官方API（翻译）

昨天偶尔发现这么个用于nodejs抓取页面模块的一个库，官方介绍它说是一种为服务器特别定制的，快速、灵活、实施的jQuery核心实现。大致浏览了下，它的语法确实和jquery很像，所以觉得应该能很快就能上手的。先上一段代码let cheerio = require('cheerio')let $ = cheerio.load('<h2 class="title">Hello world</h2>'

2016-08-06 16:20:15 2365

原创任务总结

本周主要完善了自己参与的公司校园号管理系统的整体页面的布局结构，导航和边栏，实际项目中，经老大指点发现了自己的许多问题，并有真正学习到和了解到一些原先未实践过的东西，以下便是对这次实践经历各方面的知识总结：一.项目主要采用react+react-router+webpack+antDesign+less作为整体技术栈，可能后序会引入新的技术，这里只对目前的技术来说。因为来公司实习之前自己有折

2016-08-06 12:30:03 456

原创 gulp实现静态资源压缩，打包，上传总结

本文只是对gulp构建工具的一些常用功能的总结。 1.实现文件（css，js，image）压缩 2.实现文件合并 3.版本控制引用插件如下：var gulp = require('gulp'), eslint = require('gulp-eslint'), minify = require('gulp-minify-css'),//css压缩 concat =

2016-07-20 10:19:15 12363 1

翻译 es6之Arrow Function

本文系翻译文章，原文链接在此奉上Don’t Get Arrow Functions?这篇文章主要向大家介绍何时以及如何使用es6的箭头函数。 1.一个quick example:const addOne = function(n) { return n + 1;}使用箭头函数可以像这样：const addOne = (n) => { return n + 1;}甚至更短可以

2016-07-05 17:28:32 470

原创来自一个react SPA的总结--es6的应用

这篇主要总结一些，es6在react中的应用，并没有囊括所有，只是总结一些本人平常没有理解的知识点……….. 1.ES6 Arrow Functionses6的箭头函数在这个简单project中用到多次，下面以一个对比代码块展示一下：// Old way with ES5componentDidMount: function() { userApi.getList().then(func

2016-07-05 16:40:41 993

原创来自一个react SPA的总结--redux篇

本文是自己这几天做一个reactSPA的其中之一篇总结，主要总结在实践中，学习到的有关redux的一些思想（并没有太多细节），方便日后自己的重温……..redux用作管理应用的data-state和UI-state，在react中组件间的通信一般是parent-child间，（兄弟间鉴于我初出茅庐，暂时没遇到），而对于子组件向父组件传递数据，想想都有点难以想象，所以redux很好地解决了这些问题，r

2016-06-21 20:06:20 3316

原创 Python之datetime总结

看了一篇博文介绍的Python的内建模块datetime，恩，确实被绕晕了，写篇博客总结一下，理理思绪。1.datetime是Python处理时间的一个标准库，在计算机中存储的时间通常是由timestamp表示的，所以，如果想要存储某个时间，需要把要存储的时间类型转换为timestamp哦举个栗子如下：加入把当前时间转换为timestamp类型from datetime import datetim

2016-06-17 16:32:29 1348

原创 Django安装

django是一个开源的web应用框架，是由Python开发完成的。具体细节，自行百（谷）度（歌）。按照官网对django的官方介绍，django有以下优点： 1.提升开发人员的开发速度 2.包含了许多常用的 Web development tasks。 3.能够防止SQL注入等一系列安全问题。 4.高度可扩展性。 5.任何领域能可以考虑使用。讲了这么多，下面来记录下diango的安装流程

2016-06-11 22:37:37 282

原创 python之函数总结2

1.普通参数示例如下：def counts(x): print(x)这个时候对函数进行调用，就必须有一个对应的实参，否则就会报错，如下：counts(5)5 2.含有默认值参数示例如下：def counts(x,n=3): while n>0: x=x+1 n=n-1 return x 这时候，只需传入对应的x的实参就ok啦，不过

2016-05-30 15:20:52 268

原创 python之函数总结1

1.空函数有的时候定义一个函数，但不会处理什么业务逻辑，可以这样：def fun(): passpass可以看作是一个占位符，在if语句中也可以使用。 2.参数类型检查python内置有一个函数isinstance()可以对参数类型进行检查书写格式：isinstance(x,type),x代表要进行类型检查的参数，type代表参数类型（可以为多个），判断参数是否为该类型，示例如下

2016-05-30 14:31:57 296

原创 python之list、tuple、dict、set对比

这两天开始学习了下Python，在此灰常感谢廖雪峰老师关于Python的系列文章。下面，是我在学习过程中遇到的标题上的四个内置属性时，觉得理一理，不然觉得会“思想错乱”的。 1. Listlist是Python内置的一种数据类型，它是有序的而且状态可以改变，例如可以对其进行增删改查的操作。示例如下：首先创建一个list列表，要清楚list的格式，不然会和下面的tuple等等搞混，话说我已经

2016-05-26 21:08:48 829

原创 React之PropTypes

刚开始学习react，看到视频里有老师用PropTypes这个首次见面的组件，查看了几篇文章，顿时恍然大悟。官网对它的介绍Reusable Components PropTypes可以验证用户输入数据的有效性，先上代码 propTypes:{ name:React.PropTypes.string.isRequired },设定输入数据为字符串型，i

2016-05-01 15:53:55 796

原创 react与jsx语法--后续篇

上篇 react与jsx语法介绍–先行篇通过一个官网简单demo大致简略介绍了下核心代码的作用，以及实现机制，这篇继续跟进歪果仁。为了不因我的失误给访问者造成迷惑，这篇主题就是： Introducing Propertiesreact是单向数据流动的。这就意味着数据流只能从当前一个方向也就是从parent方向通过properties流向child。借助attributes，这些proper

2016-04-24 21:18:57 853

原创 react与jsx语法介绍--先行篇

这段时间开始入坑react了，看了官网的jsx语法方面的介绍，恩，确实有点迷迷的，有幸见到一篇歪果仁写的比较详细的有关react和jsx的细节性知识点总结，特地粗略翻译了一下（英语略渣），也顺便加深我的印象。Getting Started with React and JSX首先先根据官网的一个入门demo来作为这篇博客的打开方式这个例子很简单，不过这个demo中的程序代码本身含有许多我们需

2016-04-24 17:50:21 981

原创 node.js使用回调实现一个简单的HTTP服务器

回调是一个函数，它被当做参数传给异步函数，它描述了异步操作完成之后要做什么。回调在Node开发中用得很频繁，比事件发射器用得多，并且用起来也很简单。下面用回调实现一个简单的HTTP服务器，实现以下功能：  异步获取存放在JSON文件中的文章的标题；  异步获取简单的HTML模板；  把那些标题组装到HTML页面里；  把HTML页面发送给用户。这个简单的服务器包含三个文件：一个包

2016-04-16 21:41:16 735

原创学习记录--javascript多态

今天耐下心看了下javascript设计模式，了解了JavaScript的多态。下面是我的相关学记笔记，以方便日后的回顾。首先，先介绍下多态是什么。多态的实际含义是：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息的时候，这些对象会根据这个消息分别给出不同的反馈。通俗点讲就是，下课了，老师喊了一声下课，对于饥肠辘辘而言的学生来说，接收的都是“下课

2016-04-08 22:04:59 333

原创 js实现表单联动

最近做的一个小demo，原生js实现表单联动。演示地址：表单联动我的github地址：源码地址，友情Star一下，谢谢实现效果如图：这里我只记录一下核心代码思想。首先页面代码如下：声明一个变量存放二级表单的内容下面就是实现联动效果的核心代码其中说下selectedIndex.属性可设置或返回下拉列表中被选选项的索引号。在这里，area是一级表单，如果选中该表单的某一个选择

2016-04-07 20:50:59 3231

转载使用浏览器缓存介绍

文章转自：PageSpeed Insights当PageSpeed Insights检测到您的服务器响应不包含明确的缓存标头或某些资源被指定只缓存一小段时间时，就会触发此规则。概览如果用户会多次访问您的网站，那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中，而不仅仅是应用到一小部分静态资源（例如，图片）中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对象

2016-04-03 10:58:57 513

原创 optipng图片压缩工具

为了减少首屏响应时间，我们不得不使用各种方法，各种压缩工具。下面，我说一下Google推荐的一款png格式的图片压缩工具。首先先去官网下载软件点击进入官网，记得注意自己要下载的版本哦，下载完后并不需要我们一步一步的安装。解压文件包后，会看到如下内容：然后复制optipng.exe这个文件复制到你想要压缩的图片文件夹中好了，手动或者桌面按Windows徽标键+R开启“运行”对话框，输入

2016-04-03 10:24:30 3515 1

转载 http报头参数详解

本文转自http://blog.csdn.net/wiwipetter/article/details/4559183HTTP（HyperTextTransferProtocol）是超文本传输协议的缩写，它用于传送WWW方式的数据，关于HTTP 协议的详细内容请参考RFC2616。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请

2016-03-31 17:48:32 301

转载 Http同步和异步请求区别

文章转自：http://blog.csdn.net/morethinkmoretry/article/details/5791258举个例子：普通B/S模式（同步）AJAX技术（异步）同步：提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕同步就是你叫我去吃饭，我听到了就和你去吃饭；如果

2016-03-31 15:14:19 394

原创 flex布局练习

虽说对flex布局这种布局方式有听说，但还是第一次深入的去了解，有种相见恨晚的感觉。 flexbox的出现是为了解决复杂的web布局，因为这种布局方式很灵活。容器的子元素可以任意方向进行排列。此属性目前处于非正式标准，在较新的浏览器中基本可以使用该属性。 flexbox有众多属性，在这里我只记录下我完成这次任务用到的一些。页面的基本框架我用了ul和li标签。首先，先对容器添加dis

2016-03-19 14:54:05 1155

转载 Flex布局学习笔记

学习笔记参考阮一峰老师Flex布局教程 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。各浏览器兼容性如下：一、介绍采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。容器默认存在两根轴：水平的主轴（main ax

2016-03-18 21:27:54 359

文档Python

空空如也