02 2019 档案

组件data中必须是function的原因
摘要：<!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-02-28 00:33 lujieting0 阅读(350) 评论(0) 推荐(0)
组件中的 data 和methods
摘要：<!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-02-28 00:32 lujieting0 阅读(172) 评论(0) 推荐(0)
使用 components 定义私有组件
摘要：<!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-02-28 00:31 lujieting0 阅读(619) 评论(0) 推荐(0)
使用 transition-group 元素实现列表动画
摘要：<!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-02-28 00:30 lujieting0 阅读(2915) 评论(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-02-28 00:30 lujieting0 阅读(1289) 评论(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-02-28 00:29 lujieting0 阅读(371) 评论(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-02-28 00:07 lujieting0 阅读(133) 评论(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-02-28 00:04 lujieting0 阅读(210) 评论(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-02-28 00:03 lujieting0 阅读(133) 评论(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-02-28 00:02 lujieting0 阅读(488) 评论(0) 推荐(0)
vue-resource改造品牌列表案例
摘要：<!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-02-28 00:02 lujieting0 阅读(313) 评论(0) 推荐(0)
客户端JSONP页面
摘要：<!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-02-28 00:01 lujieting0 阅读(171) 评论(0) 推荐(0)
vue-resource基本使用
摘要：<!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-02-28 00:00 lujieting0 阅读(340) 评论(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-02-27 23:59 lujieting0 阅读(294) 评论(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-02-27 23:58 lujieting0 阅读(258) 评论(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-02-26 00:08 lujieting0 阅读(91) 评论(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-02-26 00:07 lujieting0 阅读(176) 评论(0) 推荐(0)
v-if 和 v-show 的使用
摘要：<!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-02-26 00:06 lujieting0 阅读(230) 评论(0) 推荐(0)
v-for循环中key的使用
摘要：<!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-02-26 00:05 lujieting0 阅读(2379) 评论(0) 推荐(0)
v-for
摘要：<!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-02-26 00:04 lujieting0 阅读(103) 评论(0) 推荐(0)
通过属性绑定为元素绑定style行内样式
摘要：<!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-02-26 00:00 lujieting0 阅读(685) 评论(0) 推荐(0)
vue中样式
摘要：<!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-02-25 23:59 lujieting0 阅读(201) 评论(0) 推荐(0)
v-model 数据双向绑定
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文
posted @ 2019-02-25 23:58 lujieting0 阅读(423) 评论(0) 推荐(0)
使用 v-model实现计算器案例
摘要：<!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-02-25 23:58 lujieting0 阅读(820) 评论(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-02-25 23:57 lujieting0 阅读(193) 评论(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-02-25 23:56 lujieting0 阅读(230) 评论(0) 推荐(0)
v-on指令
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w 阅读全文
posted @ 2019-02-25 23:55 lujieting0 阅读(232) 评论(0) 推荐(0)
v-bind指令
摘要：<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文
posted @ 2019-02-25 23:54 lujieting0 阅读(149) 评论(0) 推荐(0)
v-cloak，v-text，v-html的基本使用
摘要：<!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-02-25 23:53 lujieting0 阅读(242) 评论(0) 推荐(0)
vue的基本代码
摘要：<!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-02-25 23:52 lujieting0 阅读(1207) 评论(0) 推荐(0)
中间件
摘要：var express = require('express') var fs = require('fs') var app = express() // app.get('/abc', function (req, res, next) { // console.log('abc') // // 阅读全文
posted @ 2019-02-25 23:48 lujieting0 阅读(129) 评论(0) 推荐(0)
express-middleware
摘要：var express = require('express') var app = express() // 中间件：处理请求的，本质就是个函数 // 在 Express 中，对中间件有几种分类 // 当请求进来，会从第一个中间件开始进行匹配 // 如果匹配，则进来 // 如果请求进入中间件之后， 阅读全文
posted @ 2019-02-25 23:47 lujieting0 阅读(126) 评论(0) 推荐(0)
中间件概念
摘要：var http = require('http') var url = require('url') var cookie = require('./middlewares/cookie') var postBody = require('./middlewares/post-body') var 阅读全文
posted @ 2019-02-25 23:46 lujieting0 阅读(220) 评论(0) 推荐(0)
文件路径
摘要：var fs = require('fs') var path = require('path') // 一般在开发命令行工具的时候，这个设计是必须有用的一个特性 // npm // webpack // __dirname 和 __filename 这俩哥们儿就是专门用来动态的获取当前文件以及文件 阅读全文
posted @ 2019-02-25 23:45 lujieting0 阅读(142) 评论(0) 推荐(0)
promise 使用场景
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="00-js中的一等公民函数.js" id="user_form"> 阅读全文
posted @ 2019-02-25 23:43 lujieting0 阅读(542) 评论(0) 推荐(0)
mongoose所有的API都支持promise
摘要：var mongoose = require('mongoose') var Schema = mongoose.Schema // 1. 连接数据库 // 指定连接的数据库不需要存在，当你插入第一条数据之后就会自动被创建出来 mongoose.connect('mongodb://localhos 阅读全文
posted @ 2019-02-25 23:43 lujieting0 阅读(958) 评论(0) 推荐(0)
callback-hell 回调地狱
摘要：var fs = require('fs') fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { // return console.log('读取失败') // 抛出异常 // 1. 阻止程序的执行 // 2. 阅读全文
posted @ 2019-02-25 23:42 lujieting0 阅读(185) 评论(0) 推荐(0)
promise-api
摘要：var fs = require('fs') var p1 = new Promise(function (resolve, reject) { fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { reject( 阅读全文
posted @ 2019-02-25 23:42 lujieting0 阅读(251) 评论(0) 推荐(0)
封装promise-API
摘要：var fs = require('fs') function pReadFile(filePath) { return new Promise(function (resolve, reject) { fs.readFile(filePath, 'utf8', function (err, dat 阅读全文
posted @ 2019-02-25 23:42 lujieting0 阅读(173) 评论(0) 推荐(0)
Express处理404
摘要：// Express 对于没有设定的请求路径，默认会返回 Cat not get xxx // 如果你想要定制这个 404 // 需要通过中间件来配置 // 咱们讲中间件的时候说一下如何处理 // 只需要在自己的路由之后增加一个 app.use(function (req, res) { // 所有 阅读全文
posted @ 2019-02-25 23:41 lujieting0 阅读(2133) 评论(0) 推荐(0)
find 和 findindes
摘要：// EcmaScript 6 对数组新增了很多方法 // find // findIndex // find 接收一个方法作为参数，方法内部返回一个条件 // find 会遍历所有的元素，执行你给定的带有条件返回值的函数 // 符合该条件的元素会作为 find 方法的返回值 // 如果遍历结束还没 阅读全文
posted @ 2019-02-25 23:40 lujieting0 阅读(218) 评论(0) 推荐(0)
基于原生 XMLHTTPPRequest 封装 get 方法
摘要：<!-- 异步函数 setTimeout readFile writeFile readdir ajax --> <script> function get(url,callback) { var oReq = new XMLHttpRequest() //当请求加载成功之后要调用指定的函数 oRe 阅读全文
posted @ 2019-02-25 23:39 lujieting0 阅读(164) 评论(0) 推荐(0)
回调函数
摘要：<script> function add(x,y,callback) { // callback 就是回调函数 // var x = 10 // var y = 20 // var callback = function(a){ } console.log(1) setTimeout(functi 阅读全文
posted @ 2019-02-25 23:38 lujieting0 阅读(93) 评论(0) 推荐(0)
文件路径和模块路径
摘要：<!--文件操作路径--> <!-- 在文件操作路径的相对路径中 ./data/a.txt 相对于当前目录 data/a.txt 相对于当前目录 /data/a.txt 绝对路径，当前文件模块所处磁盘根目录 c:/xx/xxx... 绝对路径 fs.readFile(`./data/a.txt`,f 阅读全文
posted @ 2019-02-25 23:37 lujieting0 阅读(335) 评论(0) 推荐(0)
require标识符分析
摘要：require('./a') // 优先从缓存加载 // 由于 在 a 中已经加载过 b 了 // 所以这里不会重复加载 // 可以拿到其中的接口对象，但是不会重复执行里面的代码 // 这样做的目的是为了避免重复加载，提高模块加载效率 var fn = require('./b') console. 阅读全文
posted @ 2019-02-25 23:36 lujieting0 阅读(204) 评论(0) 推荐(0)
for each
摘要：<script> // IE 8 不支持 ;['abc', 'd', 'efg'].forEach(function (item, index) { console.log(item) }) // 遍历 jQuery 元素 $.each(['abc', 'd', 'efg'], function ( 阅读全文
posted @ 2019-02-25 23:33 lujieting0 阅读(227) 评论(0) 推荐(0)