- 博客(152)
- 收藏
- 关注
RSS订阅翻译 20171020.03
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; background: red;
2017-12-21 20:10:18
264
翻译 20171020.02
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 300px; height: 300px; border:1px solid
2017-12-21 17:47:54
204
翻译 20171020.01
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="num1"> <input type="text" id="num2"> <input type="button
2017-12-21 17:11:11
207
翻译 20171215.05
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 原型: prototype: 类似于css中的class */ function P
2017-12-20 19:53:15
180
翻译 2017121504
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 面向对象: 把复用性比较高 1.抽象 -> 抽离出
2017-12-20 19:41:57
178
翻译 20171215.03
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 在面向对象中,一般遇到首字母大写就说这个函数是构造函数 new 一元运算符
2017-12-20 15:11:56
122
翻译 201712.15.02
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 面向对象：极为重要 面向过程： 关注点 功能是如何实现
2017-12-20 14:48:38
220
翻译 20171213.4
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Template</title></head><body> <div id = "app"></div><script> function render(str,obj){ return str.replace
2017-12-20 13:56:06
160
翻译 20171213.3
元字符：+字母 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* \d 一个数字 \D 一个非数字 \s 一个空格 \S
2017-12-20 12:47:44
179
翻译 2017.1213.2
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text"id ="txt"> <button id ="btn">看看是不是QQ号</button><script> /*
2017-12-20 09:52:17
216
翻译 20171213.1
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 找到a开头，c结尾，中间为1或2或3 [] 范围 */ // let str = "a1ca2ca3ca4c
2017-12-19 21:42:54
171
原创 2017.12.11.10
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* let str = "/(((\d)+)\D)+(\d+)\D+(\d+)/" 为何没加g
2017-12-19 20:35:19
139
翻译 2017.12.11.9
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* let str = "2017-12-11"; "2017.12.11"; "201
2017-12-19 16:40:25
179
原创 2017-12-11回调函数的参数
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 回调函数的参数(默认) $0 -> 每次匹配到的字符 $1 -> 这些个匹配字
2017-12-19 16:09:32
280
原创 20171211-search
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* search (""||//) ->查找 if(找到了){返回值是index}if(没找到){返回值是-1}
2017-12-14 20:13:37
168
原创 20171211-test
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* test:/规则/.test(字符串),返回值是个布尔值. */ console.dir(/a/); let ar
2017-12-14 20:12:46
126
原创 20171211-RegExp转义符
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /* 正则: 简写:/匹配的规则/ 标准:new RegExp new RegExp(//||"","
2017-12-14 20:11:20
1065
原创 20171211-number
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> let str = "1ty2yu34uhj342hj5671j34jiuhkk4hfhwr7483rfhuewbu23"; let arr = [];
2017-12-14 20:08:54
170
原创 parseInt
如果有一个小数需要转换成整数，你可能会想到parseInt():parseInt(1.655)//1作者：余玮杰 链接：https://zhuanlan.zhihu.com/p/27300877 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。但是，如果这样：parseInt(0.00000060)//6跟我们设想的结果不一样。。。如果在DevTools中输
2017-12-12 07:25:34
2730
原创 1.变量、事件、函数、style属性操作
[腾讯&妙味远程] 关于闭包的一段代码,不理解.javascript:广泛应用于客户端的脚本语言,在网页上使用,用来给HTML 网页增加动态功能.最初的设计是为了检验 HTML表单输入的正确性,运行在浏览器,node里. 基本组成:ECMAScript ,BOM ,DOM javascript 的特点 : 列表内容能够让页面和浏览器与用户 产生交互行为.可与服务器进行数据交互(n
2017-12-09 19:56:34
583
原创 Redux状态管理07 connect 可以用装饰器
使用react-redux使用装饰器来优化代码Npm run eject弹出个性化的配置(自定义的配置)npm install babel-plugin-transform-decorators-legacy插件package.json 里babel 加上plugins配置 5.
2017-12-09 08:27:19
678
原创 Redux状态管理6Redux调试工具
使用 react-redux老赵 虽然能力 很强,但是用起来比较麻烦 ,为了方便管理,使用魏和尚来 负责 链接cnpm i –save react-redux忘记 subscribe ,记住 reducer action dispatch React-redux 提供了 2个接口 ,Provider , connect 提供 链接的 功能 react-redux 的具体使用Provid
2017-11-29 11:30:55
591
原创 Redux 状态管理03-组件解耦
index.jsimport React from "react"import ReactDom from "react-dom"import { createStore } from "redux"import App from "./App"import { counter,addGun ,ReduceGun,FakerGun} from "./index.redux"const st
2017-11-27 16:55:05
297
原创 Redux 状态管理2
Redux 和React 如何一起使用*把store.dispatch 方法传递给组件 ,内部可以调用修改状态 *Subscribe 订阅 render 函数 ,每次修改都重新渲染 *Redux相关文件 , 移动到 单独文件 index.redux.jsindex.jsimport React from "react"import ReactDom from "react-dom"imp
2017-11-27 16:11:28
173
原创 Redux01 续集
subscribe()import { createStore } from "redux"/*新建stoore*通过reducer 建立*根据老的状态和action,生成新的state */function counter (state=0,action){ switch(action.type){ case "加机关枪": return s
2017-11-27 11:54:18
223
翻译 Redux状态管理1
*Redux 是什么 *Redux 的核心概念 *Redux 实战readux 专注于状态管理,和react 解耦单一状态,单向数据流核心的概念:store ,state ,action ,reducer 人少的时候,无论是兵器还是人员的变更 ,都是setState人多的时候,军事和生活分开所有状态 归redux管理,redux有一个 保险箱 (store),在那里都有记录,(st
2017-11-27 10:56:10
342
原创 Job react 基础事件生命周期
React 组件有若干钩子函数,在组件不同的状态执行 初始化周期 组件重新渲染 生命周期 组件卸载生命周期 import React from "react"class App extends React.Component{ render(){ const leader = "Kormma!!!" return (
2017-11-25 12:45:35
185
原创 Job react 基础知识回顾4-事件
事件Onclick 点击事件*JSX 里 ,onClick = {this.函数名}来绑定事件 *this引用的问题,需要在构造函数里,用bind 绑定this . *thsi.setState 修改state ,记得返回新的state ,而不是修改import React from "react"class App extends React.Component{ render(){
2017-11-25 11:25:56
185
原创 Job-react 基础知识回顾之组件内部state
组件内部通过state 管理状态JSX 本质就是js ,所以直接 数组.map 渲染列表Constructor设置初始状态,记得执行super ,(props)State就是一个不可变的对象,使用this.state 获取import React from "react"class App extends React.Component{ render(){ const l
2017-11-25 10:56:42
260
原创 job-React 组件之间的传递数据
组件之间用props 传递数据 *使用<组件 数据=”值” > 的形式传递 *组件里使用this.props获取值 *如果组件里只有render函数 ,还可以用函数的形式写组件import React from "react"class App extends React.Component{ render(){ const leader = "Kormm
2017-11-25 10:19:53
330
原创 job-react 基础知识回顾1
react 是什么 ? *帮助你构建UI 的库 ^Facebook 出品,专注view层 ^一切皆组件 ^全部使用ES 6语法React16是第一个核心代码 重写的版本 ,整体API 变化不大 npm install --save react@next react-dom@next React 基础语法React 的Hello world *import
2017-11-25 00:05:15
343
原创 job--express-mongodb
后续进阶 Express和mongodb结合 *mongodb独立工具函数 *express使用body-parser 支持post *使用cookie-parser存储登录信息cookieconst express = require("express")const mongoose = require("mongoose")/*连接mongo 127.0.0.1=
2017-11-24 22:34:44
218
原创 mongodb
*mongoose 的使用 connect 连接数据库 定义文档,模型 Schema 和model 新建模型 *增删改差 find , findOne 查找数据 update 更新数据 Remove 删除数据 create 增加数据
2017-11-23 18:08:30
193
原创 dos
返回上一级目录的命令是： cd .. （注意，是2个半角小点）。 DOS命令 CD\ 这样就回到根目录了。如果想返回上级目录CD..就可以了DIR —— 列目录。列出目录下的子目录和文件。 例：DIR 〈Enter〉 列出当前目录下的所有子目录和文件名 DIR /P〈Enter〉 列出当前目录下的所有子目录和文件名，每显示一屏暂停。 DIR C*.SYS〈Enter〉
2017-11-22 19:44:49
161
原创 Job-ES6 语法
*块级作用域,字符串,函数 *对象扩展,解构 *类,模块化 使用let 完全可以替换var ,使用var ,在{}之外是可以找到的,使用let在{}之外是找不到的.模版字符串name="imooc";course = "React 开发 App"console.log("hello" + name + ",course is" + course)console.log(`hello
2017-11-22 18:49:13
255
原创 DOM12表格
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="" id="box"> <thead> <tr>
2017-11-21 13:58:33
164
原创 dom11clone
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 100px;height: 100px;background-color: pink} #div2{width: 100px;he
2017-11-21 12:10:58
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人