- 博客(38)
- 收藏
- 关注
RSS订阅转载 ts简单点
typescript 简洁使用*做最简洁核心的记录，可以节约时间、再是提炼概括，理解归纳、便于日后查阅联想*> typescript原则之一： 对值所具有的结构进行类型检查#### 基础类型* boolean`let isDone: boolean = false;`* number...
2019-04-13 11:01:00
155
转载 es6新增
一、Decorator 修饰器> 用来修改类的行为// mixins.jsexport function mixins(...list) {return function (target) {Object.assign(target.prototype, ......
2019-04-13 10:50:00
90
转载 webpack浅析
命令行打包：webpack hello.js hello.bundle.js --watch (自动更新) --progress(进度) --display-modules(显示出所有模块) --color文件内用loader解析：require('style-loader!css-loader!./style.css') css-loader是解析.css文件的引入，命令...
2017-11-05 22:48:00
90
转载 MongoDB简易
一 安装1.下载$ brew install mongodb2.启动$ mongod --config /usr/local/etc/mongod.conf3.连接$ mongo 二 语法show dbs 查看所有数据库db.createCollection('col') 创建col集合use DBNAME 创建并切换至某某数据库...
2017-10-30 11:23:00
71
转载 async函数
async点：当函数执行时，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体后面的语句。async函数与generator 函数相比，不同点：1.内置执行器。async函数自带执行器;与普通函数一模一样，只需一行即可调用。而genenrator 函数，需要调用next方法或 co模块，才能真正执行。2.更语义化。async和await, async表示函数里有...
2017-10-30 11:22:00
61
转载 react -- context
目的：为使嵌套在较深层的组件方便获取最外层组件信息，如user、session、主题等全局性的数据。使用1：2.stateless组件中的使用转载于:https://www.cnblogs.com/yxiaoqian/p/7753705.html...
2017-10-30 11:21:00
56
转载 抓包移动端方法
1.查PC端的IP（命令行$ ifconfig）2.手机无线WiFi设置代理 IP为以上，端口88883.开启Charles转载于:https://www.cnblogs.com/yxiaoqian/p/7681461.html
2017-10-17 14:26:00
53
转载 移动端适配
视觉稿规范2点：1 以iphone6的 375 * 667 为基点; 2 对于retina屏幕（dpr=2），为了高清，视觉稿的画布是基准的2倍： 就会变成750*1334； 在普通屏幕下，1个css像素 对应 1个物理像素；在retina屏幕下，1个css像素对应4个物理像素（也就是说，iphone6下 200*300的img标签 需要提供400*600...
2017-08-25 00:23:00
58
转载 react 之 ref
react提供一个refs的安全口，做到‘接触’或调用 从render()返回的组件实例的方法、DOM节点。用法：1. ref Callback属性 ref 属性可以是一个回调函数，此函数会在这个组件被挂载后立即执行，此回调函数的参数就是当前这个组件或DOM节点，回调函数体内可以立即使用这个组件，或保存供以后使用； 1 render(){ 2 return( 3 ...
2017-08-06 15:03:00
77
转载 再看redux
redux提供了一个全局的唯一状态树，不代表就不需要组建本身的state。何时用react组件的state、props？？ state只表示一些‘临时的’‘内部的’状态数据。临时的：代表你可以临时改变这个数据；内部的：代表如果你的数据只需要在这一个组件中使用，那么应该使用组建内部状态。 props正好相反，它通常存储一些方法，一些可能需要存库的长期数据和一些需要传递和共享...
2017-05-06 16:24:00
52
转载 localtunnel内网服务器暴露至公网
摘自@scarlex1.安装 npm install -g localtunnel2.运行 lt --port 8080 (your url is: http://xxxx.localtunnel.me ) 就实现了通过这个地址访问本地服务器8080端口的项目了～另！以上是国外项目 速度慢，搭建自己的localtunnel服务端1 安装 g...
2017-04-22 15:03:00
202
转载 Relay GraphQL理解
Relay是构建数据驱动 React 应用的js框架。Relay：特性一、声明式：不再使用一个命令式API与数据存储通讯。而是简单的使用RraphQL声明组件数据需求，让Relay理解如何及什么时候获取你的数据。 特性二、托管：Relay聚合查询成有效的网络请求，只获取个人需要的数据。 特性三、转变：Relay允许你使用GraphQL mutations 在客户端...
2017-02-28 09:13:00
171
转载 微信小程序
目录结构：pages/ index/ index.js 配置文件入口，page() index.wxml 配置页面布局、UI index.wxss 页面的样式文件，可选，可覆盖app.wxss index.json 页面当前窗口定义 "window"，可选，可覆盖app....
2016-12-13 15:11:00
77
转载 React Router
路由可以向应用中快速的添加视图和数据流，同时保持页面与URL同步import {Router ,Route, Link} from 'react-router'class App extends React.Component { render(){ return ( <div>...
2016-12-04 22:13:00
69
转载 webpack
参考自https://segmentfault.com/a/1190000006178770Webpack可以看作是模块打包工具：所做的事情就是：分析项目结构，找到javascript模块及其他浏览器不能直接运行的扩展语言（Scss、TypeScript等），并将其打包为合适的格式以供浏览器使用。Webpack的工作方式：把项目当作一个整体，通过一个给定的主文件（入口文件）in...
2016-12-03 12:09:00
71
转载 Redux
Redux是一个数据状态管理插件；每个系统都需要一个管理多组件使用的公共信息功能；例如，用户登录之后客户端会存储用户信息userid和头像等，而系统的每个组件都需要用到这些信息，如收藏点评品论等。基本使用：1.定义计算规则，即reducer 在规则函数中，数据变化时要return一个新的值，而不能直接修改原来的值；使用了不可变数据 的设计方式，来明确数据的变化时段，使得...
2016-12-02 23:46:00
55
转载 bootstrap
bootstrap:简易模版：<meta http-equiv='X-UA-Compatible' content='IE=edge'> //让IE浏览器运行最新的渲染模式//<meta name='renderer' content='webkit'>让部分国产浏览器默认采用高速模式渲染页面<meta name='viewport' con...
2016-11-28 12:34:00
51
转载 jQuery中.bind() .live() .delegate() .on()区别
on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的时间处理函数$('#members').on('click','li a',function(){});bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数；$('a').bind('click',function(){})live(...
2016-11-25 20:28:00
37
转载 HTML5 新特性
新增API语义： 能够让你更恰当地描述你的内容是什么。 连通性： 能够让你和服务器之间通过创新的新技术方法进行通信（web sockets等）。 离线 & 存储：能够让网页在客户端本地存储数据以及更高效地离线运行（离线资源、在线和离线事件、DOM存储、IndexDB、自web应用程序中使用文件[FileReader]）。 多媒体：使 video 和 audio 成为了在所有 ...
2016-11-03 17:30:00
113
转载 零散点
盒子模型：标准模式：占页面宽度＝content+border+padding; content 仅指内容区width 怪异模式IE：占页面宽度 ＝ content; content本身包含 内容区width＋padding+border 1文档使用DOCTYPE声明，则会采用标准模式； 2设置-webkit-...
2016-11-02 14:45:00
76
转载 http
HTTP概念：超文本传输协议，是一种通信协议，它允许将超文本标记语言html文档从web服务器传送到客户端的浏览器。是一个应用层协议，承载与TCP之上；有请求和响应构成；主要规定了客户端和服务器端之间的通信格式，默认使用的端口80协议：两台计算机进行通信，所遵循的规定或规则。TCP/IP协议的分层：应用层：HTTP协议。处理特定的应用程序。TCP/IP协议族内预存了各类通用的...
2016-10-28 23:14:00
79
转载 React 相关开发工具
Gulp:是一个NodeJs项目构建工具，高效易学；把一个开发中的项目构建成一个可以部署在服务器上的项目，压缩 整合gulp.task('1',['2','3'],function(){});// 执行完1，执行2和3 1 gulp.task('sass',function(){2 gulp.src('./sass/**/*.scss') ...
2016-10-16 15:46:00
56
转载 grunt_beginner
前端集成解决方案：一套包含框架 和 工具，便于开发者快速构建美丽实用的web应用程序的工作流，同时 这套工作流必须是稳健强壮的。YemanBower web包管理器 框架、库、公共部分Grunt Build tool 自动化插件转载于:https://www.cnblogs.com/yxiaoqian/p/5878011.html...
2016-09-17 10:06:00
107
转载 reactJs 基础
react不是一个完整的mvc,mvvm框架。react跟web components 不冲突 背景原理：基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前整个DOM树和上一次的DOM树进行对比，得到DOM结构的区别，然后仅仅将需要变化的部分进行实际的浏览器DOM更新react的特点就是‘轻’...
2016-09-13 10:24:00
87
转载 requireJs sass侧边栏
koala 下载 将sass编译为css文件1 嵌套2 $变量3 @mixin 函数名(参数)4 @include 函数 调用5 @import "xxx" 引入xxx.scss5 @extend 继承ul{ li{ a{} }};$toolbar-size : 52px;@mixin opac...
2016-09-11 16:10:00
56
转载 ES6 基础概念汇总
let const命令 声明变量let 声明的变量 没有变量提升的效果1 let声明的变量只在代码块内有效 for循环的计数器2 不存在变量提升 要在声明后使用 let bar = 23 暂时性死区 只要进入当前作用域，索要使用的变量就已经存在，但是不可获取，只有等到声明变量的那行代码出现，才可以获取和使用该变量。4 不允许重复声明...
2016-09-08 14:29:00
136
转载 初入AngularJS基础门
作为mvvm 框架过重 不适用于性能比较高的移动端的web栈， ui组建性对复杂，不利于重用AngularJS 构建一个CRUD ( create retrieve update delete )的应用，其内容：双向数据绑定{{取值}}、基本模版标识符、表单数据、路由、深度链接、组件重用、依赖注入；代码解析：ng-app 标记了angularJS脚本的作用域。{{ }...
2016-08-29 17:13:00
51
转载 node.js基础
events模块 只提供一个对象：events.EventEmitter。其核心是事件触发与事件监听功能的封装。方法1 addListener(event,listener) 为指定事件添加一个监听器 至监听器数组的尾部。 2 on(event,listener) 为指定事件注册一个监听器接受一个字符串event 和一个回调函数 3 once(eve...
2016-08-26 10:22:00
53
转载 ajax
XMLHttpRequest取得响应var xhr = new XMLHttpRequest(); //创建XMLHttpRequest实例xhr.open("GET","get.php？参数",true); //async 默认为true异步xhr.send(); //发送请求 ...
2016-08-07 15:52:00
89
转载 git 操作
图中左侧为工作区，右侧为版本库。在版本库中标记为 "index" 的区域是暂存区（stage, index），标记为 "master" 的是 master 分支所代表的目录树。图中我们可以看出此时 "HEAD" 实际是指向 master 分支的一个"游标"。所以图示的命令中出现 HEAD 的地方可以用 master 来替换。图中的 objects 标识的区域为 Git 的对象库，...
2016-07-18 18:02:00
68
转载 使用 get post 注意事项
快速判断： 如下情况使用GET方法：客户端与服务端的交互像是一个提问(如查询操作、搜索操作、读操作)如下情况使用POST方法： 1.交互是一个命令或订单(order)，比提问包含更多信息 2.交互改变了服务器端的资源并被用户察觉，例如订阅某项服务 3.用户需要对交互产生的结果负责根据HTTP协议规定，GET方法可以携带交互需要的所有...
2016-07-15 10:30:00
133
转载 Javascript 基础汇总
1 javascript字符串 属性：.length 计算字符串长度 转义字符 \ \n 换行 \r 回车 字符串断行 需要使用反斜杠 \2 字符串方法charAt(n) 返回指定索引位置的字符str.concat(str) 连接两个或多个字符串，返回连接后的字符串indexOf('st...
2016-07-06 18:19:00
64
转载 CSS3 小会
-webkit-perspective:800px; 其子元素获得3D元素支持，这里是设置子元素距离试图的位置；若设为0 则不支持子元素获得3d效果，不支持透视。 常与transform：rotateY(30deg);-webkit-backface-visibility:hidden; 当元素不面向屏幕时隐藏-webkit-transform-sty...
2016-07-05 22:51:00
61
转载 手机移动端 web整合
meta基础知识 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=...
2016-06-29 13:40:00
66
转载 JS正则表达式
1 <script type='text/javascript'>2 var patt1 = new RegExp('hello'); //声明正则3 var patt2 = /world/; //声明正则4 </script>1 .test()方法 检索字符...
2016-06-27 22:58:00
44
转载 jQuery用法小结
filtering过滤：.not('') 在所选元素集合中， 排除特定的元素$( "li" ).not( ":even" ).css( "background-color", "red" );.filter('') 在所选集合中，选定特定的元素；与.not( )相反； $("p").filter(".selected,:first")选择第一个和带有selected...
2016-06-27 17:28:00
53
转载 HTML5 文件上传
HTML5 文件上传另参考http://www.jianshu.com/p/46e6e03a0d531 filelist对象与file对象： 1 <input type="file" id="file" multiple> //multiple可上传多个文件 2 <input type="button" onclick="showFileN...
2016-06-26 10:15:00
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人