自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 Vue-router

介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的...

2020-03-29 23:55:19 122

原创 Vue组件的生命周期

生命周期每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁一个组件或者实例的生命周期都是通过new开始的实例化之后,内部会做一些初始化事件与生命周期相关的配置初始化阶段初始化阶段会执行四个钩子函数beforeCreate在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。creat...

2020-03-24 21:44:09 116

原创 虚拟DOM和diff算法

虚拟DOMVue提供的对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。提供一种方便的工具,使得开发效率得到保证保证最小化的DOM操作,使得执行效率得到保证虚拟dom的框架/工具的实现:根据虚拟dom树最初渲染成真实dom数据变化/页面需要重新渲染,重新生成一个新的完整的虚拟dom新的虚拟dom和旧的虚拟dom做对比(diff算法)。得到需要更新的地方之后,更...

2020-03-23 21:30:34 169

原创 Vue实现双向数据绑定的原理

Vue实现双向数据绑定的原理Vue实现双向数据绑定的原理就是利用了 Object.defineProperty(),这个方法通过重新定义对象,获取属性值(get)和设置属性值(set)的操作来实现。Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。Object.defineProperty()方法有三个参数:...

2020-03-18 21:55:37 171

原创 Express生成器

安装npm install express-generator -g验证:express -h生成环境:express -e 目录 | .// . 当前目录创建//-e 需要ejs模板引擎//express -f 强制在非空目录下创建cd 目录npm install //安装依赖包npm startnode ./bin/wwwJS代码实现var createEr...

2020-03-17 22:01:52 138

原创 node第一周总结

初识node

2020-03-16 17:07:44 119

原创 ndoe.js第五天

mongobd非关系型数据库(nosql)库的操作查询所有库:show dbs查看当前数据库 : db创建库:use 库名 (没有此库就是新建库 有就切换)删除库:db.dropDatabase() 删除当前库集合的操作创建集合: db.createCollection(“集合名”,{配置})配置:{size:文件大小,capped:true,max:条数|文档数 }capp...

2020-03-15 20:11:38 137 1

原创 node.js第三天

path系统模块用来操作系统盘路径 windows编码:c:\\user\\admin\\a.jpg mac编码:~/desktop/1906磁盘路径解析parsepath.parse('c:\\wamp\\xx.png'){ root: 'c:\\', 盘符 dir: 'c:\\wamp', 目录 base: 'xx.png', 文件名 ext: '.png'...

2020-03-12 21:48:55 188

原创 node.js第三天

express的接口响应支持了各种请求 POST、GET等…server.请求姿势API(接口名称,处理函数)server.get(url,(req,res,next)=>{})server.post(url,(req,res,next)=>{})reqrequest 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属性req.query ...

2020-03-11 21:44:01 109

原创 node.js第二天

npm-包管理器帮助我们安装模块(包),对用户所需的一系列包进行管理安装到全局环境 npm i 包名 -g卸载 npm uninstall 包名 -g-g代表的是安装到全局环境 global初始化项目环境 npm init初始化npm管理文件:pack.jsonyarn-包管理器yarn是为了弥补npm的一些缺陷而出现的一个包管理器使用方法与npm类似初始化项目yarn ini...

2020-03-10 21:39:28 101

原创 初识node.js

简介用来写后台管理程序的,JS的运行环境。可以用来提供数据服务、文件服务、seb服务优势性能高、方便、入门难度低、很多公司用劣势服务器提供的较少、学习资料较少、对程序员要求提高运行可以直接在VSCode的终端运行 node 文件名模块http模块创建一个web服务,返回http对象引入 let http = require('http')利用 listen 监听服务器f...

2020-03-09 20:53:43 120

原创 知识点总结第一部分

前后端认知前端用户的可见界面数据展示在页面上给用户看到后端把前端的数据储存到数据库,把数据库的数据的数据传递给前端数据库一个储存数据的仓库,后端可以进行增删改查等一些操作服务器服务器的作用把电脑上的某一块磁盘空间对外开放,别的小伙伴可以通过网络访问该空间里面的内容服务器环境搭建使用一个软件就可以实现,即phpstudy,当软件启动时,就会将你电脑的某一块空间开放PHP代码...

2020-03-08 15:47:28 226

原创 JS实现放大镜效果

html布局css效果<style type="text/css"> * { margin: 0; padding: 0; } #fdj { width: 418px; height: 418px; position: relative; } .small { background: red; ...

2020-03-06 20:11:50 132

原创 jQuery实现选项卡效果

先放一个html代码<span class="gps"> <a href="#"> <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 河南 </a> &lt...

2020-03-06 10:11:51 289

原创 购物网站实现商品页面向详情页提交数据

先来一个商品页面的JS<script> function recommand(res){ console.log(res) var pre = document.querySelector('.pre'); var next = document.querySelector('.next'); let content = docume...

2020-03-04 22:26:46 1002

原创 轮播图的实现

写页面的过程中,用了一个轮播图,自己写了点代码style代码html代码script代码<script type="text/javascript"> class Swiper { constructor(sel, obj) { this.sel = sel; this.obj = obj; this.el = documen...

2020-03-03 09:57:30 225

原创 一个JS菜鸟对闭包的理解

闭包的概念闭包就是能够读取其他函数内部变量的函数,在JS中,只有函数内部的子函数才能读取局部变量,这就造成的一些使用时的不便。而闭包函数的作用就是,像一座桥梁一样将函数内部和函数外部连接起来。可以保护变量,避免污染。闭包存在的条件函数A内部直接或间接返回一个函数BB函数内部使用函数A内部的私有变量/私有数据A函数内部有一个变量接受着函数B闭包空间在函数执行的时候,会开辟一个执行空...

2020-02-23 15:27:26 156

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除