摘要：
Mongoose API : http://mongoosejs.com/docs/api.html
阅读全文
posted @ 2018-06-04 23:23
{前端开发}
阅读(705)
推荐(0)
摘要：
Mongoose 参考手册 标签（空格分隔）： MongoDB Mongoose 是什么? 一般我们不直接用MongoDB的函数来操作MongoDB数据库 Mongose就是一套操作MongoDB数据库的接口. Schema 一种以文件形式存储的数据库模型骨架，无法直接通往数据库端，也就是说它不具备
阅读全文
posted @ 2018-06-04 23:22
{前端开发}
阅读(369)
推荐(0)
摘要：
mongoDB简介 mongoDB与一些关系型数据库相比，它更显得轻巧、灵活，非常适合在数据规模很大、事务性不强的场合下使用。同时它也是一个对象数据库，没有表、行等概念，也没有固定的模式和结构，所有的数据以文档的形式存储。 ·由c++语言编写，是一个分布式文件存储的开源NoSQL数据库系统。在高负载
阅读全文
posted @ 2018-06-03 17:06
{前端开发}
阅读(615)
推荐(0)
摘要：
首先，我们先来看看 👀 雅虎军规 的 35 条。 尽量减少 HTTP 请求个数——须权衡 使用 CDN（内容分发网络） 为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。 避免空的 src 和 href 使用 gzip 压缩内容 把 CSS 放到顶部 把 JS 放到
阅读全文
posted @ 2018-06-01 17:25
{前端开发}
阅读(620)
推荐(0)
摘要：
Family: Thonburi 1 2 3 4 Family: Khmer Sangam MN 1 2 Family: Kohinoor Telugu 1 2 3 4 Family: Snell Roundhand 1 2 3 4 Family: Academy Engraved LET 1 2
阅读全文
posted @ 2018-05-28 15:41
{前端开发}
阅读(544)
推荐(0)
摘要：
当我们查看package.json中已安装的库的时候，会发现他们的版本号之前都会加一个符号，有的是插入符号（^），有的是波浪符号（~）。那么他们到底有什么区别呢？先贴一个例子，对照例子来做解释： bluebird的版本号：^3.3.4 body-parse的版本号：~1.15.2 当我们使用最新的N
阅读全文
posted @ 2018-05-17 10:29
{前端开发}
阅读(726)
推荐(0)
摘要：
第一步：发布第一个稳定版本 第二步：修改文件继续发布第二个版本 第三步：继续修改文件发布一个prerelease版本 第四步：继续修改发布第二个prerelease版本 第五步：npm info查看我们的版本信息 我们只要注意下面者两个部分： 其中最新的稳定版本和最新的beta版本可以在dist-t
阅读全文
posted @ 2018-05-16 15:46
{前端开发}
阅读(1136)
推荐(0)
摘要：
Javascript:history.go()和history.back()的用法和区别 go(-1): 返回上一页，原页面表单中的内容会丢失；history.go(-1):后退+刷新；history.go(1) ：前进 back(): 返回上一页，原页表表单中的内容会保留； history.bac
阅读全文
posted @ 2018-05-15 16:42
{前端开发}
阅读(9259)
推荐(0)
摘要：
在我们的产品中，均使用CSS Modules来作为样式解决方案，大致的代码是这样的： import React from 'react'; import styles from './table.css'; export default class Table extends React.Compo
阅读全文
posted @ 2018-05-11 16:28
{前端开发}
阅读(2711)
推荐(0)
摘要：
自己的react项目用到了css-modules,由于不太想在写className时写style.xxx于是google解决方案，找到了这货->babel-plugin-react-css-modules。 然而写配置时踩了无数坑，网上唯一一篇中文讲使用的文章也过时了(webpack...)，结合g
阅读全文
posted @ 2018-05-11 14:12
{前端开发}
阅读(1328)
推荐(0)
摘要：
在前端开发领域，浏览器兼容性问题从来不曾消失。除了 CSS，我们还要面对 JavaScript 的兼容性问题。 不同的浏览器讲着不同的 JavaScript 语言，不同的浏览器版本同样讲着不同的 JavaScript 语言。 你用了 JavaScript 的 A 特性，能够在 B 浏览器上正常运行，
阅读全文
posted @ 2018-05-10 14:49
{前端开发}
阅读(481)
推荐(0)
摘要：
当我们需要删除暂存区或分支上的文件, 同时工作区也不需要这个文件了, 可以使用 git rm file_path 当我们需要删除暂存区或分支上的文件, 但本地又需要使用, 只是不希望这个文件被版本控制, 可以使用 git rm --cached file_path file_path 为文件路径 作
阅读全文
posted @ 2018-05-08 17:16
{前端开发}
阅读(261)
推荐(0)
摘要：
1、编译zepto。模块之前可能有依赖关系，整体顺序参考下面这个即可: 2、支持requirejs。在 后增加如下代码，以便支持requirejs 3、加入如下代码，以支持微信等部分浏览器的滑动 在如下方法中增加 详情见：https://github.com/jnotnull/zepto 4、因IO
阅读全文
posted @ 2018-05-05 22:25
{前端开发}
阅读(1583)
推荐(0)
摘要：
w3c上的例子是这样子写的：· 好吧，我发现我错了，这玩意还不是一般的容易，还有N多的函数可以使用的啊。具体如下: 一、旋转rotate rotate(<angle>) ：通过指定的角度参数对原元素指定一个 2D rotation （2D 旋转），需先有transform-origin属性的定义。t
阅读全文
posted @ 2018-05-04 14:49
{前端开发}
阅读(242)
推荐(0)
摘要：
JSX 语法的本质目的是为了使用基于 xml 的方式表达组件的嵌套，保持和 HTML 一致的结构，语法上除了在描述组件上比较特别以外，其它和普通的 Javascript 没有区别。 并且最终所有的 JSX 都会编译为原生 Javascript。 JSX = JavaScript XMLJSX 是一个
阅读全文
posted @ 2018-05-02 23:08
{前端开发}
阅读(2599)
推荐(0)
摘要：
用webpack的过程，就是一个不断入坑和出坑的过程。回望来时路，一路都是坑啊！现把曾经趟过的那些坑整理出来，各位看官有福了~ 文章末尾有我用到的依赖的版本信息，若你发现某个问题与我在本文中的描述不一致时，可以看看是否版本与我所使用的不同所致。 一、Mac平台和Windows平台的差异导致的问题 1
阅读全文
posted @ 2018-04-25 22:25
{前端开发}
阅读(3230)
推荐(0)
摘要：
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能 deferred对象。 这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现
阅读全文
posted @ 2018-04-23 23:35
{前端开发}
阅读(4422)
推荐(0)
摘要：
当前项目结构 项目结构 其中 Greeter.js 引用了 config.json main.js 和 second.js 都引用了 Greeter.js main.js 还引用了 onlyformain.js second.js 还引用了 onlyforsecond.js 代码如下 // conf
阅读全文
posted @ 2018-04-23 22:29
{前端开发}
阅读(490)
推荐(0)
摘要：
方式一，传入字符串参数 new webpack.optimize.CommonsChunkPlugin(‘common.js’), // 默认会把所有入口节点的公共代码提取出来,生成一个common.js 方式二，有选择的提取公共代码 方式三，有选择性的提取（对象方式传参） 推荐 通过Commons
阅读全文
posted @ 2018-04-23 22:14
{前端开发}
阅读(235)
推荐(0)
摘要：
Refs 提供了一种访问在 render 方法中创建的 DOM 节点或 React 元素的方式。 在典型的 React 数据流中, 属性（props）是父组件与子代交互的唯一方式。要修改子组件，你需要使用新的 props 重新渲染它。但是，某些情况下你需要在典型数据流外强制修改子代。要修改的子代可以
阅读全文
posted @ 2018-04-22 14:29
{前端开发}
阅读(999)
推荐(0)
摘要：
source maps Webpack打包生成的.map后缀文件，使得我们的开发调试更加方便，它能帮助我们链接到断点对应的源代码的位置进行调试（//# souceURL），而devtool就是用来指定source-maps的配置方式的。以下是官方文档的说明： source maps 开发工具(Dev
阅读全文
posted @ 2018-04-16 15:16
{前端开发}
阅读(16681)
推荐(4)
摘要：
Vue 源码是选用了 rollup 作为 bundler ，看 Vue 的源码时发现： npm script 对应了不同的构建选项。这也对应了最后打包构建后产出的不同的包。 不同于其他的 library ， Vue 为什么要在最后的打包构建环节输出不同类型的包呢？接下来我们通过 Vue 的源码以及对
阅读全文
posted @ 2018-04-16 14:55
{前端开发}
阅读(683)
推荐(0)
摘要：
四. __proto__ JS 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__ 的内置属性，用于指向创建它的构造函数的原型对象。 对象 person1 有一个 __proto__属性，创建它的构造函数是 Person，构造函数的原型对象是 Person.prototy
阅读全文
posted @ 2018-04-09 17:26
{前端开发}
阅读(847)
推荐(0)
摘要：
前面的话 javascript里的关系又多又乱。作用域链是一种单向的链式关系，还算简单清晰；this机制的调用关系，稍微有些复杂；而关于原型，则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义，然后详细解释原型的三角关系 图示 概念 上图中的复杂关系，实际上
阅读全文
posted @ 2018-04-09 00:13
{前端开发}
阅读(319)
推荐(0)
摘要：
1. 类 在C或者Java里，int a;定义了一个int类型的变量a。其中int是类型的名字，a是具体的变量。 Javascript 模仿自 Java, 有一部分面向对象编程的部分。在面向对象的编程中，类就是像int那样是类型，对象就是像a那样的变量。他们的区别是:int是编译器预先定义好的类型，
阅读全文
posted @ 2018-04-08 23:51
{前端开发}
阅读(279)
推荐(0)
摘要：
1. Astah Community Astah Community是一个非常强大的免费的UML建图工具，支持最新的UML图。 地址：http://astah.net/tutorial#new-to-astah 截图例子： 2. ProcessOn 专注于为作图人员提供价值，利用互联网和社交技术颠覆
阅读全文
posted @ 2018-04-08 16:17
{前端开发}
阅读(3723)
推荐(0)
摘要：
for in是ES5标准，遍历key. for of是ES6标准，遍历value. 一个比较神奇的例子：
阅读全文
posted @ 2018-04-08 10:38
{前端开发}
阅读(24193)
推荐(4)
摘要：
:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码： p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素； h1:first-child 匹配不到任何元素，因为在这里h1是div的第二个子元素，而不是第一个；
阅读全文
posted @ 2018-04-07 15:56
{前端开发}
阅读(362)
推荐(0)
摘要：
发布订阅模式(subscribe/publish)的理解 https://www.qianduan7.com/javascript/subscribe-publish.html 发布订阅模式介绍 发布 订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，
阅读全文
posted @ 2018-04-07 14:37
{前端开发}
阅读(7525)
推荐(1)
摘要：
前一段时间一直在写CSS3的文章 一直都没写设计模式 今天来写写大名鼎鼎观察者模式 先画张图 观察者模式的理解 我觉得还是发布-订阅模式的叫法更容易我们理解 （不过也有的书上认为它们是两种模式……） 这就类似我们在微信平台订阅了公众号 当它有新的文章发表后，就会推送给我们所有订阅的人 我们可以看到例
阅读全文
posted @ 2018-04-06 11:06
{前端开发}
阅读(509)
推荐(0)
摘要：
Nginx安装 进入存放源码包的目录： cd /usr/local/src 下载源码包： wget http://nginx.org/download/nginx-1.12.1.tar.gz 解压： tar zxf nginx-1.12.1.tar.gz 安装Nginx： 编译安装： make &&
阅读全文
posted @ 2018-04-01 21:36
{前端开发}
阅读(6251)
推荐(0)
摘要：
meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。 什么是meta标签？ 引自下W3school的定义说明一下。 元数据（m
阅读全文
posted @ 2018-04-01 09:35
{前端开发}
阅读(389)
推荐(0)
摘要：
方法1 sudo npm i -g npm 方法2 修改usr/local的权限。使用sudo有一个风险是安装包可能会运行自己的一些脚本，使sudo操作变的不可控，不安全。可以通过将/usr/local的own从root转为登陆用户来解决这个问题。 sudo chown R $USER /usr/l
阅读全文
posted @ 2018-03-31 14:16
{前端开发}
阅读(4362)
推荐(0)
摘要：
Unicode编码则是采用双字节16位来进行编号，可编65536字符，基本上包含了世界上所有的语言字符，它也就成为了全世界一种通用的编码，而且用十六进制4位表示一个编码，非常简结直观，为大多数开发者所接受，特别是十六进制编码后，可以解决汉字在js再编码过程中出现乱码问题，提高解释速度，我们建议在js
阅读全文
posted @ 2018-03-30 17:05
{前端开发}
阅读(1720)
推荐(0)
摘要：
十进制 十六进制 字符数 编码分类（中文） 编码分类（英文） 起始 终止 起始 终止 (个) 0 127 0000 007F 128 C0控制符及基本拉丁文 C0 Control and Basic Latin 128 255 0080 00FF 128 C1控制符及拉丁文补充-1 C1 Contr
阅读全文
posted @ 2018-03-30 17:01
{前端开发}
阅读(22880)
推荐(0)
摘要：
原生用法 直接使用的API _.reject 根据条件去除某个元素。 _.pick 根据第二个参数的key的数组，筛选第一个参数中的值并返回 _.keys 返回object中的所有key _.cloneDeep 深度拷贝，这个不用多说了吧，js中基础类型以外的类型，都会默认拷贝备份var bar =
阅读全文
posted @ 2018-03-22 16:04
{前端开发}
阅读(2016)
推荐(0)
摘要：
JS里的ArrayBuffer 还记得某个晚上在做 canvas 像素级操作，发现存储像素的数据格式并不是Array类型，而是ArrayBuffer，心想这是什么鬼？后来查了一些资料，发现自己这半年来的JS是白学了，竟然才知道还有这么个东东。 首先，这个 ArrayBuffer 类型化数组，类型化数
阅读全文
posted @ 2018-03-21 10:35
{前端开发}
阅读(16339)
推荐(2)
摘要：
1.将String字符串转换成Blob对象 2.将TypeArray 转换成 Blob 对象 ArrayBuffer转Blob 3，将Blob对象转换成String字符串，使用FileReader的readAsText方法 4.将Blob对象转换成ArrayBuffer，使用FileReader的
阅读全文
posted @ 2018-03-20 14:33
{前端开发}
阅读(4614)
推荐(0)
摘要：
2. blob a.什么是blob？ Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。 文件(即File)接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 要从其他非blob对象和数据构造一个Blob，请使
阅读全文
posted @ 2018-03-20 14:29
{前端开发}
阅读(978)
推荐(0)
摘要：
对二进制流进行md5加密需要用spark-md5.js 最新发现本地图片nativeObj 里的bitmap.toBase64Data();拿到Base64是经过压缩的，拿到的是jepg；所以要用本地io把图片Base64读出来。
阅读全文
posted @ 2018-03-20 10:49
{前端开发}
阅读(2046)
推荐(0)
浙公网安备 33010602011771号