- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue路由
1.创建路由<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-06-11 18:47:04
77
原创 Vue组件
1.组件就是把前端页面分成一个个模块，每一个模块就是一个组件， 组件就是前端模块化思路 占位符：暂时占着位置，最终会被模板替代 模板：就是html 组件：配置模板的数据和方法 挂载组件：把占位符和组件联系起来 动态组件：占位符是动态的，可以根据is的值决定 slot插槽用于扩展模板内容 组件之间不能直接进行通信<!DOCTYPE html><html lang="en"> <head> ...
2021-06-11 17:08:48
552
原创 Vue结构搭建和指令使用
1.使用vue<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> {{msg}} </div> <!-- 第一步：引入框架 --> <script
2021-06-05 23:54:17
125
1
原创 Vue事件委托
1.如何在vue中使用事件委托<div id="app"> <input type="text" id="txt" v-focus> <p>{{num}}</p> <p>{{Math.random()}}</p> <p>{{m}}</p> <ul @click="handleClick()"> <li v-for="(item,index) in.
2021-06-04 18:51:36
470
原创 Vue知识点
1、MVVM和MVC区别？MVC中的M即model模型，数据层，负责数据的处理和获取的数据接口层，V即View视图，视图层，是指用户看到的并且与之交互的界面。比如由html元素组成的网页界面，或者软件的客户端界面。C即controller控制器，控制层，它是Model 和 View 之间的胶水或者说是中间人。MVVM中的M(model),v(view),vm(viewmodel)MVVM与MVC最大的区别就是：VM层的设计实现了View和Model的自动同步，也就是当Model的属性改变时，..
2021-06-02 18:59:37
94
1
原创 封装mongodb增删改查
封装增删改查操作，外部只需调用相应接口，返回的数据处理在外部作为回调函数处理const mongoClient=require('mongodb').MongoClient;let url="mongodb://localhost:27017"var _connect=function(callback){ mongoClient.connect(url,(err,db)=>{ if (err) throw err; callback(db); })}mod
2021-05-07 14:19:42
145
原创 node是什么
es6第三天作业1、node到底是什么？Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好2、node 和 java/php区别？...
2021-05-03 16:03:17
61
原创 mongodb增删改查
mongoDb第一天作业1.关系型数据库有哪些？非关系型数据库有哪些？两者区别关系型数据库Oracle、PostgreSQL、Microsoft SQL Server、MySQL、SQLite非关系型数据库Redis mongoDB区别: 1.关系型数据库最典型的数据结构就是表，是由二维表及其之间的联系所组成的一个数据组织，非关系型数据库是一种数据结构化存储方法的集合,可以是文档或者键值对等 2.非关系型数据库不提供sql支持，无事务处理，不使用于持久存储，海量数据的...
2021-04-30 18:56:45
84
1
原创 express使用get和post请求实现前后端连接
express第一天作业前端代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-04-28 17:08:49
152
原创 node实现网易云音乐项目前后端连接
node第三天作业1完善网易云音乐。读取静态资源。实现用户登录以后，登录的内容转换成欢迎XXXX登录后台文件代码const fs=require('fs');const http=require('http');const path=require('path');const url=require('url');const querystring=require('querystring');const { type } = require('os');let server=ht
2021-04-26 17:53:56
623
原创 node的get和post方法前后端联通
node 第三天1.get请求const http=require('http');const fs=require('fs');const path=require('path');const url=require('url')let server=http.createServer((req,res)=>{ if(req.url=='/favicon.ico') return; //startsWith方法表示请求的url是否以/login开始 if(req.ur
2021-04-25 14:09:08
145
原创 node导入导出模块练习
node第一天作业1.简单叙述前端模块化系统演进历史1.文件划分方式 最早我们会基于文件划分的方式实现模块化，也就是 Web 最原始的模块系统。具体做法是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中，约定每个文件是一个独立的模块。使用某个模块将这个模块引入到页面中，一个 script 标签对应一个模块，然后直接调用模块中的成员（变量 / 函数）。 缺点： 模块直接在全局工作，大量模块成员污染全局作用域； 没有私有空间，所有模块内的成...
2021-04-21 17:31:46
104
原创 es6对于let，模板字符串的练习
es6第一天作业1、var和let区别？var声明的变量有变量提升 let没有let作用域限定在代码块{}里2、分析代码执行结果？var a=123;if(true){ a='zsh'; let a;}报错 aisnotdefined3、补全代码var person={ name:'zs', age:12}let str=`用户的姓名为${person.name}，年龄是${person.age}`;结果呈现：用户的姓名为 ，年龄是res...
2021-04-19 18:41:57
194
原创 es6箭头函数、类、继承概念解析
ES6-第二天箭头函数<!-- 箭头函数 1、箭头函数没有arguments概念，只有剩余参数 2、箭头函数不可以当做构造函数使用，也就是说。不能使用new命令 3、箭头函数中的this，指向的是定义的时候所在的对象，不是使用的时候所在的对象-->//箭头函数不能做构造函数使用var Product=(title)=>{ this.title=title } var p=new Product('口红');//Pro...
2021-04-16 19:19:41
128
原创 es6新增关键字、语法解析
ES6-day01let的应用var btns=document.getElementsByTagName('button'); for(let i=0;i<btns.length;i++){ btns[i].onclick=function(){ // btns[i].style.color='red';如果使用的是var 此时会报错 因为var声明的变量是全局变量，循环结束i等于5,而btns下标最大为4 // this.style.color='red
2021-04-16 17:13:46
109
原创 js练习题
作业1、var和let区别？var声明的变量有变量提升 let没有let作用域限定在代码块{}里 2、分析代码执行结果？var a=123;if(true){ a='zsh'; let a;}报错a is not defined 在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”3、补全代码var person={ name:'zs', age:12}let str=`用户的姓名为${person.name}，年龄是${person
2021-04-14 18:15:53
191
原创 js经典题目解析
1.css的居中方式分为水平居中和垂直居中水平居中如果标签设置了宽度,可使用margin:0 auto 实现水平居中, text-align属性：文本对齐方式，设给块级元素,可使其中的块级元素的内容水平居中 给子元素设置绝对定位，给父元素设置相对定位，然后设置属性left:-50%;transform:translateX(-50%) 给父元素设置为display:flex;align-items:center垂直居中单行文本可设置line-height的值为父元素的高度,使得文本垂直居
2021-04-12 19:36:25
860
原创 js原型链、作用域
js高级// 原型链：当从一个对象那里调取属性或者方法的时候，如果该对象自身不存在这样的属性或者方法，// 就会去关联的prototype那里寻找。如果prototype没有，就会去prototype关联的prototype那里寻找// 知道prototype....prototype...为null的时候，从而形成了原型链(根本上来说就是继承的关系)// a.isPrototypeOf(b)判断a是否存在b的原型链中 b在a下游，但自身不能说存在自身原型链中function Product
2021-04-12 16:09:21
71
原创 js创建对象的方式
js创建对象基本对象的创建方式var stu={ name:'zs', age:12, eat:function(){ // 在基本对象内部this指向的是当前的对象stu console.log(this); console.log(this.name)//zs } }工厂方式创建对象function Student(name,age){ return{ name:name, age:age, eat:function(){
2021-04-12 15:19:36
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人