随笔档案「2019年7月」 - Web引领者

摘要：利用了 requestAnimationFrame() 与 cancelAnimationFrame() 的函数，及函数递归的写法阅读全文

posted @ 2019-07-31 20:35 Web引领者阅读(331) 评论(0) 推荐(0)

摘要：observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true,//修改swiper的父元素时，自动初始化swiper 阅读全文

posted @ 2019-07-31 20:17 Web引领者阅读(580) 评论(0) 推荐(0)

摘要：vue-cli 脚手架，就是说，在 nodejs 中利用 webpack ，帮我们对 vue 进行了配置，使我们可以很方便的在 nodejs 中对 vue 来进行操作 vue 项目的渲染组件分两种方式渲染 runtime-complier 与 runtime-only runtime-complie 阅读全文

posted @ 2019-07-29 17:45 Web引领者阅读(221) 评论(0) 推荐(0)

vue路由

摘要：1. vue 路由：vue-router 路由在 web 中有两种第一种：hash 带 hash 值前面带 # 第二种：history对象这种路由不带 # 2. 引入 vue-router.js // 因为 vue-router.js 是基于 vue 实现的，所以，我们还需要在引入 vue-ro 阅读全文

posted @ 2019-07-29 17:38 Web引领者阅读(163) 评论(0) 推荐(0)

vue动画

摘要：vue 提供了一些显示、隐藏一些不同的过渡，效果主要跟 v-if v-show 动态组件 1. vue 给动画分了 6 个过程，在 css 中扮演 6 个类 .v-enter 定义动画的开始状态 .v-enter-active 定义动画生效时的状态 .v-enter-to 定义动画结束是的状态 .v 阅读全文

posted @ 2019-07-27 09:17 Web引领者阅读(248) 评论(0) 推荐(0)

vue插槽

摘要：浏览器遇到不认识的东西会跳过插槽：slot v-slot 页面渲染时候，slot 元素会被替换成组件标签里面的东西 slot 可以包含的内容和标签，也可以嵌套其他组件 1. 插槽 slot 2. 编译作用域：在谁的模板下，组件标签的数据就是谁的 3. 默认内容：在 <slot> 这里面的内容就是默阅读全文

posted @ 2019-07-26 17:54 Web引领者阅读(164) 评论(0) 推荐(0)

vue自定义事件

摘要：自定义事件：用来子组件将数据信息传递给父组件注意：我们自定义的是事件名，而不是事件函数举例： <div onclick="fn"> 点我 </div> 事件名：onclick 事件函数：fn 我们在 Vue 中使用 this.$emit('eventname'); 定义了一个叫 eventnam 阅读全文

posted @ 2019-07-26 16:41 Web引领者阅读(645) 评论(0) 推荐(0)

vue初级总结

摘要：mvvm m：代表 data v 代表 view vm 代表 Vue 的实例 v-cloak 指令解决闪烁的问题需要在 style 标签中加入 [v-cloak];{ display:none } v-bind 指令绑定属性简写　: v-on 指令绑定事件简写　@ 指定的函数带() 表示阅读全文

posted @ 2019-07-25 20:12 Web引领者阅读(122) 评论(0) 推荐(0)

defineProperty和defineProperties介绍

摘要：v-model 实现的原理 angular 是 mvc 的实现原理，ng-model 是靠脏值检测实现的脏值检测：for 循环一个个对比 vue 靠的是数据劫持和发布者，订阅者模式数据劫持：Object.defineProperty() 这个方法 delete 关键字，主要用于删除生成对象阅读全文

posted @ 2019-07-25 19:25 Web引领者阅读(2189) 评论(0) 推荐(0)

vue的生命周期

摘要：diff 算法两种解释： diff 算法，通过虚拟 dom 进行对比，谁变了更新谁，传统方法中，我们改一个部分，dom 就要重新渲染 diff 算法，原先 dom 树中，有一处数据发生改变，整个 dom 树都会重新渲染，diff 算法，在虚拟 dom 中，原有的进行对比，谁变了，就渲染谁，没变的 d 阅读全文

posted @ 2019-07-25 16:37 Web引领者阅读(331) 评论(0) 推荐(0)

将组件拼装使用

摘要：两个插件：vue-loader vue-template-compiler 这次我们直接在图片来说明看上面下载的插件，来使用 vue-loader 功能将 vue 文件中的三个模块，解析和转换 vue 主件，提供了其中的 script，样式 style，以及 template，在分别交给别的模块处阅读全文

posted @ 2019-07-23 21:28 Web引领者阅读(414) 评论(0) 推荐(0)

vue 组件用法

摘要：组件：component 什么是组件？组件是 vue 中的一个可复用的实例，所以 new vue 的是 vue 中最大的那个组件，跟组件，有名字，使用的时候以单标签或双标签使用 var vm = new Vue() // 这本身就是组件，最大组件具有很多实用的属性，例如：data（数据），me 阅读全文

