会开花的树--优快云博客

翻译 21行Python写出拼写检查器

上周，两个朋友（Dean 和 Bill）都跟我提起Google的拼写检查，说它做的如此好、反应迅速，简直让人惊叹。搜索框输入[speling], 然后谷歌在大概0.1秒后回应：“你是要找spelling吗？”（雅虎和微软也有类似的功能）。让我感到吃惊的是，作为熟练的工程师和算法工程师应该会对动态语言处理拼写检查这样的问题有良好的直觉，但是他们没有。大家都有一个观念，工业级的拼写矫正器的全部细节是相

2015-06-17 23:14:31 4782 1

原创 Scrapy爬取亚马逊商品信息

关键词：Scrapy spider pipeline xpath 参考文档Scrapy 0.24中文版官方文档（PDF格式） csdn下载Xpath教程 W3school-XPath目标：将亚马逊的上的手机信息爬取下来，包括价格、描述信息、URL 。新建一个项目:scrapy startproject YamaxunPhone新建完项目后，该项目的目录结构如下：YamaxunP

2015-05-17 19:31:53 6341

原创 git rm的几种姿势

rm意为删除文件，但是可以跟不同的参数来达到不同的效果。场景下午醒来，睡眼朦胧的你开始提交代码了，混混沌沌地使用了git add .。然后突然一个激灵，窝草，我得确认一下我add了啥东西，然后用了git status -s简要看了一下要提交的东西。发现已经add的文件中间华丽丽地有一个A_UNWANTED_FILE.md。不过还好，幸亏我没有commit并且直接pus

2018-02-04 15:06:26 3961

原创漫谈JSONP以及<img>的onLoad和onError事件

利用jsonp进行跨域已经是老生常谈了。主要原理是浏览器解析标签的时候，会用script的src属性去发一个网络请求，并将response的东西当做javascript去执行。而浏览器对js脚本并没有做跨域限制。一个简单的jsonp例子const url = 'http://www.xxx.com/api/someThing?query=WITH_SOME_DATA&callback=

2018-02-04 15:05:15 1695

原创 document上的一些有意思的属性和方法

1. ducument.body 快速获取body节点，省去使用document.findElementsByTagName('body')[0]2. document.referrer 从哪个页面跳转到的本页，如果浏览器直接打开，其值就是"" 3. document.forms 获取页面所有表单，类似的使用还有document.links 和 document.images 4.

2018-02-04 15:03:25 943

原创 scrollToLocation和getItemLayout

React Native中的SectionList组件有scrollToLocation方法，可以传递sectionIndex、itemIndex、viewOffset进去，达到滚动到SectionList的某一位置之目的。例如以下代码可以将SectionList滚动到第三个section的第三个index，并且继续偏移30像素的位置：this.sectionList.scrollTo

2018-02-04 15:01:06 7857

原创网络层

学习笔记，不建议阅读网络层在做啥？网络层只提供简单的无连接的、尽最大可能交付的数据包服务。体现在下面几个方面： + 在发送分组之前不建立连接； + 每一个分组独立发送，与前后分组无关，即不进行分组编号； + 不保证分组到达次序和时间。设计者认为终端的计算机有错误处理能力，所以力求一种简单高效，能使中间路由器做的功能简单，造价低廉网络层相关的几个协议ARP（Address Resol

2017-09-08 00:42:47 366

原创 Angular4 中使用Pug/Jade

