- 博客(49)
- 收藏
- 关注
RSS订阅原创 Vue2 和 Vue3 的组件开发区别
Vue2和Vue3的组件Vue2<template> <div class='form-element'> <h2> {{ title }} </h2> <input type='text' v-model='username' placeholder='Username' /> <input type='password' v-model='password' placeholder='...
2022-05-09 11:20:41
208
原创 for of,hasOwnProperty,...,Object.assign(a,b)
1、for of 与 for in 的区别for of无法循环遍历对象；for in循环遍历的是数组的键值(索引)，而for of循环遍历的是数组的值；for in 会遍历自定义属性，for of不会。2、hasOwnPropertyhasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性语法：obj.hasOwnProperty(prop)参数prop：要检测的属性的 string 字符串形式表示的名称，或者 symbol。返回值：用来
2022-03-24 14:32:44
434
原创 数组常用方法
1.push（）方法参数：任意个，任意值返回值：数组被增加之后的长度功能：在数组的尾部增加数据，增加的数据是push的参数有没有修改原数组：会修改原数组2.unshift（）方法参数：任意个，任意值返回值：数组被增加之后的长度功能：在数组的头部增加数据，增加的数据是unshift的参数有没有修改原数组：会修改原数组3.pop（）方法参数：没有返回值：被删除的数据功能：删除最后一位有没有修改原数组：会修改原数组4.shift（）方法参数：没有返回值：被删除的数据功能：
2022-03-24 13:44:56
67
原创 增加和删除数据
<template> <div class="foods"> <div v-for="item in foods" :key="item.name"> <h3 class="title">{{ item.name }}</h3> <div v-for="subItem in item.content" :key="subItem" class="content"> {{ subIte.
2022-03-21 10:56:06
268
原创 Vue路由
vue-router基本使用由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。基本概念：router：一个机制，相当于一个管理者，来管理路由。通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 routes：一组路由，把每一条路由组合起来，形成一个数组。[{h
2022-03-08 10:28:19
488
原创 Vue3的目录结构
1：dist目录存放打包之后的代码文件2：node_modulesnpm 加载的项目依赖模块3：public公共资源目录4：src要开发的目录。里面包含了几个目录及文件： ：assets 存放每个页面对应的css、js公共函数以及图片文件 ：components 存放项目使用的公共组件 ：router 存放vue-router相关的文件 ：types 存放typescript 支持vue文件的相关配置文件 ...
2022-03-03 13:18:03
5062
原创 TypeScript-01数据类型
1. 基础数据类型1.1 布尔类型//let 变量名：数据类型 = 值let flag:boolean = true1.2 数字类型let a1:number = 10二进制/八进制/十六进制0b/0o/0x1.3 字符串类型let str1:string = 'biu'//字符串和数字可以拼接str + numts中，变量一开始是什么类型，赋值就只能使用这个类型的数据1.4 undefined & null//可以作为其他类型的子类型(1.tsc
2022-03-02 11:22:06
433
原创 Day05 - TypeScript
始于JavaScript，归于JavaScriptTypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码。TypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。获取TypeScriptNode
2022-02-26 22:56:06
125
原创 Day03 - HTML&css基础
一、HTML超文本标记语言负责网页三要素中的结构 超文本: 超级文本：字符，超级链接，图片，音频，视频，画布（地图、图表、3D模型） 标记： 标签进行标记， html标签（无法使用自定义标签） 1.结构 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten
2022-02-23 18:00:48
198
原创 Day02 - git rebase
1.拉取代码> git pull origin dev等价于> git fetch origin dev> git merge origin/dev2.保持代码整洁（变基）> git rebase -i 版本号（当前所在版本——所写版本合并）> git rebase -i HEAD-3（当前所在版本与最近3条记录合并）3.记录图形展示> git log --gaph --pretty=format : "%h %s"4.配置文件项目
2022-02-22 18:37:42
176
原创 Day01 - git
git —— 分布式版本控制软件1. git的安装1）windows安装官网地址： https://git-scm.com/download2） macos安装打开终端，输入git --version 桌面弹出安装X-code的选项，安装即可3）测试是否安装成功 在桌面右击菜单，若出现下图则表示安装成功 也可以在桌面的搜索栏中输入 cmd 打开命令提示符界面，进入终端，输入 > git --version ，安装成功，显示所安装git的版本信息 ...
2022-02-21 17:58:29
148
原创 Vue生命周期
（一）初始化阶段1.第一个执行生命周期函数,注意: 在这个函数执行的时候vue实例仅仅完成内部事件和使用生命周期方法初始化beforeCreate(){}2.第二个执行生命周期函数,注意: 在这个函数执行的时候vue实例已经完成自定义data、methods、computed等属性初始化以及语法校验created(){}3.第三个执行的生命周期函数 注意:在这个函数执行的时候vue实例仅仅是将el属性指向的html编译成vue模板,此时并没有完成模板内容赋值beforeMoun...
2021-11-26 13:05:51
228
原创 JS遍历数组，对象，字符串
数组遍历for --使用变量将数组长度缓存起来，在数组较长时性能优化效果明显 for(var i=0,len=arr.length;i<len;i++){console.log("元素："+arr[i]);} forEach --ES5语法，对数组的每个元素执行一次提供的函数，不能使用break、return arr.forEach(function(item,index,arr){console.log("元素："+item+" 索引："+index+" 整个数组："
2021-11-25 20:19:24
514
原创 JS 继承
对象的继承：A对象通过继承B对象，就能直接拥有B对象的所有属性和方法。方法一：原型链继承子类型的原型为父类型的一个实例对象 。function Person(name,age){ this.name = name, this.age = age, this.play = [1,2,3] this.setName = function(){}}Person.prototype.setAge = function(){}function Student(pri
2021-11-15 20:02:02
51
原创 Preparing02
js中new操作符new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。例：var obj = new Base();var obj = {}; obj.__proto__ = Base.prototype; Base.call(obj); 第一行，创建一个空对象obj第二行，将这个空对象的proto成员指向了Base函数对象prototype成员对象第三行，将Base函数对象的this指针替换成obj。...
2021-10-25 20:03:38
107
原创 Preparing01
JS垃圾回收机制防止内存泄露。内存泄漏就是当已经不再需要某块内存时，这块内存仍存在着，垃圾回收机制就是间歇的不定期的寻找不再使用的变量，并释放掉它们所指向的内存。视为垃圾的情况：没有被引用的对象 几个对象相互引用形成闭环不会被视为垃圾的情况：全局变量 有具体引用关系的对象（闭包）undifined ,null ,number ,boolean ,string ,symbol ,bigint object(array,function,date)原型：所有引用类型都有一...
2021-10-19 23:50:07
266
原创 JavaScript HTML DOM 事件
目录1.向 HTML 元素分配事件2.事件2.1onload 和 onunload 事件2.2onchange 事件2.3onmouseover 和 onmouseout 事件2.4onmousedown, onmouseup 以及 onclick 事件当用户点击鼠标时 当网页加载后 当图像加载后 当鼠标移至元素上时 当输入字段被改变时 当 HTML 表单被提交时 当用户敲击按键时 1.向 HTML 元素分配事件 <!DOCTYPE html>..
2021-10-14 19:58:56
79
原创 创建新元素
<script>function appendText(){var txt1="<p>Text.</p>"; // 以 HTML 创建新元素var txt2=$("<p></p>").text("Text.2"); // 以 jQuery 创建新元素var txt3=document.createElement("p");txt3.innerHTML="Text.3"; // 通.
2021-10-13 18:57:54
157
原创 npm安装报错Error: EPERM: operation not permitted
C:\Users\Lenovo>npm install npm -gnpm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path E:\Briup\node_global\node_modules\.stagingnpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir 'E:\Briup\node_global\node_modules\.stagin.
2021-10-09 10:09:27
1702
原创 JSON（JavaScript 对象标记法）
JSON是一种存储和交换数据的语法，是通过JavaScript对象标记法书写的文本。1.简介1.1交换数据当数据在浏览器与服务器之间进行交换时，这些数据只能是文本。JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。1.2发送数据如果数据存储在 J
2021-10-08 18:52:45
210
原创 JS AJAX
一、简介1.功能：不刷新页面更新网页 在页面加载后从服务器请求数据 在页面加载后从服务器接收数据 在后台向服务器发送数据2.AJAX 仅仅组合了：浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据） JavaScript 和 HTML DOM（显示或使用数据）3.工作原理：网页中发生一个事件（页面加载、按钮点击） 由 JavaScript 创建 XMLHttpRequest 对象 XMLHttpRequest 对象向 web 服务器发送请求.
2021-09-29 19:52:49
154
原创 函数的返回值
函数的返回值格式function 函数名(){ return 需要返回的结果;}函数名();1.函数只是实现某种功能，最终的结果需要返回给函数的调用者 函数名（）通过return实现的2.只要函数遇到return就把后面的结果返回给函数的调用者 函数名（）= return后面的结果function getMax(num1,num2){ if(num1>num2){ return num1; }else{ r..
2021-09-23 20:02:51
128
原创 this指向
一般情况下，this指向那个调用它的对象。1.全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）window.setTimeout(function(){ console.log(this);},1000)2.方法调用中谁调用this就指向谁3.构造函数中this指向构造函数的实例...
2021-09-23 19:35:04
33
原创 JavaScript作用域
代码名字（变量）在某个范围内起作用和效果，目的是提高程序的可靠性，更重要的是减少命名冲突。1.js的作用域1.1全局作用域：整个script标签，或者一个单独的js文件1.2局部作用域（函数作用域）：在函数内部就是局部作用域，这个代码名字只在函数内部起作用2.变量的作用域2.1全局变量：在全局作用域下的变量。在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存。2.2局部变量：只在函数内部使用，当其所在的代码块被执行时，会被初始化；当所有代码运行结束后，就会被销毁.
2021-09-22 20:07:34
37
原创 H5API
1.语义标签 <nav>网站导航块 <section>表示页面中的一个内容块 <article>表示页面中的一块与上下文不相关的内容块 <aside>元素表示当前页面或文章的附属信息部分 <header>表示页面中一个标题区域 <footer>底部标签 <hgroup>用于页面中与标题区域组合 <figure>一段独立的流内容
2021-09-18 14:31:37
171
原创 jQuery
这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），然后根据这个表达式来查找所有匹配的元素。默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象
2021-09-16 20:07:09
50
原创 浏览器对象模型BOM
BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。...
2021-09-16 19:18:45
90
原创 CSS隐藏元素的几种方法
1、visibility: hidden<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>元素隐藏--visibility: hidden</title> <style> .demo{ width: 800px; height: 200px; margin: 50px auto; } span{
2021-09-15 19:51:09
586
原创 常用正则表达式
1 用户名正则 1 2 3 4 //用户名正则，4到16位（字母，数字，下划线，减号） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("iFat3")); 2 密码强度正则 1 2 3 4 //密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个
2021-09-14 19:58:50
141
原创 正则表达式
正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。正则表达式是由普通字符（例如字符 a 到 z）以及特殊字符（称为"元字符"）组成的文字模式。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。1.实例化正则表达式var pattern =new RegExp("正则表达式","修饰符")var pattern =ne
2021-09-14 19:56:39
42
原创 Algorithm
用递归的方法实现1到100求和。function recursion(n){ if(n==0) return 1; else return n+recursion(n-1);}var result=recursion(100);console.log(result);输入一个字符串和一个字母，输出这个字母在这个字符串中出现的次数，例如：输入 hello,l 输出 2方法一：function count(str,char){ var res=0;//次数
2021-09-13 14:48:26
56
原创 examination question bank
【问答】linux中 vim有几种模式？如何进行这几种模式的切换命令行模式、插入模式、底行模式命令行模式->插入模式命令行模式->底行模式: ?插入模式->命令行模式esc【问答】css3中animation与transition表示什么意思？animation表示动画transition表示过渡【问答】css中verticle-align规则有什么作用设置行内元素的排列方式。默认取值为baseline，即行内元素默认按照基线来进行...
2021-09-13 14:32:37
74
原创 用css绘制一个三角形
不给盒子元素设置宽高，给4个方向分别设置边框，但是颜色都为透 明，设置其中一个方向边框色，例如border-bottom，那么将绘制一个三角朝上的三角形。#app { width: 0; height: 0; border: 100px solid transparent; border-bottom: 100px solid #ccc; }...
2021-09-08 18:49:58
73
原创 数 组
ECMAScript数组是有序列表，是存放多个值的集合。有以下特性：每一项都可以保存任何类型的数据。数组的大小是可以动态调整。数组的length属性：可读可写，可以通过设置length的值从数组的末尾移除项或向数组中添加新项js中的数组是可以存放任意数据类型值的集合，数组的元素可以是任意数据类型，数组的长度可以动态调整。// 数组的创建var arr1=new Array();arr1[0]='wenxiao';console.log(arr1);console..
2021-09-07 19:56:55
112
原创 对象的序列化
序列化是指把对象的状态转换成字符串，本质上就是一个byte[ ]数组。 之所以要把Java对象序列化，是因为序列化后可以把byte[ ]保存到文件中，或者把byte[ ]通过网络传输到远程，这样，就相当于把Java对象存储到文件或者通过网络传输出去了。有序列化，就有反序列化，即把一个二进制内容（也就是byte[ ]数组）变回Java对象。有了反序列化，保存到文件中的byte[ ]数组又可以“变回”Java对象，或者从网络上读取byte[ ]并把它“变回”Java对象。RegExp,Error对象，u.
2021-09-07 19:52:09
465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人