- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue自定义轮播图swiper
swiper组件：html：<template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in swiper"><img :src="item....
2020-03-25 22:30:07
508
1
原创 对于vue生命周期 钩子函数的理解
1.beforeCreate：在这个时期，this变量还不能使用，在data下的数据，和methods下的方法，watcher中的事件都不能获得到；可以操作vue实例中的数据和各种方法，但是还不能对"dom"节点进行操作；<!doctype html> Document {{ name }} ...
2020-03-24 23:08:34
169
原创 vue虚拟dom的理解
Vue将模板编译成虚拟DOM渲染函数。结合Vue自带的响应系统，在状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应到DOM操作上。渲染函数：渲染函数是用来生成Virtual DOM的。Vue推荐使用模板来构建我们的应用界面，在底层实现中Vue会将模板编译成渲染函数，当然我们也可以不写模板，直接写渲染函数，以获得更好的控制。VNode 虚拟节点：它可以代表一个真实的 dom 节点。通...
2020-03-23 23:19:59
199
原创 vue方法总结
优点：MVVM的开发模式，从dom中解脱出来，双向数据绑定；数据更新采用异步事件机制；采用单向数据流；组件式开发；采用虚拟dom支持模板和jsx两种开发模式；可以进行服务端渲染；扩展性强，既可以向上又可以向下扩展缺点：不兼容IE8以下版本生态圈不繁荣，开源社区不活跃；条件渲染：1、 v-if2、 template v-if如果在一个判断中要对多个元素进行渲染，则需要配...
2020-03-22 20:15:06
154
原创 fetch函数在vue中的应用
Fetch提供了一个获取资源的接口（包括跨域请求）。Fetch 在于对 HTTP 接口的抽象，包括 Request，Response，Headers，Body，以及用于初始化异步请求的 global fetch。其中，global fetch方法的语法定义：fetch(input[, init]);input：定义要获取的资源。可以是一个资源的 URL 字符串，也可以是一个 Request ...
2020-03-21 23:16:57
395
原创 vue .js组件注册
全局注册也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。在所有子组件中也是如此，也就是说这三个组件在各自内部也都可以相互使用。Vue.component(‘component-a’, { /* … / })Vue.component(‘component-b’, { / … / })Vue.component(‘component-c’, { / …...
2020-03-21 12:08:35
108
原创 vue.js
事件处理可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 Add 1 The button above has been clicked {{ counter }} times.var example1 = new Vue({el: ‘#example-1’,data: {counter: 0}})为了更好地处理事件Vue.js ...
2020-03-19 23:53:07
69
原创 vue 双向数据定位
vue实现双向数据绑定是通过Object.defineProperty()方法来实现劫持的Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。Object.defineProperty()方法有三个参数：参数 功能/作用obj 要修改或定义key值的对...
2020-03-18 23:10:53
228
原创 node.js事件循环
Node.js 事件循环类似于观察者模式，我们可以通过引入 events 模块，并通过实例化 EventEmitter 类来绑定和监听事件例如:// 引入 events 模块var events = require(‘events’);// 创建 eventEmitter 对象var eventEmitter = new events.EventEmitter();// 创建事件处理程...
2020-03-16 21:50:39
69
原创 node.js模块操作
//引入数据库var mysql=require(‘mysql’)var connection = mysql.createConnection({host: ‘localhost’,user: ‘yf’,password: ‘123456’,database: ‘yf’})查找：function select() {connection.connect(function (e...
2020-03-13 21:50:41
80
原创 node.js
const express = require(“express”)const jade = require(“jade”)const app = express()app.listen(3000) app.get("/",(req,res)=>{let html = jade.renderFile("./views/jade/index.jade",{pretty:true,da...
2020-03-12 22:01:44
74
原创 node.js
let express = require(“express”)let bodyParser = require(“body-parser”)let app = express()app.listen(3000)app.use(bodyParser())let express = require(“express”)let bodyParser = require(“body-pars...
2020-03-11 21:54:25
80
原创 基于express开发web应用框架
//1.引入express框架 (url/querystring/path/fs/http等)const express = require(“express”)//2.创建web服务器const app = express()//3.监听端口app.listen(3000,“localhost”,()=>{console.log(“端口3000正在监听着哦…”)})//4....
2020-03-10 20:58:10
292
原创 node.js模块导出
var kuohao = {“v1” : “i am v1”,“f2” : function () {this.f1()},“f1” : function () {console.log("show in f1: " + this.v1)}}exports = module.exports = kuohao;var kuohao = function () {this.v1 ...
2020-03-09 22:42:17
82
原创 通过拖拽交换位置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;}...
2020-03-06 21:37:26
427
原创 购物车
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./gouwu.css"/>...
2020-03-05 22:37:58
134
原创 正则验证
通过js验证登录，代码如下：let issj = false;sj.oninput = function() {let r = /^\d{6}$/if (r.test(sj.value)) {console.log(‘邮编’)show.innerHTML = ‘格式正确’issj = true;} else {console.log(‘不是邮编’)show.innerHTML ...
2020-03-04 23:24:01
105
原创 楼梯效果
使用jquery实现楼梯效果，代码如下：$(function() {let flag = true;$(window).scroll(function() {if (flag) {let st = $(this).scrollTop();if (st > 500) {$("#floorNav").fadeIn();} else {$("#floorNav").fadeOut...
2020-03-03 22:30:40
143
原创 选项卡
通过jquery来实现选项卡的转换，代码如下：html： 品牌旗舰店 友情链接 中国平安网 网上药店 健客 药品网购 有问必答知识库 预约挂号 心理咨询 妇科疾病 百济新特药房 药品...
2020-03-02 23:49:15
85
原创 对于闭包的理解
什么是闭包：闭包就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成 “定义在一个函数内部的函”。在js中 闭包的优点与缺点：优点：1.保护函数内的变量安全 2.在内存中维持一个变量(用的太多就变成了缺点，占内存) ； 3. 逻辑连续，当闭包作为另一个函数调用的参数时，避免你脱离当前逻辑而单独编写额外逻辑。...
2020-02-23 22:19:36
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人