- 博客(61)
- 收藏
- 关注
RSS订阅原创 copilot插件使用介绍
copilot（副驾驶）是OpenAI和GitHub联合构建的一个基于AI的编程辅助工具。官网地址：https://copilot.github.com利用网络中的数十亿行公共代码（尤其是开源在GitHub上的），然后基于机器学习算法训练出来的，所以理论上支持所有编程语言，目前对Python、JS、TS、Ruby、Java、Go这些语言尤为适用。此前只支持vscode ，目前IDEA、PyCharm（高版本）、Neovim等都可以用了，但是目前仍处于预览阶段，想体验的话需要先申请，审批通过后安装cop
2022-04-14 16:00:19
46484
3
原创 git 提交项目操作说明
cd 项目根目录git init . 项目初始化（.代表当前目录）git remote add origin https://gitee.com/smy-timi/miaomiao.gitgit pull origin dev --allow-unrelated-histories
2022-01-05 22:53:55
327
原创 axios请求数据
axios请求数据完整版：1）引入axios文件 <script src="./axios.min.js"></script>2）引入文件后，会有axios的全局对象// 请求数据: axios({config}) <script> axios({ // `url` 是用于请求的服务器地址 url: "/caihongpi/index", // `method` 是创建请求时使用的方
2021-12-22 11:53:45
941
原创 Vue-组件传值
父组件给子组件传值：1 子组件里面定义: props:['变量名1','变量名2']2 在父组件通过子组件标签属性设置: 变量名1="值1" 变量名2="值2"3 子组件里面使用: this.变量名1 this.变量名2<div id="app"> <input type="text" v-model='test'> <son v-bind:title='test'></son></div><script
2021-12-20 17:02:28
120
原创 Vue快速入门---组件component、生命周期
组件component：可复用的 Vue 实例，且带有一个名字。（这个名字没有编程作用，一般用于调试代码使用，安装vue-devtool工具，在这个工具里面name才有用）1）全局组件:在所有Vue实例里面都可以使用（当标签来用）。Vue.component('组件名称建议短横线命名',{ // {}里面的选项和vue实例的选项是一样的 // data选项必须是一个函数})2）局部组件:在定义该组件的Vue实例里面可以使用new Vue({ componen
2021-12-16 19:49:50
1116
原创 Vue--自定义指令（钩子、参数）
vue本身定义的指令：-- v-xxx，都是以v-开头（如v-on，v-bind，v-if，v-for.....)，写在标签上。自定义指令directive：-- v-xxx，都是以v-开头，写在标签上。--全局自定义指令: 在所有的vue实例都可以使用；--局部自定义指令: 在当前的vue实例可以使用；例：自定义 自动获取焦点指令v-focusVue.directive("focus", { bind() { // 第一次绑定到元素时调用 ..
2021-12-16 19:16:08
234
原创 Vue快速入门3------混入mixin
混入mixin：（vue2是深合并，vue3是浅合并）1）局部混入（只有当前进行混入的实例可以使用）--外部定义若干个要混入实例的对象；--在实例内容使用: mixins:[混入对象1,混入对象2,...]；--对于混入的data,methods选项；（如果有重复，以实例对象里面的为准）// 书写一个对象，这个对象里面是可复用的内容 var mixinObj = { data() { return { flag: true,...
2021-12-16 17:45:39
249
原创 Vue计算属性computed、v-model、侦听器watch
1）计算属性computed：解决在模板中放入太多的逻辑会让模板过重且难以维护的问题 computed:{fn1(){return 123},fn2(){return 456 }} 把计算属性当变量使用，变量值就是 fn1,fn2 函数的返回值(fn1 和 fn2 后面不能加括号) <h1>你的全名是:{{fullName}}</h1>computed: { fullName() { return this.firstName + this.
2021-12-15 18:47:01
1587
原创 Vue快速入门、常用指令
Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1、引入vue.js方法1：引入在线链接<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsde.
2021-12-13 19:25:38
1292
原创 Charles的介绍 配置与使用
简介Charles中文名叫青花瓷它是一款基于HTTP协议的代理服务器通过成为客户端或者浏览器的代理然后截取请求和请求结果达到分析抓包的目的。特点跨平台 win linux mac 半免费 启动等待 运行30分钟会强制重启 原理前置步骤需要运行Charles并配置代理 在客户端上面需要配置代理步骤1.由客户端发送请求2.Cha...
2021-12-03 12:31:22
629
原创 es6中的map、set数据类型
es6 新增的集合类型数据-Map和Set，他们是对原有的对象和数组类型的集合数据的补充。1、map类型map和对象 都是键值对集合的形式，但结构不太一样。对象中，键值对 是以`:`关联，map中一个键值对是一个数组。{ // 对象的键值对结构 name : '张三', gender : '男', age : 18}const entries = [ // map键值对结构 ['name', '张三'], ['gender', '男'],
2021-11-29 21:17:27
593
原创 Ajax跨域请求
跨域：当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，此时就被称为“跨域请求”，而浏览器的“同源策略”此时将阻止了Ajax的跨域访问。ajax同源策略的限制，会跨域拦截，解决方案：1.服务端接口设置允许访问的cors头(cross origin resource share)，CORS跨域资源共享(Cross Origin Resource Sharing) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许
2021-11-24 20:15:23
1905
原创 Ajax快速入门
概述Ajax全称"Async Javascript And XML"即：异步的javascript和XML。它是一种称谓，并不指代某项具体的技术，准确来说是一系列技术的集合，所包含的有： async：指Ajax能够创建异步的HTTP线程请求到服务器，Ajax的核心价值。 javascript：Ajax技术实现的载体平台，js内置对象XMLHttpRequest操作Ajax。 xml：一种具有通用性的数据格式，用在客户端和服务器交互数据，现在更多的使用json。 现在，所有的
2021-11-23 17:45:46
794
1
原创 jQuery快速入门（2）--操作 2021.11.20
关联查找1)$dom.parent()：找$dom的父节点，相当于dom.parentNode属性2)$dom.first()：$dom集合中的第一个，平行关系 而不是父子关系 与parentNode.firstChild不一样3)$dom.last()：$dom集合中的最后一个 平行关系 而不是父子关系 与parentNode.lastChild不一样4)$dom.contents()：找$dom的所有子节点 相当于dom.childNodes5)$dom.children()：找$d
2021-11-20 11:10:20
2945
原创 jQuery快速入门① 2021.11.20
jQuery字面含义为"js query"（js 查询器），用来快速查询页面元素。它是基于原生js封装的一个功能操作库，类似之前我们自定义的Validate正则操作对象、事件兼容处理对象evntUtils、Ajax操作等。jQuery秉持"write less,do more"（写的少 做的多）的开发原则，它的主要优势体现在以下几个方面：1、语法简练、语义易懂、学习快速、文档丰富。2、小巧灵活，页面引入后直接使用，真正小而美的轻量级工具。3、支持 CSS1~CSS3 定义的属性...
2021-11-20 10:24:37
824
原创 js中的作用域及作用域链 2021.11.17
js中的作用域层面：函数作用域 -> 块级作用域 -> 作用域链1）函数作用域：早期，js中只有函数有作用域，函数用来划分全局和局部作用域。function f(){ var a = 1; console.log(a) // 1 } f() console.log(a) //undefined2）块级作用域：es6之后，增加了块级语句{}的作用域，例如 if() { ... }、for
2021-11-17 20:06:40
86
原创 js中的对象静态方法（Object.方法） 2021.11.15
1）Object.assign 合并对象// 通过复制一个或多个对象来创建一个新的对象，就是合并多个对象为一个新的对象 var target = { foo : 'hello', // 相同的键，后者会覆盖前者 test : 'test', }// 合并的过程是复制对象源source 到一个新对象 - 这个过程可以实现克隆 Object.assign(target, {bar : 'bar'}, {baz : 'baz', test : 'text'}); c
2021-11-15 19:57:15
1564
原创 js中的（对象、构造函数、类）继承性 2021.11.11
1、对象之间的继承两个对象student、person不增加对象本身的重量而实现继承，很容易想到原型对象，一个对象会继承它原型对象中的内容，同时自身没有增加，stu如果要继承person，就必须将person变成stu的原型对象。es6新增了setPrototypeOf可以直接修改一个对象原型2、构造函数的继承（包括2部分：属性的继承、方法的继承）对象的继承，只能实现单个对象的继承，无法在工程化项目中 实现批量对象的继承，那就要在构造函数上面实现继承，这样确保 每个实例化出...
2021-11-11 20:45:44
958
原创 js中的深浅复制（深浅拷贝、深浅克隆）
什么是浅复制？--把一个变量赋值给另一个变量，基本数据类型如数字，字符串，布尔值等这些是拷贝值，引用数据类型如对象，数组，函数等，这些拷贝的是地址。深复制：将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。赋值、浅拷贝、深拷贝的区别：赋值：其实赋的是该对象、数组的引用地址，也就是说两个对象是联动的，存在关系的，只要其中一个变量改变，另外一个变量就会跟着改变。浅拷贝：重新在堆中创建内存，拷贝前后对象的基本数据类型互.
2021-11-11 20:11:11
910
原创 js中的原型模式、原型对象、原型链 2021.11.10
前端中的“两链一包”：原型链、作用域链、闭包。原型对象的产生由来：由一个类或者构造函数 实例化生成多个对象 他们都相同的方法，没有必要给每个设置一份，为解决构造函数中的写方法造成的内存浪费问题，可以将他们放到一个公开的、能被共享的位置去定义 ------即原型对象。js提供的原型对象 它的内容 可以被所有的实例对象继承和共享。构造函数的prototype是它的原型对象，写进原型对象里：（一种方法是扩展，一种是重写）//扩展写法此时原型对象的内容是：console.log(..
2021-11-10 20:41:50
1557
4
原创 js中的严格模式 “use strict“ 2021.11.10
es5 新增的严格模式，就是将代码 放到一个更为安全、高效的环境中来运行 - 有规则验证1、如何加载严格模式？通过声明 "use strict" 字符串的声明，一般三种场景：1）script标签内声明 表示 该段代码 限定在严格模式中；2）function内声明，表示 函数体内是严格模式环境；3）脚本文件头部声明，表示 该文件运行严格模式中；对于严格模式具体限定的行为主要有以下部分：// ① 变量必须声明后再使用，就是不能省略var// ② 函数的参数不能有同名属性，否.
2021-11-10 19:49:26
307
原创 js中的class类模式及语法 2021.11.10
es6新增了class类语法，能够像多数面向对象语言那样 使用类来生成对象，但es6的class只是一个类的语法糖，形式上的语法 写法简化，实现对等效果，本质上是构造函数+原型对象的模式。构造函数 用来创建属性，原型对象设置方法。// 构造函数+原型对象 结构比较杂乱，class就是将他们整合在一起，让js的面向对象更优雅写法如下：class的语法规范：1、构造函数有预加载-声明提升 ，但class没有；2、class内部，默认是严格模式的环境；（es5 新增的严格模式，就.
2021-11-10 19:33:27
361
原创 js中this的默认指向及如何修改指向 2021.11.09
各场景下 this 的默认指向：- 在普通函数中指向 window- 在事件函数中指向 事件源- 在定时器中指向是 widnow- 在自执行函数中指向 window- 在对象中指向 对象- 在箭头函数中是没有this指向的 往上级查找修改this指向的方法：1）call（要改变的指向，参数1，参数2，.......)；2）apply（要改变的指向，【参数1，参数2，.......】)；3）bind（要改变的指向，参数1，参数2，.......) ；区别：cal
2021-11-09 18:52:56
144
原创 前端开发工程师面试题 整理1 2021.11.08
1、CSS水平、垂直居中的方法？至少4种水平居中：1）行内元素 text-align：center；2）块级元素 margin：0 auto；3）position：absolute；left：50；top：50%；margin：-width/2，-height/2；4）弹性盒display：flex；justify-content：center；5）定位+ left: 0; top: 0; right: 0; bottom: 0; margin: auto;垂直居中：1）l.
2021-11-08 20:35:51
122
原创 day39 原型链及页面烟花效果 2021.10.13
原型链：（Object是顶级的构造函数，在js中万物皆对象）只要是对象就有一个属性__proto__，原型对象也是对象，所以原型对象也有__proto__属性，这个属性指向的也是一个原型对象实例对象的__proto__指向原型对象，原型对象的__proto__指向另外的一个原型对象，都是对象，都有__proto__属性，所以最后找到的原型都是Object.prototype实例对象方法属性的访问规则：实例对象访问属性的时候，先在实例对象本身查找，找到了就使用如果找不到，则在__p
2021-10-13 21:07:29
97
原创 day38 面向对象 笔记2021.10.12
创建对象的方式：1）字面量方式：2）系统内置的构造函数： 自动创建对象 手动添加成员 自动返回对象 3） 工厂函数方式：手动创建对象手动添加成员手动返回对象判断对象的类型：对象 instanceof 内置构造函数 --（返回值为布尔值）检测数据的类型：typeof（检测数据） --返回值为类型万能数据类型检测：Object.prototype.toString.call（检测数据） --返回值为o...
2021-10-13 20:08:48
68
原创 day37 js笔记 运动函数 2021.10.11
鼠标事件：mouseover/mouseout绑定的事件移入事件，子元素也会触发mouseenter/mouseleave绑定的事件移入事件，子元素不会触发trycatch语法：（可调试用）try {} catch (error) {}--先执行try后面的代码，如果没有报错则，结束；如果try中的代码有语法错误，则浏览器不会报错，将错误信息给到error参数，然后执行catch中的代码获取对象中的属性名方法：Object.keys(对象)返回值：由对象的所有属性名组成的数组
2021-10-11 17:30:53
55
原创 day36 js笔记 ECMA6语法 2021.10.09
ES6中新增声明变量的关键字：let、constlet的使用：- 不可以重复定义,可以重新赋值- 不能进行预解析、变量提升- 块级作用域- 不在window上const创建变量的使用：- 创建的是一个常量(不可改变的量)- 不可以重新定义和赋值的！！！- 不能进行预解析、变量提升- 块级作用域- 不在window上同步和异步的概念：- 同步:做完一件事情后才能去做另一件事情- 异步:可以同时去做多件事情永远都是同步先执行 当同步执行完毕后才会执行异
2021-10-11 13:42:17
108
原创 day34 js笔记 正则表达式 2021.09.29
正则表达式（regular expression）：做验证创建方式：- 直接创建(声明式、字面量方法) var reg = /表达式/ 常用的创建方式- 构造函数方式 var reg = new RegExp() 相对麻烦一点- 构造函数的简写方式 var reg = RegExp() 上一种new可以省略正则表达式的方法：1）验证： 正则表达式.test(字符串) --验证...
2021-09-29 19:30:28
103
原创 day33 js笔记 事件（下）2021.09.28
事件对象下的事件类型： e.type - 返回事件 比如:click contextmenu事件对象下的鼠标信息：e.button （- 0 鼠标的左键 - 1 鼠标的滚轮 - 2 鼠标的右键）事件对象下的键盘码：e.keyCode （回车键 13 - 空格 32 - 上下左右 37 38 39 40- 数字和字母是对应的ASCII）获取设置元素的位置及大小方法：- offsetTop/offsetLeft 元素距离浏览器顶部和...
2021-09-28 18:00:27
70
原创 day32 js笔记 事件（上）2021.09.27
事件三要素：事件绑定、事件类型、事件函数常见的处理：1.在标签或者js文件中 dom元素.事件 = function(){}2.function fn(){} dom元素.onclick = fn- 这种不要在函数名称后面添加小括号 自己调用执行注意：提交表单的时候不要给form表单绑定单击事件,表单会默认提交 提交后就相当于刷新页面跳转到新的页面 表单中submit方法事件流：- 捕获阶段:从代码的最外层开始往代码的内层去查找,是一个查找绑定事件的过程(从外层到...
2021-09-27 21:09:15
69
原创 day31 js笔记 DOM下 2021.09.26
Dom节点：- 元素/标签节点:html标签下面的所有标签/元素- 属性节点:标签内的属性- 文本节点:标签内的所有文字内容获取子节点及子元素节点：（获取子节点时有标签的就输出标签 没有标签就输出#text）- childNodes 获取标签下面的所有子节点- children 获取标签下面的所有子元素节点- firstChild 获取标签下面的第一个子节点- lastChild 获取标签下面的最后一个子节点- firstElementChild 获取标签下面的第一个子.
2021-09-26 19:44:56
72
原创 day30 js笔记 BOM和DOM 2021.09.24
javaScript三大组成部分：DOM、BOM、ECMAScriptECMAScript：基础语法、数据类型、变量、运算符...BOM：Browser Object Model 浏览器对象模型，提供了一套专门用来操作浏览器的方法，对象是Window；BOM中获取浏览器窗口尺寸大小（window可省略，单位是px，只能读,不可以修改）方法1：(包含滚动条)- 浏览器窗口的高度 window.innerHeight- 浏览器窗口的宽度 window.innerWidth方法2：(不
2021-09-24 19:02:07
106
原创 day29 js笔记 2021.09.23
Math内置对象：- Math.PI 圆周率- Math.abs() 绝对值- Math.max() 最大值- Math.min() 最小值- Math.ceil() 向上取整(天花板函数)- Math.floor() 向下取整(地板函数)- Math.round() 四舍五入- Math.random() 随机数（0~1）如果内置对象中的元素是字符串：- 字符串的内容是数字的时候 会默认转换为数字类型- 字符串的内容是中文汉字的时候 会返回NaN(not a
2021-09-23 17:22:58
84
原创 day28 严格模式、字符串 js 2021.09.22
ES5的严格模式：使用语法： "use strict";使用说明：--要放在代码的最前面，也就是在script标签中的第一行或者某个函数中的第一行，否则会失效--严格模式可以规范当前script标签或者当前函数中的代码，不能规范别的script标签中的代码和别的函数规范的语法： 不允许隐式声明变量 禁止函数中的形参重名 禁止函数中的this代表window 为什么要使用严格模式？ 可以让代码更加规范 可以让代码运行起来更快，提高运行效率 注意
2021-09-22 20:53:56
89
原创 js中的数组方法 2021.09.18
基础数据类型：number、string、boolean、undefined、null引用（复杂）数据类型：Array、function, Object结论：简单类型存储的是值本身，复杂类型存储的是地址，引入如果把第一个对象赋值给另一个变量，此时两个变量会指向同一个对象。栈内存：存放地址； 堆内存：存放地址指向的值；数组操作的方法：splice : 数组任意地方删除或者添加元素splice(start, deletedCount) 删除元素splice(start, ...
2021-09-22 20:16:45
128
原创 day26 对象、数组、构造函数 JavaScript 2021.09.17
对象：（三种表现形式）var arr = []; // 数组var obj = {};var none = null;创建对象：var obj = {键1:值1,键2:值2,...}; --直接创建var obj = new Object({键1:值1,键2:值2,...}); --构造函数对象的访问：1) 对象.键的名字2) 对象['键的名字']注意：- 两种方式都是可以获取到对象中的相关数据、属性- 对象.键的名字获取的时候 如果键有...
2021-09-17 18:58:15
124
原创 day25 js中的预解析、递归函数、事件 2021.09.16
预解析：（变量提升）代码在执行之前先进行解析，将变量和函数的声名放在当前作用域的最前面。总结：1.用var关键字声名的变量，将变量的声名提升到当前作用域的最前面，赋值不提升2.自定义的函数整体提升到当前作用域的最前面3.函数同名，后面的会覆盖前面的4.变量和函数同名，函数优先提升面试题：//1.var num = 10;fn1();function fn1() { console.log(num); var num = 20;}//2.var a =...
2021-09-16 19:07:50
89
原创 day24 js笔记 2021.09.15
函数：（优点：1.实现了代码的可重用性；2.实现了模块化编程）定义语法：function 函数名(){ 代码段}# function是一个关键字，函数名自定义，定义规则和变量的定义规则相同函数的调用：函数名()例子：// 定义函数:求两个数的和function fn(){ --形参 var a = 1; var b = 2; var c = a + b; console.log(c);} ...
2021-09-15 17:27:31
116
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人