03 2019 档案

react的基本配置安装及使用babel
摘要：安装react 步骤 //cnpm i react react-dom -S 安装react //导入 //1.这两个导入的时候，接收的成员名称，必须这么写 import Reaact from 'react' //创建组件、虚拟 DOM 元素，生命周期 import ReactDOM from ' 阅读全文
posted @ 2019-03-19 16:52 lujieting0 阅读(3821) 评论(0) 推荐(0)
jq 创建与添加节点
摘要：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 400px; height: 400px; } </style> </head> < 阅读全文
posted @ 2019-03-17 23:59 lujieting0 阅读(4535) 评论(0) 推荐(0)
正则表达式的方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script> //正则表达式中:g 表示的是全局模式匹配 //正则表达式中:i 表示的是忽略大小写 var str="中国移动: 阅读全文
posted @ 2019-03-16 21:47 lujieting0 阅读(167) 评论(0) 推荐(0)
兼容代码common
摘要：function ver(id) { return document.getElementById(id); } //兼容性 //设置任意的标签中间的任意文本内容 function setInnerText(element,text) { if(typeof element.textContent= 阅读全文
posted @ 2019-03-11 12:10 lujieting0 阅读(213) 评论(0) 推荐(0)
获取节点及元素的代码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script> /* * * 节点: * 节点:页面中所有的内容都是节点(标签,属性,文本:文字,空格,换行) * 文档：docu 阅读全文
posted @ 2019-03-11 12:06 lujieting0 阅读(356) 评论(0) 推荐(0)
jquery中Ajax使用Promise指定成功回调函数
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-04 22:30 lujieting0 阅读(776) 评论(0) 推荐(0)
vuex 的基本使用
摘要：// 入口文件 import Vue from 'vue' // 配置vuex的步骤 // 1. 运行 cnpm i vuex -S // 2. 导入包 import Vuex from 'vuex' // 3. 注册vuex到vue中 Vue.use(Vuex) // 4. new Vuex.St 阅读全文
posted @ 2019-03-04 22:30 lujieting0 阅读(169) 评论(0) 推荐(0)
Promise 概念及操作
摘要：// 1. Promise 是一个 构造函数，既然是构造函数， 那么，我们就可以 new Promise() 得到一个 Promise 的实例； // 2. 在 Promise 上，有两个函数，分别叫做 resolve（成功之后的回调函数） 和 reject（失败之后的回调函数） // 3. 在 P 阅读全文
posted @ 2019-03-04 22:29 lujieting0 阅读(248) 评论(0) 推荐(0)
使用Promise 解决回调地狱
摘要：const fs = require('fs') function getFileByPath(fpath) { return new Promise(function (resolve, reject) { fs.readFile(fpath, 'utf-8', (err, dataStr) => 阅读全文
posted @ 2019-03-04 22:29 lujieting0 阅读(300) 评论(0) 推荐(0)
Promise封装读取文件的方法
摘要：// 需求：你要封装一个方法，我给你一个要读取文件的路径，你这个方法能帮我读取文件，并把内容返回给我 const fs = require('fs') const path = require('path') // 这是普通读取文件的方式 /* fs.readFile(path.join(__dir 阅读全文
posted @ 2019-03-04 22:28 lujieting0 阅读(845) 评论(0) 推荐(0)
Promise封装读取文件的方法2-高级
摘要：// 需求：你要封装一个方法，我给你一个要读取文件的路径，你这个方法能帮我读取文件，并把内容返回给我 const fs = require('fs') const path = require('path') function getFileByPath(fpath, succCb, errCb) 阅读全文
posted @ 2019-03-04 22:28 lujieting0 阅读(310) 评论(0) 推荐(0)
名称案例-方式3
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-04 22:27 lujieting0 阅读(142) 评论(0) 推荐(0)
名称案例-方式2
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:49 lujieting0 阅读(124) 评论(0) 推荐(0)
watch-监视路由地址的改变
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:49 lujieting0 阅读(748) 评论(0) 推荐(0)
名称案例-方式1
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:48 lujieting0 阅读(111) 评论(0) 推荐(0)
路由-命名视图实现经典布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:47 lujieting0 阅读(193) 评论(0) 推荐(0)
路由规则的传参方式1
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:46 lujieting0 阅读(230) 评论(0) 推荐(0)
路由规则的传参方式2
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:46 lujieting0 阅读(164) 评论(0) 推荐(0)
路由规则的嵌套传参方式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:46 lujieting0 阅读(196) 评论(0) 推荐(0)
路由器的基本使用
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:45 lujieting0 阅读(196) 评论(0) 推荐(0)
组件案例：评论列表
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:44 lujieting0 阅读(236) 评论(0) 推荐(0)
ref 获取DOM元素和组件
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:44 lujieting0 阅读(2001) 评论(0) 推荐(0)
组件传值-父组件向子组件传值和 data 与 props 的区别
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:43 lujieting0 阅读(548) 评论(0) 推荐(0)
组件传值-子组件通过事件调用向父组件传值
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:43 lujieting0 阅读(673) 评论(0) 推荐(0)
组件切换
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-03-01 22:42 lujieting0 阅读(235) 评论(0) 推荐(0)