- 博客(18)
- 收藏
- 关注
RSS订阅原创 elementUI按需引入
1. npm i element-ui(-D-S根据需要来定) 2.安装 babel-plugin-component npm install babel-plugin-component -D 3.将 .babelrc文件或babel.config.js 做如下配置： module.exports = { presets: [ '@vue/cli-plugin-babel/preset', ['es2015', { modules: false }], ], plug
2022-05-24 08:43:47
5519
原创 js 深拷贝与浅拷贝
对象的深拷贝与浅拷贝（同样适用于数组） JSON方法 const obj1={ a:6, b:undefined, c:[1,3,4], d:()=>{} } const obj2=JSON.parse(JSON.stringify(obj1)) obj2.a=0; obj2.c[0]=2 console.log('obj.
2022-05-11 10:20:43
294
原创 4.19 git版本控制工具学习
安装git==>https://git-scm.com git工作方式 命令行方式 ==>右键：git bash here 可视化方式 初始化创建版本库 git init（以.git形式的文件存在） 配置信息（全局配置一次即可） $git config --global user.name '用户名' $git config --global user.email '用户邮箱' 保存工作区的文件到版本库 保存到版本库暂存区 git add ...
2022-04-20 10:27:16
165
原创 4.18 npm包管理工具学习以及css预处理器介绍
1.nodejs nodejs是基于google chrome v8 引擎的运行时(执行javascript代码的运行环境) 作用: 脱离浏览器环境执行javascript代码 2. npm 依赖于node环境的大型包管理器，安装nodejs时一起安装的 3.npm的使用： 检查版本号 npm -v 本地安装包 npm install 包名 （install可以简写为i） 全局安装包 npm install 包名 卸载包 npm unins...
2022-04-20 10:08:36
837
原创 4.14 jquery学习
1.原生js下的元素尺寸 window.getComputedStyle(元素).width ==>内容 元素.clientWidth ==>内容+padding 元素.offsetWidth ==>内容+padding+border 2.jquery下的元素尺寸 jquery元素尺寸 $('div')....
2022-04-18 09:43:09
911
原创 4.13jquery动态操作节点
<!-- 动态操作节点 原生js: - 创建节点 createElement('div') createTextNode('内容') - 添加节点 父节点.appendChild(子节点) 父节点.insertBefore(新节点，旧节点) -...
2022-04-16 16:21:53
904
原创 4.12 jquery学习
1.jquery介绍： 一个快速、小巧且功能丰富的JavaScript库。 它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，是一个易于使用的、可跨多种浏览器工作的API。 jQuery结合了多功能性和可扩展性，改变了数百万人编写JavaScript的方式。 2. jquery的使用： 在官网下载jquery文件引入使用即可 选择器：和css选择器一样的使用方法 注：$(选择器)返回的是jquery对象（伪数组），与dom节点对象不一样 3.查找...
2022-04-16 16:08:18
377
原创 4.10 js继承与闭包的学习
1、继承 ES5：采用构造函数+原型对象的方法实现 ES6：class实现 构造函数继承 缺点：只继承构父类造函数的属性和方法，而不继承父类原型对象上的属性和方法 //父类 function Person(name, age) { this.name = name this.age = age } Person.prototype.say = function () { ...
2022-04-11 19:53:36
110
原创 4.9 async/await 以及cookie学习
1.async/await:异步任务用同步的写法实现 await后面一定要跟一个promise对象 await需要放在async关键字声明的函数中 async function getUserList() { //1.调用访客列表接口获取访客列表数据 try { let data = await myPromise({ method: 'get', url: 'http://10.7.178.115:8088/api/li
2022-04-11 19:35:07
237
原创 4.8回调函数与promise
回调函数：函数作为参数在另一个函数中调用，这样的函数称为回调函数。 回调函数用途：用以解决异步编程问题，处理异步操作完成后的结果 异步任务： 两个或两个以上的任务，同时并发执行 任务启动之后，与主程序同时并发执行 异步任务的结果，由回调函数执行 Promise 是异步编程的一种更优雅的解决方案，比传统的解决方案——回调函数——更合理和更强大。 它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象 pr...
2022-04-08 19:51:16
326
原创 4.7同源策略及跨域解决方案
1.同源策略 浏览器的一个安全功能，不同源的网页脚本在没有明确授权的情况下，不能读写对方资源。 同源：协议+域名+端口号三者相同 2.跨域 使用ajax技术，从一个网页去请求另一个网页的资源时，违反浏览器同源策略限制，引起的安全问题，成为跨域。 解决方案： 1.跨域资源共享（CORS）： 服务端设置，可以允许其他源访问服务端资源，借助nodejs实现。 response.setHeader('Access-Control-Allow-Or...
2022-04-07 20:59:54
553
原创 4.6 http协议学习
1.http协议：超文本传输协议 =>基于请求响应模式的，无状态的，无链接的应用层协议，一般应用于web程序中 =>制定客户端（前端）与服务器（后端）通讯的规则 请求响应模式 客户端(发起请求)===> 服务端 服务端（响应数据）====>客户端 无状态 http协议不会保存相应的状态数据，需要的话手写代码进行保存 无链接 每次请求响应完成，链接自动断开 url=====>统一资源定位符：定位网络中资源 格式：http:...
2022-04-07 17:47:12
587
原创 4.2 后端编程
1. node.js=>不能写bom和dom的操作代码 命令行操作： cd 目录名:从当前目录跳转到指定目录 cd..:返回上一级目录 切换盘符：f: 2.数据库：持久化存储数据的仓库 数据库管理软件 mysql(java) oracle(甲骨文) sqlserver（微软） DB2（IBM） mysql数据库使用流程 安装mysql...
2022-04-07 16:58:06
950
原创 3.31原型链学习
原型属性方法简写 定义对象私有的属性和方法： function Person(){} 定义对象公有的属性和方法： Person.prototype={ //属性、方法 } 原型链：两个或两个以上的原型，通过隐式原型__proto__属性链接起来，形成的链式结构称为原型链。 作用：实现属性方法的继承 实例对象可以沿着原型链的方向，查找原型对象上定义的属性和方法。 ES6新增类的关键字 clas class 类名{ //构造器 constructor(na...
2022-04-07 16:31:08
278
原创 3.30面向对象学习
引入: 面向对象编程：找到可以解决问题的对象，调用其功能解决问题 面向过程编程：按照步骤一步一步解决问题 工厂函数： function createPerson(name,age){ let person={name,age} return person } 构造函数：在一定程度上可以看做对象的模板 函数名就是对象类型名，首字母大写 构造函数中，this关键字只定义属性和方法 通过new语句，调用构造函数创建对象 检查数据类型： ...
2022-03-30 17:40:50
109
原创 3.28 正则表达式学习
正则表达式 用于字符串操作，如字符匹配、字符查找、字符替换等操作； 用某种模式去匹配字符串的公式 正则表达式对象（RegExp） 构造函数方式创建： let reg=new RegExp(正则表达式) 字面量方式 let reg=/正则模式/ 正则常用方法： reg.test(字符串) 字符串.search(正则) 字符串.match(正则) ==>返回一个数组 字符串.replace(正则) 常用元字符： 普通字符：字面意思 元字符：特定意义 匹配所有数字： ...
2022-03-29 20:17:22
308
原创 3.29 json对象学习
Json(Javascript Object Notaion)是一种轻量级的“数据组织格式”和“数据交换格式”，是基于Javascript语言的一个子集。 数据组织格式： XML：<user> Json: { <age>18</age> user：{age:18} </user> ...
2022-03-29 19:40:10
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人