posted @ 2019-07-23 18:57 Web引领者阅读(664) 评论(0) 推荐(0)

vue 指令

摘要：1. 计算属性 computed 2. 监听属性 watch 注意事项： watch 中的方法名是对应的属性，当这个属性发生变化时，就会触发相对应的函数 3. :class 和 :style 讲解 1. :class = "a" 说明 vue 中有个叫 a 的属性，这个标签的 class 就是 a 阅读全文

posted @ 2019-07-23 17:48 Web引领者阅读(223) 评论(0) 推荐(0)

vue

摘要：vue 的闪烁问题 v-cloak 指令便可解决须在 <style> [v-cloak]{ display:none } </style> 计算机内存可以理解为浏览器内存，且里面是有一个虚拟的dom，是存在文档碎片里面的 1. vue 是一个 mvvm 框架，angular 是一个 mvc 框架阅读全文

posted @ 2019-07-22 21:35 Web引领者阅读(260) 评论(0) 推荐(0)

nodejs 中的 cookie 及 session

摘要：cookie-parser 插件：cookie解析，加密的操作 cookie-session 插件：session 的解析操作 http 是无状态的 cookie：在浏览器保存一些数据，每次向服务器发送请求的时候，都会带过来使用 cookie 的缺点：不安全，大小限制 4kb session：保存阅读全文

posted @ 2019-07-21 19:20 Web引领者阅读(371) 评论(0) 推荐(0)

location

摘要：location (地址)：是浏览器 window 上的一个对象，不仅能处理当前页面的网络地址，还可以实现页面间的跳转页面的跳转：为什么使用它？使我们也可以通过脚本语言，也能实现 a 链接，同样的效果，location对象为我们提供了三种方法 location.href="网址"; // 阅读全文

posted @ 2019-07-20 11:52 Web引领者阅读(800) 评论(0) 推荐(0)

初识vue

摘要：Vue 的核心库：视图层，且他是渐进式官网上下载 vue.js 然后在页面中引入 vue.js 我们如何看我们的 vue.js 有没有引入 console.log(Vue) 注意：V 大写对比：angular 框架与 vue 框架指令：angular 以 ng 作为指令，vue 以 v 阅读全文

posted @ 2019-07-19 18:02 Web引领者阅读(139) 评论(0) 推荐(0)

express 模板及文件上传

摘要：express 的三大功能： 1. 提供了静态服务（所谓的根目录） let express = require("express"); let app = express(); app.listen("端口","域名") app.use(express.static("www")); // 这样一行阅读全文

posted @ 2019-07-19 14:08 Web引领者阅读(455) 评论(0) 推荐(0)

node 常用模块

摘要：像在服务器上的操作，我们只要 require 引入的模块，只要不是 nodejs 中的模块，我们的下载环境都是开发环境配置自动化：引用插件 nodemon 下载：npm i nodemon -g // 最好全局安装作用：之前，当我们改服务器的内容的时候，我们需要关闭服务器重新打开后，才能看到我们阅读全文

posted @ 2019-07-18 15:40 Web引领者阅读(1667) 评论(0) 推荐(0)

nodejs 配置服务器

摘要：node 是 js 的运行的后台环境，他自身集成了很多模块，集成的模块直接 require 就行了； npm 第三方平台，他也是为 node 服务的，对于 npm 中的模块，先 npm install 然后在使用 node 就是给 js 提供了一个运行环境，其他任何事情都干不了 1. 创建一个服务器阅读全文

posted @ 2019-07-17 18:18 Web引领者阅读(2024) 评论(1) 推荐(0)

typescript 第二部分

