小仙女儿-CSDN博客

原创 egg处理csv文件

前言无聊的我最近发现微信支付也可以导出账单了。。然后脑洞一开，合并一下微信账单和支付宝账单。。。一个无法控制剁手的千手观音最后的倔强代码const parse = require('csv-parse'); // csv处理const path = require('path');const fs = require('fs');const iconv = require('icon...

2019-01-17 14:09:16 1058

原创 React-native navigator

安装 npm i facebookarchive/react-native-custom-components引入 import { Navigator } from 'react-native-deprecated-custom-components'使用class Boy extends Component<{}> { constructor(props) { super(pr

2017-12-07 11:16:21 258

转载从输入URL到页面渲染完成

以下是我意译加直译了原文作者的文章内容，翻译得不好，还请多多指教。原文链接：从输入URL到页面渲染完成作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你访问一个URL时，到底发生了一件件什么样的事。 1.输入URL地址一切将从这里开始2.浏览器根

2017-10-23 14:17:59 495

瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了，我最早知道这个名词的时候大约是在2012年，当时Pinterest网站的布局就是使用的这种流式布局，简言之像Pinterest网站这样的布局就称之为瀑布流布局，也有人称之为Pinterest 布局。瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个

2017-10-17 10:52:14 1079

原创 React 7 React高级组件

⓵ 高阶组件的概念及应用 ⓶ 以数组为子组件的模式高阶组件一个高阶组件就是一个函数，这个函数接受一个组件作为输入，然后返回一个新的组件作为结果，而且，返回的新组件拥有了数组组件所不具有的功能定义高阶组件的意义：重用代码。把公用逻辑提取出来，利用高阶组件的方式应用出去修改现有 React 组件的行为。告诫组件的实现方式：代理方式的高阶组件继承方式的高阶组件代理方式的高阶组件

2017-10-13 15:03:23 571 1

原创 React 6 模块化React和Redux应用--Todo应用

以todo为案例，介绍如果模块化使用react和redux开发应用。

2017-10-12 16:23:19 384

原创 Javascript函数

掌握内容：◆ 如何定义和使用函数；◆ 如何向函数传递参数；◆ 了解我们可以“免费”调用哪些预定义函数；◆ 了解 JavaScript 中的变量作用域；◆ 理解“函数也是数据”的概念，并将函数视为一种特殊的数据类型。函数应用：◆ 匿名函数的调用；◆ 即时（自调）函数；◆ 内嵌函数（在函数内部定义的函数）；◆ 以函数为返回值的函数；◆ 能重定义自身的函数；◆ 闭包。什么是函数所谓函数，本质上是一种代码的

2017-10-11 10:38:13 241

原创学习Javascript数据结构与算法系列笔记（三）：集合

集合是一个既没有重复元素，也没有顺序概念的数组。集合操作：并集、交集、差集等。创建集合利用对象来实现集合（items）：对象不允许一个键指向2个不同的属性，保证集合里元素的唯一性。

2017-09-30 11:18:44 237

原创在线markdown转html+代码高亮

markdown转html highlight

2017-09-29 16:38:40 3026 1

转载 javascript原型链

本文尝试阐述Js中原型（prototype）、原型链（prototype chain）等概念及其作用机制。

2017-09-29 16:01:38 267

转载 javascript上下文和作用域

本文尝试阐述 Javascript 中的上下文与作用域背后的机制，主要涉及到执行上下文（execution context）、作用域链（scope chain）、闭包（closure）、this 等概念。Execution context执行上下文（简称上下文）决定了Js执行过程中可以获取哪些变量、函数、数据，一段程序可能被分割成许多不同的上下文，每一个上下文都会绑定一个变量对象（variable

2017-09-29 15:27:20 345

原创 css 黑科技

单选框和复选框的样式使用unicode编码字符和before after属性，模拟选中和非选中状态 <input type="checkbox" id="check" name="check" /><label for="check">Checkbox</label><br/><input type="radio" id='aaa' name="radio" v

2017-09-28 17:20:45 435

原创 nodejs 10 nodejs的web应用-文字直播实例

介绍node.js的web应用，主要包括HTTP服务器、Node.js静态资源管理、Node.js的文件处理功能、Cookie和Session的应用、Node.js安全加密，最后介绍Node.js如何与Nginx搭档。

2017-09-20 17:19:35 555

原创 nodejs 7 nodejs的web应用-文件处理

介绍node.js的web应用，主要包括HTTP服务器、Node.js静态资源管理、Node.js的文件处理功能、Cookie和Session的应用、Node.js安全加密，最后介绍Node.js如何与Nginx搭档。

2017-09-18 15:35:20 537

原创 nodejs 5 nodejs的web应用-http服务器（http, 路由,get,post,https）

介绍node.js的web应用，主要包括HTTP服务器、Node.js静态资源管理、Node.js的文件处理功能、Cookie和Session的应用、Node.js安全加密，最后介绍Node.js如何与Nginx搭档。

2017-09-15 16:25:23 712

原创 nodejs 4 npm

简要介绍npm和常用的npm模块： express, jade, socket.io, forever, request等模块

2017-09-14 16:34:43 493

原创 nodejs 3 模块

通过实例讲解node.js种模块化的应用开发，该实例的主要功能是实现一个在线的试试DNS解析工具。

2017-09-13 17:20:26 216

转载编码规范系列：html规范

编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

2017-09-13 11:27:23 246

原创 nodejs 2 hello world!

hello world!新建helloworld.js编辑`console.log(‘hello world!’);进入helloworld.js所在目录，执行node helloworld.js终端输出 hello world!console 是 Node.js提供的控制台对象，其中包含了向标准输出写入的操作，如 console.log、console.error 等。他也能接受任意多

2017-09-12 15:20:09 233

原创 nodejs 1 nodejs 简介

node.js 是啥Node.js 不是一种独立的语言，与 PHP、 Python、 Perl、 Ruby 的“既是语言也是平台” 不同。 Node.js 也不是一个 JavaScript 框架，不同于 CakePHP、 Django、 Rails。 Node.js 更不是浏览器端的库，不能与 jQuery、 ExtJS 相提并论。Node.js 是一个让 JavaScript 运行在服务

2017-09-12 10:42:38 313

转载编码规范系列：css规范

编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。

2017-09-11 10:19:59 444

原创 CSS实现垂直居中的4种思路

1.行高line-height实现单行文本垂直居中2.设置vertical-align:middle实现垂直居中3.通过绝对定位实现垂直居中4.使用弹性盒模型flex实现垂直居中

2017-09-06 14:03:51 388

原创 CSS图片宽度设置百分比 , 高度同宽度相同

CSS图片宽度设置百分比 , 高度同宽度相同

2017-09-05 14:32:27 2631

原创 Chrome谷歌浏览器下不支持css字体小于12px的解决办法

Chrome谷歌浏览器下不支持css字体小于12px的解决办法

2017-09-05 14:21:43 532

转载 React * Ref回调函数处理

为DOM元素添加RefReact支持一个ref属性，该属性可以添加到任何的组件上。该ref属性接收一个回调函数，这个回调函数在组件挂载或者卸载的时候被调用。当ref用于一个HTML元素的时候，ref指定的回调函数在调用的时候会接收一个参数，该参数就是指定的DOM元素。如下面的例子使用ref回调函数来保存对DOM节点的引用：class CustomTextInput extends React.Co

2017-09-01 14:32:08 1326

转载 yarn与npm的命令行小结

一、首先需要了解的命令npm install === yarn —— install 安装是默认行为。 npm install taco --save === yarn add taco —— taco 包立即被保存到 package.json 中。 npm uninstall taco --save === yarn remove taco在 npm 中，可以使用 npm config set

2017-08-25 14:01:18 314

原创 React 5 生命周期

React 4 生命周期生命周期简介组件的生命周期分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOMReact 为每个状态都提供了两种处理函数，will 函数在进入状态之前调用，did 函数在进入状态之后调用，三种状态共计五种处理函数。

2017-08-21 17:02:16 239

原创解决禁止浏览器回弹效果后页面其它元素滚动事件失效

天坑。。记录一下。。

2017-08-17 16:12:13 1767 1

原创 React 4 props & state

React 3 props 和 statepropsprops只读父子信息传递子组件只能通过props读取父组件传递的信息，不能改变props.案例代码：var WebSite = React.createClass({ render: function() { return ( <div> <Name name={this.props.name} />

2017-08-17 15:15:31 242

原创 svn基本操作

将文件checkout到本地目录 svn checkout path（path是服务器上的目录）—username 帐号例如：svn checkout 服务器地址 —username 用户名简写：svn co往版本库中添加新的文件 svn add file 例如：svn add test.php(添加test.php) svn add *.php(添加当前目录下所

2017-08-16 15:54:13 153

原创 React 3 react component 3种写法

react component 3种写法React组件的写法常见有如下3种：ES5写法React.createClassES6写法React.Component无状态的函数式写法（纯组件-SFC）下面用实例写一个 SwitchButton 组件的例子ES5写法React.createClassReact.createClass不用多说，我们最早使用这个方法来构建一个组件“类”，它接受一个对象

2017-08-16 14:51:01 2653

原创链接收纳

自存链接

2017-08-16 14:14:56 440

转载 git常用命令

查看、添加、提交、删除、找回，重置修改文件git help <command> # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- <file> # 抛弃工作区修改git co . # 抛弃工作区修改git add <file> # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区git rm <

2017-08-14 17:53:52 169

原创 React 2 hello world

React 特点声明式设计 −React采用声明范式，可以轻松描述应用。高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。灵活 −React可以与已知的库或框架很好地配合。JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。组件 − 通过 React 构建组件，使得代码更加

2017-08-14 15:58:48 244

原创 webpack 3 最终版

webpack.config.js包含：入口文件输出目录js分离 chunk webpack.optimize.CommonsChunkPlugincss分离 extract-text-webpack-pluginhtml加载html-webpack-plugines6loader babel-loadersassloader style-loader css-loade

2017-08-11 17:49:30 304

原创 React 1 入门教程（改）

看阮一峰的react学习吧我不会0 0 谢谢！！！咳，开个小玩笑~~ 大家一起学习react了 ~~额 = =卖个萌求轻拍入门教程这一篇，我就记录一下react学习路线了~~webpack (3个系列教程已更新~~)es6 (目前我不会更新这个的教程~~ 网上很多了 ~~)ReactReact-routerRedux (我觉得flux目前用的人还是很少了，所以不打算学习这个了)Dva

2017-08-11 14:28:34 427

原创 webpack 2 开发和部署技巧

webpack 开发和部署技巧开发技巧启用source-map 出错以后就会采用source-map的形式直接显示你出错代码的位置。config添加...devtool: 'eval-source-map',...配置webpack-dev-server代理 (当后端server的端口或者接口不一样，可以用代理。。。mock服务也可以用代理。。。mock方法可以看我的另一篇博客→前端虚拟接口

2017-08-10 17:03:02 362

原创 webpack 1 基础配置教程

webpack1webpack简单点来说就就是一个配置文件，所有的魔力都是在这一个文件中发生的。这个配置文件主要分为三大块entry 入口文件让webpack用哪个文件作为项目的入口output 出口让webpack把处理完成的文件放在哪里module 模块要用什么不同的模块来处理各种类型的文件 h

2017-08-09 15:07:14 249

转载 webpack 教程资源收集

webpack 教程资源收集官方文档中文指南初级教程webpack-howto 作者：Pete HuntWebpack 入门指迷作者：题叶　webpack-demos 作者：ruanyf一小时包教会 —— webpack 入门指南作者：VaJoy Larn　　webpack 入门及实践作者：zhouweicsu　　Webpack傻瓜式指南（一）译者：前端外刊评论

2017-08-09 10:11:14 463

原创前端虚拟接口---mock的用法

这几天在写自己的博客。。。然后后台接口什么的没来得及写。。。然后就想了下用mock去虚拟一个接口。json-serverJSON Server 是一个创建伪RESTful服务器的工具，具体使用方法可以看官方文档，这里直接讲在vue-cli 中的用法。

2017-08-08 11:14:21 3350

Node.js开发实战详解 [黄丹华编著].pdf

JavaScript面向对象编程指南（第2版）.pdf

空空如也