- 博客(40)
- 收藏
- 关注
RSS订阅原创 2021-08-23
1---css伪类/* 未访问的链接 */a:link { color: #FF0000;}/* 已访问的链接 */a:visited { color: #00FF00;}/* 鼠标悬停链接 */a:hover { color: #FF00FF;}/* 已选择的链接 */a:active { color: #0000FF;}css3伪类:not()这个选择器的意思是，选中除了谁。 ()里面填条件，也就是选择器。...
2021-09-26 15:44:26
83
原创 小程序传参
1--子组件向父组件传参 在子组件中父组件中这个bindtabsItemChange这么是由triggerEvent（）中的决定的，所以监听自定义事件就写bind+tabsItemChange
2021-09-24 23:13:27
105
原创 axios的使用
1-----下载npminstall axios -S2----引用importaxiosfrom'axios';Vue.prototype.$http=axios3---
2021-07-19 00:30:07
105
2
原创 less的使用
下载文件npm install less less-loader -S配置文件 webpack.config.js// 配置less文件模块//配置less文件模块{test:/\.less$/,use:['style-loader','css-loader','less-loader']},less 和 less-loader需要变成@2版本npm install less@2 less-loader@...
2021-07-18 22:49:40
185
原创 vuex的封装引用
1---建立一个js文件importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportdefaultnewVuex.Store({state:{count:0},mutations:{increment(state){state.count++}}})2-----在main.js中的...
2021-07-18 22:37:08
78
原创 小程序的问题
1—微信小程序云开发报 （errCode: -1 | errMsg: Cloud API isn’t enabled, please call wx.cloud.init first）这个是初始化问题解决方法：在app.js的onLaunch函数中添加wx.cloud.init({ traceUser: true, })
2021-06-25 22:42:20
151
1
原创 vue---3
1—父组件给子组件传参，父组件数据变化子组件数据也变化，子组件的数据变化让父组件也变化2----分类页面的实现3— 子组件传递数据给父组件4----路由及路由的嵌套<body> <div id="app"> <h3 @click="change()">{{as.t}}</h3> <login :abc='man' :as='as'></login> </div&
2021-06-08 16:53:40
64
原创 vue---2
1—vue组件定义声明3种方式第一种： <!-- 组件的思想，其实就是前端模块化/工程化的基础。把前端页面分成一个个模块，每一个模块就称为组件 --> <div id="app"> <!-- 占位符英文即可，不能和标签名字冲突。一般需要有语义 --> <v-header></v-header> <v-nav></v-nav> </div> <script src="
2021-06-06 18:37:02
52
原创 vue---1
1—v-pre v-once2----v-cloak3—阻止冒泡和默认行为4----自定义全局变量5----自定义局部变量6----watch监听变化的数据7----computed v-pre:不渲染。直接以插值表达式的形式表示 v-once:只渲染一次。后期数据有变化也不再渲染 <div id="app"> <button v-on:click="change()">按钮</button> {{msg}} &l
2021-06-03 18:19:01
164
原创 node.js封装mongodb增删改查与调用
1----Node.js封装mongodb增删改查2----调用封装好的增删改查const MongoClient = require("mongodb"). MongoClient;const url="mongodb://localhost:27017";//////增 删 改 查function connect(callback){ MongoClient.connect(url,(err,db)=>{ if(err) throw err;
2021-05-04 18:53:10
162
原创 node连接mongodb---1
1----mongodb 的使用2-----node.js连接mongodb1、使用数据库之前一定要安装 安装要求： 1、最好安装在主目录下，需要时英文名字 2、安装完以后需要配置环境变量 3、安装的时候，直接下一步下一步即可 打开数据库 1、新建一个数据文件，一定要是英文。最好放置在主目录下 2、打开数据库 mongod --dbpath 数据文件地址使用数据库 使用数据库的时候，需要重新打开一个命令行。之前打开数据库的命令行不能关闭 使用之前首先需要执行mongo执行
2021-04-28 22:42:13
74
原创 express
1—express使用2—express路径3—express get post请求// 第一步：引入框架const express =require('express');// 创建服务器const app =express();// 路径以login开始即可app.use('/login',(req,res,next)=>{ // res.send('login'); console.log('login'); // 如果没有next 前台结束不了响应 // next中间
2021-04-27 11:13:22
70
原创 node--3
1-----Ajax2----post3----get4----readfile<h1>this is login page</h1><!-- <form method="post" action="http://localhost:8989/submit"> <input type="text" name="user" placeholder="请输入用户名"><br><br> <input type="pa
2021-04-25 19:45:10
92
原创 node---2
1----http2----fs文件与文件夹的读取3------readfile 服务器的读取文件/* 传统动态网站开发(有数据交互的) php apache+php模块 java weblogic node不需要软件 通过一些模块实现。没有静态资源读取能力。 node适合聊天室，游戏 不太适合大型项目*/// 引入模块const http=require('http');// 创建服务器let server=http.createServer((req,res)=&g
2021-04-23 12:29:52
53
原创 node ---1
1-----node简介2—模块化3—node的API4----导入5----fs文件6—导出node其实是一个平台，使用c++开发。node提供了一种运行环境。让js可以运行在服务器上。2----模块化1、模块化为了工作方便，合作化开发导出 export var a=123; export {a,b,c}; export {a as b}导入 import{a,b}; import{ a as a1,b} from '文件地址' import命令具有提升效果，会提升
2021-04-22 15:57:41
127
原创 前端面试20-30
16.http协议20.网页上哪里可以看到请求的所有信息21.继承方法28.辗转相除法29.数组转字符串31.bind() apply()32.const用法33.Utf-8编码汉字占多少个字节37.Vue基于什么语言41.js对数组的操作，包括向数组中插入删除数据16.http协议 超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。HTTP是一个客户端
2021-04-18 10:30:59
97
原创 es6转es5和npm建个包
1------命令相关概念2-----包管理工具3-----模块化4-----模块化开发步骤5-----导出与引用1------命令相关概念 1、快速打开命令行shift+鼠标右键在文件目录下输入cmd2、创建文件夹：mkdir 文件夹名字3、删除文件夹：rmdir 文件夹名字4、跳转到指定盘符 直接 盘符:5、cd+路径 跳转到指定路径 同一盘符下操作6、node环境下执行文件 node 文件名字(不能是node) 相当于在node环境下执行该文件7、ctrl+c终止代码执
2021-04-17 15:18:20
473
原创 es6 第二天
1----箭头函数2—call apply bind this指向问题3----es6 类4----constructor5—es6中的继承6—继承注意问题7—静态方法和静态属性8—私有方法1----箭头函数 var add=(x,y,...a)=>{ a.push(x,y) console.log(a) } add(1,2,2,3,4); // 箭头函数不可以当做构造函数使用 // var Product=(title)=>{
2021-04-15 15:06:24
87
原创 let2
1、画出 object person student原型链关系图2.编写程序使用ES6定义 Person类，包括类实例属性（name,age）,实例方法say()该方法返回name和age字符串class Person{ constructor(name,age){ this.name=name; this.age=age; this.say=function(){ console.log('姓名'+this.name+' '+'年龄'+this.age);
2021-04-15 15:00:27
86
原创 let基础
1----let应用2—字符创扩展3—结构4—数组扩展5—函数扩展<body> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <script> var btns=docum
2021-04-13 21:57:21
234
原创 es6
1、var和let区别？1.使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；2.使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；3.let不允许在相同作用域内，重复声明同一个变量。2、分析代码执行结果？var a=123;if(true){ a='zsh'; let a;}let 声明的a没有变量提升 会导致运行报错3、补全代码var person={name:‘zs’,age:12}let str=用户的姓名为:${pers
2021-04-13 21:41:35
73
原创 面试 1-10
1----css的居中方式2—px,em,rem,%3—display的值和作用4—路由跳转的方式5—数组去重6----.统计字符串中出现最多的字符7----js垃圾回收机制8----原型、原型链1.css的居中方式text-align:center; margin:0 auto;2.px,em,rem,%px:像素em:参考物是父元素的font-size，具有继承的特点。 1em=10px，1.2em=12pxrem:不依赖于父元素%：1、对于普通定位元素就是我们理解的父元
2021-04-10 22:18:42
91
原创 原型链
1—原型链2—原型链关系3-----get和set4----属性特征5-----作用域和作用域链############## 原型链：当从一个对象那里调取属性或者方法的时候，如果该对象自身不存在这样的属性或者方法，就会去关联的prototype那里寻找。如果prototype没有，就会去prototype关联的prototype那里寻找 知道prototype…prototype…为null的时候，从而形成了原型链(根本上来说就是继承的关系)a.isPrototypeOf(b)判断a是否存在b的原
2021-04-10 12:10:55
116
原创 变量的提升
变量的提升 // 如果一个变量声明以后，会把变量的声明提升到整个作用域的最前面，但是赋值还是原来的位置 // console.log(a) // var a=10; // 等价于 // var a; // console.log(a); // a=10; // 如果一个变量没有声明直接赋值，作用域就是赋值以后的区域可以使用 // console.log(a) // a=10 // 通过function 函数名(){}定义的函数，会把
2021-04-10 11:50:47
71
原创 js继承
// 实例对象.hasOwnProperty('属性')可以判断属性是自有的还是继承来的 console.log(cat.hasOwnProperty('buy')) console.log(cat.hasOwnProperty('joinCar')) console.log(cat.hasOwnProperty('title'))
2021-04-09 16:11:31
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人