- 博客(37)
- 收藏
- 关注
RSS订阅原创 WebAPI学习第一天（DOM/事件高级。。。。待续）
温故而知新，可以为师矣！学习目标：1：能够说出webAPIs和js语法阶段的关联？在我的理解，js基础是讲js的一些基础的语法；webAPI可就是讲的js的一些页面交互的事件2.能说出什么是API？我的理解就说文档接口---直接使用即可。3.能够说出什么是webAPI？我的理解就是页面交互事件？DOM BOM？目录：webAPI和js基础的关联性API和WebAPI1.webAPI和js基础的关联性1.1 js组成js的组成就是由js的基础语法和w
2022-06-05 17:36:01
81
原创 JavaScript 内置对象(js基础06)
一：内置对象JavaScript 提供了多个内置对象：Math、 Date 、Array、String等二：Math对象1 .Math 概述Math不是构造函数，它具有数学常数和函数的属性和方法，跟数学相关的运算（求绝对值，取整，最大值等）可以使用Math中的成员。Math.PI // 圆周率Math.floor() // 向下取整Math.ceil() // 向上取整Math.round() // 四舍五入版 就近取整 ..
2022-06-05 17:34:09
117
原创 小程序项目（uniapp）
1.2 开发工具uni-app 官方推荐使用HBuilderX来开发 uni-app 类型的项目。主要好处： 模板丰富 完善的智能提示 一键运行 当然，你依然可以根据自己的喜好，选择使用 VS Code、Sublime、记事本... 等自己喜欢的编辑器！#1.2.1 下载 HBuilderX 访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html 点击首页的DOWNLOAD按钮 ......
2022-06-05 17:33:46
1867
原创 vue移动端项目功能的总结
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：（具体操作参照接口文档）// 删除权限export function delPermission(id) { return request({ url: `/sys/permission/${id..
2022-06-05 17:31:27
625
原创 数组（js基础）
1.创建数组两种方式：①new Array②字变量==》var arr=[1,2,3]2.获取数组的元素arr[i]==》数组名[索引]3.遍历数组：var arr = ['red','green', 'blue'];for(var i = 0; i < arr.length; i++){console.log(arrStus[i]);}4.数组转换为字符串：思路：：就是把里面的元素相加就好了，但是注意保证是字符相加 arr = ['red', 'gree
2022-06-05 17:30:56
62
原创 js基础的讲解01
目标1： 初识 JavaScript JavaScript 注释 JavaScript 输入输出语句 目标2： 变量概述 变量的使用 变量的存储 变量语法扩展 变量命名规范 交换变量案例 1.1 什么是变量var白话：变量就是一个装东西的盒子。通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 1.2 ......
2022-06-05 17:30:31
115
原创 js高级05（解构赋值（数组，对象），箭头函数，剩余参数，模板字符串,let，const,var（待续。。。））
解构赋值 箭头函数 剩余参数 扩展运算符 模板字符串 Set数据结构
2022-06-05 17:25:08
119
原创 后端奇特需求3---设备树
// 需求：就是返回的是id和pid的是父子级关系,后端没有返回为id的数据--就会放到一个未分组的根节点里面//在子节点和父节点要呈现的字段不一致---》所以需要循环子节点--》然后新增一个属性 face.grpName = face.name /** * 获取点位下拉设备列表 * */ getDeviceList () { peopleTree().then((response) => { response.d
2022-05-31 18:28:53
74
原创 后端奇特需求2---table
需求：就是在选择下拉厂商在调用接口---一进页面先调用默认的‘ZK’数据--还能进行对应的搜索这个功能的主要思路就是---在调用的时候默认传入下拉的数据---在提交的时候再调用搜索的接口（传入的数据即可。）注：这里的厂商在一个页面接口调用二次---需要注意绑定的v-model要不一样，此外还有在请求回来数据的时候做一个浅拷贝。（不细讲）父组件：把下拉的数据默认的ZK的传入子组件---调用接口 <el-form ref="formHistory" ...
2022-05-31 17:42:09
96
原创 后端那些奇特需求1---设备树
获取tree的子节点思路启发：elementUI中Tree树形控件点击叶子节点才触发 - 百度文库简述：设备是放在子组件的，开关的按钮是在父组件的==>采用了事件总线(不细讲)；子组件<!-- 输入框 --> <el-input placeholder="输入关键字进行过滤" size="mini" suffix-icon="el-icon-search" v-model="filterText
2022-05-31 16:34:07
96
原创 js基础（js遍历对象的方法的总结-WT）
参考：js es6遍历对象的6种方法（应用中推荐前三种） - 爱笑的小宇宙 - 博客园https://www.jb51.net/article/188789.htm1.for...in使用场景：需要遍历对象时问题：这种情况在开发中什么时候需要使用？1.1语法：for (variable in object){ 执行的代码……}解释：for（变量 in 对象）{ 执行的代码。。。}1.2实例：var obj={name："张三"，ag
2022-02-09 14:38:43
1325
原创 Vuex知识点整理（面试）
1.什么是vuex？vuex是一个组件数据共享的容器，我们的组件的传值有“父传子--自定义属性”，“子传父--自定义事件”，还有夸组件（兄弟组件），但是也会存在没有关系的组件之间来进行传递，那么怎么解决呢？此时就可以通过vuex来传递。2.vuex的初始化：我们在创建脚手架的时候，选择vuex，...
2021-08-27 01:25:44
400
原创 js高级03-深拷贝和浅拷贝总结（涉及递归！JSON）（面试）
//浅拷贝只拷贝一层，更深层次对象级别的只拷贝引用//深拷贝拷贝多层，每一级别的数据都会拷贝一.js的内存结构：（会模糊不定，那引入js的数据类型）1.js的数据类型==》基本类型和引入类型二.vue.js的对象列表先定义一个表单的结构 实现数据的双向绑定 然后点击添加按钮的时候会触发数组list的添加。解析：当点击添加按钮的时候就会添加数据到数组里面 ，这些数组的元素，只有在文本框修改 ，其他都会改变，因为这是数组会......
2021-08-24 21:50:06
274
原创 ajax03（JSON）
数据交换格式1.什么是数据交换格式？简单理解:就是和服务器和客户端数据传输交换的格式。2. XML（了解） 3.JSON（重点把握）1.什么是JSON？概念：JSON 的英文全称是 JavaScript Object Notation，即“JavaScript 对象表示法”。简单来讲，JSON 就是 Javascript 对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，因此，JSON 的本质是字符串。作用：JSON 是一种轻量级的...
2021-08-24 21:12:43
56
原创 vue中父子组件如何实现双向数据绑定（及.sync的讲解）
具体分析：1.父组件：//需求：就是把组件的数据msg传递给父组件1.现在父组件的data中定义msg2.<Child v-model="msg"></Child>2.子组件：//①接收父组件传递过来的数据props：["msg"]②<Child v-bind:value="msg" ></Child>此时，子组件想修改父组件的传递过来的数据1.<Child v-bind:value="ms...
2021-08-13 01:30:38
179
原创 Vue第6天学习笔记01（动态组件，组件缓存，插槽）
错误笔记：表示路径有两出错误！！！解决：根据提示的代码去找出问题即可。动态组件：我们为什么需要使用动态组件？动态组件有什么用？应用场景：当我们在一个组件进行多个组件的切换的时候，我们就能使用动态组件--也可以使用if-else-if但是这种太过繁琐。作用：使用动态组件能提高性能。会涉及到component内置组件。具体的步骤：1.引入组件--数据记录需要切换的组件名：---使用内置组件<component>,----绑定按钮事件。组件缓..
2021-07-29 16:05:08
107
原创 Vue第6天学习笔记02（自定义指令总结）
目标：获取标签，扩展额外功能语法:全局注册注：全局directive不带s，局部带s 二个参数：第一个参数是“指令名--（随便起）”；第二个参数是配置对象！！！（有一个固定的属性：inserted（el））；代码展示：打印的el是什么？打印的就是自定义指令对应的标签！语法:局部注册注：全局directive不带s，局部带s注：inserted是固定写法！！inserted方法 - 指令所在标签, 被插入到网页上触发(一次)自定义指令...
2021-07-28 00:18:44
70
原创 节流和防抖的总结（面试）
节流防抖目标：1.节流防抖区别，2.节流防抖应用场景，3.节流防抖的底层代码实现1.防抖 1）假设我们在频繁点击按钮的时候都会不断的发起请求执行业务逻辑。但是这样的操作是不合理的，怎么解决呢？<button>按钮</button>var btn=document.querySelector("button")btn.onclick=funtion(){console.log("请求执行了")}2）可以通过防抖来解决--什么是防抖？---防抖就是在频...
2021-07-07 18:25:42
94
原创 vue第7天学习笔记 （vue路由 导航守卫总结 ）
1.什么是路由？路由是一种映射关系2.vue的路由：路径和组件的映射关系3.为什么要使用路由？单页面：简称SPA路由的使用：Vue-router
2021-07-06 01:14:28
434
原创 数组的方法总结（面试）
数组的方法基础1.push（）表示的是往数组里面最后一个位置追加元素代码展示：//1.定义数组：var arr=[1,2,4,6,8]//2.使用push（）方法来添加arr.push(7)//3.最后arr的返回值就是最新的数组--[1,2,4,6,8,7]2.unshift（）表示往数组的第一个的位置添追加元素代码展示：var arr=[1,3,5,7]arr.unshift(888)//最新数组输出console.log(arr) //输出.
2021-06-27 13:32:20
301
原创 ES6模块化与异步编程高级用法（面试）--（promise）
ES6的模块化1. 回顾：node.js 中如何实现模块化 node.js 遵循了 CommonJS 的模块化规范。其中： ⚫ 导入其它模块使用 require() 方法 ⚫ 模块对外共享成员使用 module.exports 对象 模块化的好处： 大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块之间的相互调用，利人利己。2. 前端模块化规范的分类 在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD、CMD、.
2021-06-22 19:38:04
291
原创 本地存储总结（webAPI07）
本地存储总结1.本地存储特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage约5M、localStorage约20M4、只能存储字符串，可以将对象JSON.stringify() 编码后存储2. window.sessionStorage1、生命周期为关闭浏览器窗口2.在同一个窗口（页面）下数据可以共享3.以键值对的形式存储使用...
2021-06-12 08:39:22
201
1
原创 PC 端网页特效总结（webAPI05 待续。。。）
PC 端网页特效1.元素偏移量 offset 系列1.1 offset 概述我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。1）获得元素距离带有定位父元素的位置 2）获得元素自身的大小（宽度高度）3）注意： 返回的数值都不带单位offset 系列常用属性：1）offsetparent:返回该元素带有定位的父级元素。如果没有就返回body。2）offsetLeft：当前标签的左侧和其offsetParent（带定位的父元素！...
2021-06-10 17:34:05
83
原创 this指向的总结（面试）
this指向的总结this的指向在函数的定义的时候是确定不了的，只有在函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。1.全局作用域或者普通函数中this指向全局对象window（注意：定时器里面的this指向window）// this 指向问题 一般情况下this的最终指向的是那个调用它的对象 // 1. 全局作用域或者普通函数中this指向全局对象window（ 注意定时器里面的this指向window）
2021-06-10 15:39:05
158
原创 js的执行机制的总结（面试---wepAPI04）
js的执行机制JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。问题？-----以下代码执行的结果是什么？ // 第一个问题 console.log(1); setTimeout(function() { console.log(3); }, 1000); console.log(2);......
2021-06-10 11:49:18
122
原创 关于请求数据的几种方式！！
ajax请求方式的总结一·jquery的ajax的请求方式1.$.get()2.$.post()3.$.ajax()1$.get()方法1.1$.get()方法的语法：语法：$.get(url, [data], [callback])1.2-1$.get()发起不带参数的请求使用 $.get() 函数发起不带参数的请求时，直接提供请求的 URL 地址和请求成功之后的回调函数即可。代码展示：$.get('http://www.liulongbin.top:
2021-06-07 23:14:14
2129
7
原创 模板引擎的总结
模板引擎的总结1.模板引擎的基本概念渲染UI结构时遇到的问题var rows = []$.each(res.data, function (i, item) { // 循环拼接字符串rows.push('<li class="list-group-item">'+ item.content +'<span class="badgecmt-date">评论时间：'+ item.time +'</span><span class="badge cmt
2021-06-07 19:11:11
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人