摘要：ts 中不允许变量同名函数定义的两种方式第一种：命名函数 = 声明式定义 function fn(){} 第二种：匿名函数 var fn = function(){} function fn(x:string,y:string):string{ // x:string 这里指变量x 的数据类型阅读全文

posted @ 2019-07-16 17:47 Web引领者阅读(191) 评论(0) 推荐(0)

typescript

摘要：typescript 是 JavaScript 语言的超集，（就是 JavaScript 的语言的拓展，添加了一些功能） typescript 简称：ts　（语法跟 Java 特别像）全局安装： npm i -g typescript ts 语言的特性：ts 写 js 没问题，写 ts 也没页面，阅读全文

posted @ 2019-07-15 20:05 Web引领者阅读(343) 评论(0) 推荐(0)

webpack 第二部分

摘要：默认根目录当前项目修改目录 devServer devServer:{ open:true, //自动打开浏览器 port:3000, // 端口 contentBase:"dist", // 配置服务的根目录 hotOnly:true // 重新加载但是不刷新页面（但是我没成功。。。） } l 阅读全文

posted @ 2019-07-15 19:41 Web引领者阅读(151) 评论(0) 推荐(0)

express node 框架介绍

摘要：开篇先声明一个重点：就是论文件模块的重要性，之前我一直以为 fs 模块不重要，后来遇到了问题，才发现我之前的自以为是是多么愚蠢的一件事，我现在知道了 fs 模块的重要性 fs 模块：用于对文件的操作，重要的是读，写其中最关键的是：读；请大家想象一个情景，我们利用 nodejs 开启了一个服务阅读全文

posted @ 2019-07-14 20:11 Web引领者阅读(666) 评论(0) 推荐(0)

webpack 最新版

摘要：之前说过老的版本，webpack@3.8.1 这个版本，现在我们来看看，新版本和老版本的区别 webpack 4 以上的版本 npm 全称 node package manager　（node 包管理工具） webpack 是 node 的，所以他遵循 node 语法 webpack 安装 1. 本阅读全文

posted @ 2019-07-12 16:10 Web引领者阅读(2935) 评论(0) 推荐(1)

es6 字符串对象拓展及 less 的语法

摘要：es6 字符串对页面渲染的几种方式：字符串拼接文档碎片 dom操作模板 es6 又提供了一种新的对页面渲染的方式：字符串模板（高级版的字符串拼接）模板字符串标识符是反引号（ `` ）英文状态下 tab 上面的键，字符串直接写，遇到变量写在 ${} 内； var name="hello 阅读全文

posted @ 2019-07-11 17:47 Web引领者阅读(412) 评论(0) 推荐(0)

es6 的数组的方法

摘要：es6 数组的拓展数组的类 Array 数组的定义： 1. var arr=[]; 2. var arr=new Array(3) // 3 代表有三个元素 arr[0]=12; arr[1]=24; arr[2]=36; 3. var arr=new Array("zhang","lisi"," 阅读全文

posted @ 2019-07-10 11:34 Web引领者阅读(3106) 评论(0) 推荐(2)

class 用法函数变量的作用域

摘要：函数变量的作用域 1. 函数体内声明的变量 2. 参数中的变量没有赋值的 function fn(a){} 赋值的，值不是变量 function fn(a=45){} 赋的值为变量 function fn(a=m){} 参数执行的时候，先给形参赋值，形参也是私有变量，如果给形参赋的值也是变量，先看阅读全文

posted @ 2019-07-09 14:48 Web引领者阅读(1240) 评论(0) 推荐(0)

变量的解构赋值

摘要：变量的解构赋值（模式匹配） ... 拓展运算符可以将数据类型变为数组解构赋值：数组的解构赋值对象的解构赋值 1. 前后模式必须匹配后面的值是什么格式，前面变量声明的也是什么格式，比如后面的值是二维数组，前面声明的也是二维模式案例： let [a,[b,c]]=[1,[2,3]];　//　a 阅读全文

posted @ 2019-07-08 10:33 Web引领者阅读(168) 评论(0) 推荐(0)

es6 语法的

摘要：es5 中提供了两个声明变量的方式 var function es6 中提供了四种声明变量的方式 let const class import 现在，定义变量的关键字有 6 个了备注：不能忽略函数的形参函数的私有变量； var 定义变量 var 的功能：变量提升，但是未定义，给 window 阅读全文

posted @ 2019-07-05 15:17 Web引领者阅读(193) 评论(0) 推荐(0)

前端模块化

摘要：js 模块化提供的三种规范 1. commonjs 规范，代表 nodejs 适合后台开发，因为是同步的，服务器运行快，等待时间不长，comminjs 不适合用于前端，前端的客户端是浏览器，浏览器追求异步加载，浏览器不能等待太长时间 2. 前端模块规范：amd 代表是 requirejs 是异步的阅读全文

posted @ 2019-07-04 11:47 Web引领者阅读(182) 评论(0) 推荐(0)

nodejs 中接受前端的数据请求的处理

摘要：前台 > 后台后台要接受前台的数据，只能通过 http 但是前台接受后台的数据有 from ajax jsonp nodejs 给我们提供了模块 url 模块，可以专门解析 url 地址让我们在走一遍流程案例： const http=require("http"); // 引入 http 阅读全文

posted @ 2019-07-03 16:24 Web引领者阅读(4140) 评论(0) 推荐(0)

nodejs 文件操作

摘要：前言： nodejs 自带的文件操作的模块 fs 就是对文件的增删查改；就像我们用的服务器，我们没有办法在运行的文件上进行一直的修改，因为他不向浏览器，刷新后我们的文件会自己修改；如果想要更改我们的服务器文件，我们需要关闭服务器后，重新启动；这样便能达到这样修改文件的效果；所以我们迫切的需要一阅读全文

posted @ 2019-07-03 11:21 Web引领者阅读(521) 评论(0) 推荐(0)

nodejs 简单的搭建一个服务器

摘要：前言： nodejs 主要是后台语言 node 是在终端运行的，所以他可以进行 dos 命令模块自定义 JavaScript 是前台语言 nodejs 是也是使用我们的 JavaScript 语言，甚至他的引擎都是 chrome 的 v8 引擎，开源，所以学习 nodejs 对于我们前端来说，阅读全文

posted @ 2019-07-02 18:00 Web引领者阅读(2786) 评论(0) 推荐(0)