- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS new Map()方法
传统对象是键值对组合,键值必须是字符串,例如:let obj = {'name':"张三"}es6的Map()构造函数突破了对象的键值只能为字符串的限制,例如let person = new Map()person.set('name':"李四") // 创建普通键值对person.set(1:'一') // 创建数字型键值对构造函数还封装了许多方法person.get('name') // 查询对应键的值person.size() // 查询键值对数量person.ha
2022-04-22 10:40:30
13172
原创 Vue组件传值.sync
传统的父子组件之间传值,父组件-->子组件----父组件(父组件会接收到子组件传回来的方法,并且对数据进行更改)<template> <div class="content"> <btn :btnName='num' @changeFn= changeFn></btn> </div></template>----子组件(用props接,但是子组件只有读的属性,不可以对数据进行更改,所以$emit.
2021-12-15 10:29:23
4597
原创 扁平数据转树形数据结构
扁平数据转树形数据结构需要数据里每一项拥有id和pid,用于确定父子关系,如下const data = [ {id:"01", name: "张大大", pid:"", job: "项目经理"}, {id:"02", name: "小亮", pid:"01", job: "产品leader"}, {id:"07", name: "小丽", pid:"02", job: "产品经理"}, {id:"08", name: "大光", pid:"02", job: "产品经理"}.
2021-11-01 18:01:44
1376
原创 跨域问题及解决方法
什么是跨域?当Ajax发送请求时, 所在的协议/域名(ip)/端口号, 和要请求的目标的协议/域名(ip)/端口号有一个不一样的, 就发生跨域. 注意其实请求和响应都成功了, 但是在主线程检查是否跨域时, 并且响应头里是否有CORS(如果没有), 则丢弃全部的响应内容, 不会传给JS渲染引擎 处理跨域CORS解决方法?// 跨域问题:(服务器和服务器之间不存在跨域问题)// 开发过程:// 1. 直接让后台开启cors/jsonp, 直接调用(如果用jsonp你要注意你传参的格式)..
2021-10-24 20:05:13
1454
原创 搜素联想列表关键文字高亮
主要原理: <span style="color:red;">关键字</span> ,找到关键字加样式<!-- 搜索联想建议列表 --> <div class="sugg-list" v-if="kw.length > 0"> <div class="sugg-item" v-for="(Str, index) in sugList" :key="index" ..
2021-10-22 19:53:50
159
原创 Vue项目优化
1.路由-懒加载①为何使用路由拦截器?为了让首页渲染更快路由拦截器, 可以让页面不上来都被引入到webpack里一起打包插入到浏览器运行等待使用时, 再去循环对应页面组件②什么是路由懒加载?路由规则匹配后, 再加载对应js代码用法:上面为最开始引入注册用法,下面为路由懒加载,懒加载减小了webpack压缩后文件的体积,需要的时候才去引用相关代码2. 路由-全局守卫方式1.全局前置守卫判断(一般建立新的文件,permission.js)import r..
2021-10-21 20:49:02
56
原创 tabbar购物车案例
基本结构大致如下 组件拆分: MyHeader.vue – ==复用之前的== MyTabBar.vue – 底部导航 MyTable.vue – 封装表格 三个页面 -MyGoodsList.vue – 商品页 MyGoodsSearch.vue – 搜索页 -MyUserInfo.vue – 用户信息页 需要安装插件 less [email protected] -Dboots..
2021-09-29 21:06:39
137
原创 vue入门案例(高亮显示思路)
导航栏高亮(主要写功能,css,数据及html复制的,代码在下面,)<template> <div class="wrap"> <div class="nav_left" id="navLeft"> <div class="nav_content"> <span></span> </div> </div> <div clas.
2021-09-27 23:49:33
356
原创 Vue第二天(含vue初学三个案例代码)
什么是vue?==渐进式==javacript==框架==, 一套拥有自己规则的语法 ①首先全局安装了vue/cli全局脚手架②vue create '文件名' ---得到标准化代码环境③yarn serve ----启动服务器总结下vue指令①v-bind语法：v-bind:属性名="vue变量" 简写 :属性名="vue变量名"②v-on语法:v-on:事件名="methods中的函数" v-on:事件名="methods中的函数(实参)"简写 @事...
2021-09-23 20:19:56
257
原创 VUE学习第一天
第一天主要讲了webpack使用一.基本概念什么是webpack? 答:静态模块打包工具, 分析翻译, 压缩, 打包代码.我们为什么学习webpack? 答:①减少文件数量, 缩减代码体积 .②提高网页打开速度.二.webpack使用步骤webpack如何使用? 答:①src/index.js是入口文件 .②所有代码都引入到入口文件内 ③执行build打 包命令 ④打包整合到dist/main.js出口文...
2021-09-22 18:06:35
53
原创 Promise-整体说明
目录小小一道面试题Promise的基本使用经典格式构造器三种状态和值promise的兑现小结使用promise改造回调函数基本套路示例1: ajax示例2 nodejs中的文件读取then的格式及执行逻辑目标作用then的格式执行逻辑then的返回值(难点)练习catch的格式及用法catch()的格式及用法catch的返回值promise的链式调用示例1示例2示例3示例4 传参async语法as
2021-09-18 21:52:37
136
原创 面试题----利用promise优化异步代码
目标 是让sleep 的功能与setTimeout一样：就是等2000毫秒之后再执行后续操作。function sleep(time){ // 请写出你的代码}sleep(2000).then(()=>{ console.log("后续操作")})console.log(2);<script> function sleep(time) { // 请写出你的代码 const p1 = new Promise((re
2021-09-18 21:33:02
112
原创 利用mysql写接口
一.前期准备建立一个空文件夹,对文件夹进行初始化,并在npm上下载express及router.结构大致如下图:二.编写工具①加载mysql工具--②创建连接--③连接数据库--④将工具导出// 1. 加载msyqlvar mysql = require('mysql');// 2. 创建连接var connection = mysql.createConnection({ host : 'localhost', // 你要连接的数据库服务器的地址 port
2021-09-18 08:09:55
3657
2
原创 作业---大事件接口
//导入模块const express = require('express')const app = express()//静态资源托管app.use(express.static('public'))//接口服务//登录接口以及请求头--普通键值对app.use(express.urlencoded())app.post('/api/login', function (req,res) { console.log(req.body); res.send(`{ .
2021-09-15 14:27:49
96
原创 理解接口传参
请求报文：行，头，体我们一般使用ajax技术请求接口，按http协议的约定，每个请求都有三个部分：方法二：请求体。另外，请求头中的content-type用来告之服务器应该以何种方式去解析请求体中的数据。后端处理接口的规则是由后端来定的，它会约定接口：名字，参数，格式，方式。 请求行： 保存了请求方式，地址，可以以查询字符串的格式附加小部分数据。 请求头：它可以附加很多信息，其中content-type用来约定请求体中保存的数据格式。 conte...
2021-09-15 13:26:28
1863
原创 今日浅谈----数组API
数组作为js中非常重要的数据类型,数组操作方法也是多到不行,今天简单介绍几个.1.push().let arr = [1, 2]arr.push(3)console.log(arr);//[1,2,3]2.unshift()let arr = [1, 2]arr.unshift(3)console.log(arr);//[3,1,2]3.concat()let arr = [1, 2]let arr1 = [3, 4]let arr2 =arr.concat(arr
2021-09-14 21:21:21
53
原创 运用express模块实现数据前后端交互(POST)
(这篇文章让自己身份在前后端交换,内容可能会引起不适,建议在大人陪同下观看.)目录1.首先将express模块导入,并将方法赋值给app2.静态资源托管3.这里post数据传输三种方式(注意这里在进行post功能是需要设置中间件,目的是为了转换数据格式,可以当做请求头看待)4.最后监听服务器运行1.首先将express模块导入,并将方法赋值给app//导入模块const express = require('express')const app = express(
2021-09-14 18:27:10
971
原创 利用nodejs向http发送请求(成功概率1/2)
前期准备工作(导入模块,并准备数据)//导入const fs =require('fs')const path = require('path')const http = require('http')let obj = { data: '一句你想说的话', message:'请求成功', code: 200}let obj2 = { data: '', message:'系统故障', code: 500}创建服务(先判断请求的路径是否符合,再利用随机数达到50%成功几率
2021-09-14 14:11:01
157
原创 每日前端面试五道题
(应广大粉丝要求,其实是自己不想写了,理解不深写不出来啥,很遗憾五道题板块要下架了,今天是最后一期)废话不多说开整1.this的指向大部分情况下this指向调用者1.具名函数,普通函数,this指向window,理解为相当于window调用.2.定时器,this指向window3.构造函数this指向实例化对象5.箭头函数比较特殊,this是上一级函数的this,一般情况下箭头函数不使用this6.对象里的方法,this指向对象2.改变this的指向call ..
2021-09-13 21:39:37
44
原创 静态资源服务器
概念:静态资源(html/css/img/js....) 这些文件叫做静态资源,我们不能像处理某个页面一样去处理它们。我们的解决办法是： 把所有的静态资源(.html,.png,.css,.js)全放在一个指定的目录里； 收到用户的请求之后，去指定的目录下去找对应的文件找到，把内容读出来返回给用户。 找不到，报404。实现代码如下: //首先进行模块导入const http = require('http')const path = require('path')c...
2021-09-13 19:54:06
553
原创 前端面试每日5题
1.js组成1.ECMAscript:简单说就是js书写语法,规定js代码该怎么写.2.DOM:文档对象模型,通过document对象对网页进行操作.3.BOM:浏览器对象模型,通过window对网页进行操作.DOM树:html被解析后,转化为dom树,dom树描述了文档中各个节点的相互关联性,可以通过操作dom节点来操作html文档关系:文档>>节点>>元素2.js基本数据类型(7种)1.Number 2.String 3.Boolean 4.Undef
2021-09-12 14:37:21
81
原创 前端面试(每日?)五题
说是每日,我自己都不信1.HTML元素显示模式分为三大类:块级元素,行内元素,行内块元素块级元素:特点是自己占一行,有宽有高,里面想放啥放啥.代表元素:div h p ol ul行内元素:一行能放好几个,设置不了宽高,里面就能放文本和行内元素.代表元素:a、strong、b、em、i、span行内块元素:自己不占一行,但可以设置宽高.代表元素:input img加入样式可以对元素进行转换:display:block(转换成块级元素)inline(行内元素)inline-bloc.
2021-09-11 21:13:13
51
原创 使用nodejs向npm推入自定义方法
1.首先确定方法名称,文件名称要与npm站内不重复,在nodjsC:\Users\Administrator\Desktop\zh567>npm view wenjianming在nodejs中运行 npm view '文件名称' ,可以检查名称是否可用2.创建好文件夹后,对文件夹进行npm初始化C:\Users\Administrator\Desktop\zh567>npm init --yes执行代码后会生成一个json文件,改文件是为了对方法进行说明和记录,后期完善
2021-09-11 20:25:24
99
原创 常见快捷键总结(不定时更新)
ctrl+系列ctrl+c/v 粘贴/复制功能ctrl+z 撤销ctrl+x 剪切ctrl+a 全选ctrl+s 保存alt+系列alt+f4 退出当前页面alt+tab 切换页面ctrl+alt+系列ctrl+alt+./delete 启动任务管理器
2021-09-11 08:14:25
68
原创 txt数据转换成json数据保存
txt数据小王，19小李，20小陈，21js代码//初始化const fs = require('fs');const path = require('path')//读取txt文档的数据fs.readFile(path.join(__dirname, './a.txt'), 'utf8', function (err,data) { if (err) { console.log(err); return } //转化成数组
2021-09-10 21:28:20
1145
1
原创 node.js拉取并添加json数据
data.json (json形式数据)[{"name":"小王"},{"name":"小李"},{"name":"小张"},{"name":"小张"}]js代码//初始化const fs = require('fs')const path= require('path')//1.读取数据fs.readFile(path.join(__dirname, 'data.json'), 'utf8', function (err, data) { if (err) {
2021-09-10 21:24:59
530
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人