1、安装相应loader : pug-html-loader和`pug’。2、修改 node_modules\@angular\cli\models\webpack-configs\common.js文件，在loader中添加： { test: /\.pug$/, loaders: [ 'html-loader', { l

2017-07-02 22:25:08 1416

原创实现左边定宽，右边自适应布局

简言之，欲实现下面效果下面是几种方法：1、利用flexHTML<div class="use-flex"> <div class="col1"></div> <div class="col2"></div></div>css.use-flex{ display:flex; display:-webkit-flex;}.col1{ background-color: red

2016-10-06 17:09:15 837

原创封装一个JSONP方法

jsonp实现跨域的原理： + 浏览器请求外部的javascript是不受同源策略限制的 + 我们伪造一个script标签，并把请求后太数据的url复制到script标签的src属性上 + 将script节点添加到html文档中，浏览器会自动发出请求jsonp应该注意这一点：自己伪造的javascript请求,浏览器拿到后会把它当做js代码执行，所以使用jsonp后台返回的应该是一段js代码，

2016-10-01 21:14:02 6304

原创 javascript链表操作

class linkedList { constructor(val) { this.val = val this.next = null } append(val) { let cur = this while (cur.next !== null) { cur = cur.next } cur.next = {

2016-10-01 17:03:06 332

原创 ES6新特性的总结

ES6新特性【百度脑图】晚上根据阮一峰的《ECMAScript6入门》总结了一下ES6的新特性，如下：（也可以通过上面的链接打开）

2016-07-08 23:54:49 1888

原创 ThinkPHP与Angular使用POST方法传递数据的问题

在最近的一个项目中前端使用了Angular，后台使用了ThinkPHP。但是在前后台数据交换的时候发现下面问题：ThinkPHP的I方法并不能解析出POST请求携带的数据。一、场景还原Angular 的POST请求： Document var app = angular.module("myAPP",[]) app.

2016-07-04 19:48:49 2711

原创 Angular1.3.X中embed标签使用ng-src的bug

在项目中需要在页面中引入优酷的视频，于是使用了embed标签，并用ng-src动态绑定了视频链接。在使用中发现页面展现时，视频那一块儿并没有加载出来，查看HTML源码，Angular明明已经把视频链接绑定成功了。所以问题应该在于浏览器没有主动去加载ng-src指向的视频。后来经过了解，这是Angular 1.3版本的一个bug。github上关于这个问题的讨论：issue:ngSrc

2016-07-04 19:05:36 1688

原创关于href="javascript:void 0;"

注：根据《JavaScript权威指南》总结。犀牛书里面总结了四种在ＨＴＭＬ文档中嵌入JavaScript代码的方法：内联。放置在<script>标签里面；放置在<script>标签的src属性指定的外部文件中；放置在HTML事件处理程序中，该事件处理程序由onclick或者onmouseover这样的HTML属性值指定；放在URL里面，这个URL使用特殊的“javascript:”协议

2016-04-16 13:05:29 537

原创利用git bash丰富windows 命令行

git bash提供了一个类似于linux的终端，我们在里面可以使用linux的大部分常用命令。那么这些命令的处理程序实际上git安装目录下的usr/bin目录下; 那么我有了下面的想法？如果我把这个目录加到path环境变量里面，是不是也可以在windows命令行里面使用这些linux的命令？答案是可行的~ 甚至可以直接使用vim

2016-04-04 12:04:00 2601

原创使用zen coding、gulp、livereload、sass提高前端编码效率

目的： 1、使用zen coding快速生成代码； 2、使用sass编写css代码； 3、利用gulp执行一些自动化操作； 4、使用livereload自动自动刷新浏览器。本文主要讲一下怎么将这些插件、npm包配置起来，并用gulp自动化管理。一、zen coding zen coding是一个俄国人在2009年开发的一个插件。它能够仿照CSS选择器的描述自动生成想

2016-04-02 14:00:30 940

原创 rem、em与px之间的关系

rem : root element 指的是根元素即html的字体大小。主流浏览器的rem均为16px；font size of the root elementpx：相对于显示器屏幕分辨率而言。em：相对长度单位。相当于当前对象内文本的字体尺寸，如果当前对行内元素的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。（CSS2.0手册总结1、em单位和rem单位都

2016-02-18 11:39:51 769

原创阿里2015实习生招聘前端方向--编程题（2）

我的代码：function parseQueryString(input){ var query = input.split("?")[1].split("&"); var output = {}; for(var i=0,len=query.length;i<len;i++){ var queryKey = query[i].split("=")[0]; var que

2016-02-15 23:55:30 413

原创阿里2015实习生招聘前端方向--编程题（1）

如图：我的代码：function flatten(arr){ flatten.prototype.result = flatten.prototype.result||""; if(arr.length === undefined) flatten.prototype.result += arr;

2016-02-15 23:46:19 658

原创阿里2015校招前端方向的一道面试题

题目如图：解答代码如下：<html> <head> <style> div{ height:100px; width:60px; float:left; margin-left:100px; font-size:24px;

2016-02-15 22:55:18 512

原创解决angular单个页面只能加载一个ng-app的问题

在实践中，发现如果一个页面有多个ng-app，angular只会处理第一个ng-app 相关问题：单个angular页面能否有两个ng-app 开源中国社区 http://stackoverflow.com/questions/18571301/angularjs-multiple-ng-app-within-a-page问题重现：<!Doctype html><html> <he

2016-01-23 22:01:33 6232

原创 node和express分别实现静态文件服务器

1、nodeJS版var http=require('http');var fs=require('fs');var url=require('url');var path=require('path');var PORT=9090;//添加MIME类型var MIME_TYPE = { "css": "text/css", "gif": "image/gif",

2016-01-23 20:50:45 9048

原创 javascript中的this

1、在对象的方法中如果有this，那么该对象调用此方法时，this表示这个对象：var obj1 = {attr:"a Obj",aboutMe:function(){ console.log(this.attr); } }在控制台中实验：该方法被赋值给其他变量时，this指向全局变量： var obj2 = { attr:”a Obj”, aboutMe:fun

2016-01-22 23:49:31 354

原创 Javascript--typeof

使用typeof能返回数据的类型。>typeof 1"number">typeof null"object">typeof undefined"undefined"typeof操作返回结果只有五种：“number”“string”“boolean”“undefined”“object”“function”

2016-01-11 15:37:32 319

原创两种引用外部CSS文件的方法

一、用<link>标签引入<link rel="stylesheet" href="a.css" />二、在css里面引用另一个文件<style>@import url('a.css');</style>三、二者之间的差别1）Link 采用 HTML 标签将 CSS 关联，而 import 可以在一个 CSS 文件中引入其它的 CSS 文件2）兼容性的差别。IE6 以下不支持@import3）加

2016-01-05 19:51:14 5886

原创关于媒体查询

css根据不同的设备选择加载不同的样式。 HTML4和CSS2开始可以通过<link>标签的 media 属性为样式表指定设备类型，有八种，screen 和 print 是两种最常见的媒体类型。 1、根据设备类型选择样式。下面的代码表示设备是屏幕时，加载screen.css。设备是打印机时，加载print.css。screen 适用于计算机彩色屏幕。print 适用于打印预览模式下查看的内容

2016-01-05 19:41:39 1053

原创 bootstrap图片轮播+导航栏效果

这仍然是对本学期软件工程大作业的总结。在完成这次大作业时，感觉这次写的导航栏和轮播图片效果还好，特此放出效果图和代码。声明：轮播图片代码根据慕课网上示例代码修改。慕课网上的教程视频地址：http://www.imooc.com/video/3342。下面是这次的效果图：最后附上代码：<!DOCTYPE html><html ng-app="myApp"><head><meta

2016-01-05 18:50:56 9802

原创一种鼠标经过选项执行切换的特效

在最近帮人改网站时，遇到了这种问题。场景描述如下：页面初始化时，左侧第一栏“长江学者”要处于选中状态【字体颜色改变，右侧显示该栏目的内容】；鼠标到左侧其他选项时，选项文字颜色发生变化，右侧内容跟着改变，同时上次选中的选项恢复原状；同时，切换时要有这种效果：切换后，鼠标移开，状态保留在最后一次切换时的状态解决思路鼠标浮动时出来右侧内容，最先的想法肯定是用css的hover设置一下样式。但是

2015-12-21 13:22:41 1968

原创 bootstrap弹出登录框【带合法性检查】

最近做的网站涉及到访问控制，在访问需要登录才能使用的页面或功能时，会弹出登录框：效果如下：图 1-点击用户名时，如未登录弹出登录框对这个功能的详细描述：不涉及到登录时，登录框隐藏涉及到登录时，登录框弹出到页面左上角登陆成功后登录框隐藏实现思路：在body结束标签之前插入登录的div,设其定位方式为absolute，位置在左上角。登录框默认的display属性为none。触

2015-12-21 10:58:32 6715

原创 IE8的兼容性问题

持续更新，记录在IE8上踩的坑— 一、不支持getElementsByClassName解决方案如下：在需要使用getElenentsByClassName的位置之前加上下面代码： //解决IE8之类不支持getElementsByClassNameif (!document.getElementsByClassName) {//判断有无此方法 document.getElement

2015-12-11 14:50:24 815

原创 Javascript--识别IE

方法一：userAgent特殊字符串： window的navigator对象反映了浏览器及其功能信息。firefox的window.navigator: >window.navigator.userAgent "Mozilla/5.0 (Windows NT 6.3; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0"IE :>window.navigat

2015-12-09 22:33:10 315

原创 JavaScript基本数据类型

JavaScript基本数据类型有5种： number,String,boolean,undefined,null。一种非基本类型：object. 想要查看某个变量或值得类型，可以使用typeof，返回值有六种：numberstringobjectfunctionundefinedboolean数字类型：表示方法以0开头的数字是八进制；以0x开头的是十六进制；指

2015-12-08 10:07:37 358

原创 div的上下左右居中问题

一、JS解决思路 1、对img 外层div设置text-align:center;达到左右居中。 2、用JS获得外层div高度，设置img的padding-top为外层div高度减去img高度的一半。HTML代码如下 <div id="img_div"> <img id="the_img"src="test.png" alt="test" /> </div>js片段：functio

2015-12-07 23:21:11 782

原创安装PIL等库出现Python version2.7 required,which was not found in the registry.

首先检查Python是否加到环境变量Path classpath里面检查Python是否是64位版本，如果是，卸载并重新安装32位版本。

2015-10-31 22:43:17 1013 1

原创 Node模块详解

C语言中可以通过inculde导入写好的头文件，Java/Python都是通过import导入模块。在Node中也有类似的机制，使用require关键字：var http = require('http') //导入http模块，并将该对象赋值给http想导入自己写的js文件同样使用require。比如在同一个文件下面有hello.js和me.js两个文件：/ hello.js me.js那

2015-10-31 12:54:58 598

原创 mongoDB数据库的查询操作

一、查询查询当前有哪些数据库：show dbs；2.对集合的查询show tables;3.对集合中文档的查询 db. + 集合名 + .find() 如查询student数据库中score表中的所有文档：use student； #切换到要查寻的数据库db.score.find()上面一条语句是对所有记录的查询，默认显示20条。下面一条语句只查询第一条数据：db.score.fin

2015-10-23 20:40:09 1447

原创自定义vim配色方案

vim的配色有好几种可供选择，这些方案以文件的形式存储在 /usr/share/vim/vim74/colors文件夹下面：【注意，根据vim版本的不同，vim74文件夹可能有另外的名字】那么我们看到里面有blue，delek等方案。同时我们也可以自己下载配色方案放到里面，比如说我从下面的网址中下载到lucius配色。http://www.vim.org/scripts/script.

2015-10-19 13:25:19 2483

原创响应式web设计--图片大小自适应的三种方法

整理于《响应式web设计 HTML5和CSS3实践指南》一书 ①基于宽度百分比<div class='img-wap'> <img alt='' class='img' src='#'></div>对于上面的图片，我们可以将它所属的div宽度用百分比固定，然后让图片自适应div的宽度和高度.img-wap{ float:left; width:40%; } .img{ ma

2015-10-18 11:05:24 9339

原创 MongoDB的文档、集合和数据库

为了理解MongoDB的名词，可以将其于关系型数据库进行对比：一、文档[document]文档是一组键值对。文档是MongoDB中数据的基本单元，非常类似关系型数据库中的行。多个键及其关联的值有序地放置在一起便是文档。{"name":"swingwang","gender":"male"}文档中的键值对是有序的，上面两个键值对调换顺序便成了另一个文档。对于文档中的键值对来说，键

2015-10-16 16:35:23 4150

数据库原理编程与性能

AngularJS权威教程

空空如也