- 博客(70)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vscode多行注释，自定义按键多行注释
1.打开vscode，点击左下角齿轮图标，然后点击键盘快捷键方式2.在搜索框搜索注释，找到第一个切换块注释，默认是Shift+Alt+A，双击切换块注释，或者右键选择更改键绑定3.在输入框依次输入你想设置的按键，最后按enter确定...
2022-04-27 17:15:24
13104
1
转载 VUE h5移动端设置每个页面的头部title
在 router.js 中需要在每一个路由下面多添加一个 meta:{title:‘主页’}，比如： { path: '/login', name: 'login', meta:{index:1,title: '登陆/注册'}, component: () => import('./views/Login.vue') }, { path: '/', //个人中心 name: 'personalCente.
2022-04-09 20:46:01
2049
原创 深拷贝、浅拷贝、解构
一、浅拷贝将对象里的每一个成员复制一份一模一样的内容，放到另一个对象里面当对象里的一个对象成员是复杂数据类型的时候，这个成员依旧是一样的也就是说浅拷贝只是操作对象里的一层是没有关系的，如果有深层次就会出问题。...
2022-03-03 09:54:35
366
原创 cookie
cookieCookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息cookie的属性name=value: 必须的， 指定了cookie的名字（自定义的）和值（存储的数据）path : 路径， 允许cookie在那个路径下被访问， 默认值 是 path=/;domain : 域， 允许cookie 被那个域访问，expires ：有效期， 限
2021-12-17 16:07:33
615
1
原创 express 搭建项目
express 搭建项目generator生成器安装 npm i express-generator -g安装成功后，可以使用 express 命令创建项目测试express-generator是否安装成功， 使用命令 express --version执行完命令显示出express的版本号创建项目 express -e 项目名-e 是模板引擎 ejs项目名 是项目名称，自定义的（英文名）进入项目目录 cd 项目的文件夹名(上边创建的项目名)安装依
2021-12-17 15:28:11
447
原创 git中查看和设置 用户名、密码
用户名和邮箱地址的作用用户名和邮箱地址是本地git客户端的一个变量，不随git库而改变。每次commit都会用用户名和邮箱纪录。github的contributions统计就是按邮箱来统计的。修改密码 git config --global credential.helper store (输入这个命令后,以后只要在输入一次用户名密码)查看用户名和邮箱地址： git config user.name git config user.email修改用户名和
2021-12-16 11:04:12
3243
原创 Vue移动端项目中px转rem的两种方法
1）使用lib-flexible动态设置REM基准值(html标签的字体大小)安装依赖 yarn add amfe-flexible // 或者 nmp i amfe-flexible然后在main.js中引入加载执行该模块 import 'amfe-flexible'最后测试：在浏览器中切换不同设备尺寸，观察html标签font-size的变化。2）使用postcss-pxtorem将px转为rem。安装依赖 yarn add postcss-pxtorem -D // 或者
2021-12-15 20:50:16
7406
5
原创 node总结
node介绍官方：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。私人：一个“软件”，能运行js代码说白了Node.js存在意义就是让JavaScript可以和其他的后端语言一样能够在服务器上运行,它的存在对于JavaScript有了质的飞跃,可以让前端语言JavaScript在写完之后交给Node.js进行编译和解释现在已经有很多公司在使用node作为服务器语言了，国外的：linkedin/paypal/twitter 国内的： 知乎的主站推送、网易（部
2021-12-15 15:37:23
2207
原创 express ajax 总结
express-generator 生成器通过 express的生成器 可以快速搭建一个应用程序的骨架安装npm i express-generator -g搭建项目安装完成后，可以使用 express 命令 搭建项目 会自动生成一个项目结构// 语法规则express 模板引擎 项目名称// 案例express -e myapp进入到项目根目录cd myapp安装依赖npm install npm i运行项目npm run start认识ajax一、a
2021-12-15 15:35:12
1243
原创 MySQL 数据库 总结
什么是数据库?数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储，它是独立于软件之外的软件，可以通过API去操作它数据库软件开放了一些api可以在网站程序中通过api去操作数据库中的数据为什么使用数据库?动态网站的数据都是存储在数据库中数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理常见的数据库软件：MongoDB MySQL Oraclemysql 下载地址：→mysql端口：3306 http协议：
2021-12-15 15:12:10
1417
原创 Git 总结
版本管理工具git : 分布式管理；是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理svn ：集中式管理; SVN是subversion的缩写，是一个开放源代码的版本控制系统，通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理git 介绍git 是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理git的重要概念三种状态现在请注意，如果你希望后面的学习更顺利，请记住下面这些
2021-12-14 10:32:45
683
原创 正则表达式 RegExp
正则表达式 RegExp一、正则表达式的概念二、正则表达式的组成三、正则对象 RegExp两种方式的区别四、正则对象的方法五、修饰符六、元字符七、字符类八、量词九、转义字符 \十、分组反向引用十一、或十二、断言十三、匹配模式十四、字符串中和正则相关的方法一、正则表达式的概念正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。二、正则表达式的组成正则表达式由元字符，字符类，和量词组成 /
2021-12-14 09:22:09
1193
原创 webpack 最全的总结
webpack安装安装之前进行项目初始化生成 package.json 文件npm init -y npm init 接下来安装 webpack 和 webpack-clinpm i webpack webpack-cli --save配置命令行在package.json文件的scripts字段中配置启动命令"scripts":{ "test": "echo \"Error: no test specified\" && exit 1", "dev":"
2021-12-14 09:13:32
911
2
原创 vue-echart的使用方式
vue项目引入echarts常规方式安装 echartsnpm i echarts --sav在main.js中配置// 引入import * as Echarts from 'echarts'// 挂载到vue的原型对象上Vue.property.$echarts = Echart在单文件组件中使用echarts创建一个图标容器，并且设置宽高<div id='box'></div在 方法中定义图表配置项和初始化 ； 在 mounted
2021-11-30 11:44:15
773
转载 vue template自动补齐
Vue中template里面的模板字符串输入标签自动补齐一、打开设置。二、在搜索栏搜索emmet，找到在 setting.json 中编辑(有好几个，随便选择一个就行),进入setting.json文件。三、在原有代码中添加下列代码。// 自动补全 "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation"
2021-11-10 20:42:45
1634
2
原创 JavaScript
解决小数运算的精确问题的方法逻辑运算符的短路讲不讲 . 短路和运算符的优先级有冲突。。。var a=10;3-2 || a++ //1 a为10ASCII 码 发音 as key码一个编码，用来表示计算机输入的所有内容，最早把所有的可以输入的内容全部转换成二进制保存，给电脑上的每一个键，每一个输入都编了一个二进制码，一共128个，起了个名字叫做ASCII码unicode编码随之计算机的发展，128个ASCII码不够用，万国码（统一码）取名叫做unicode编码，里面前128个就是AS
2021-10-27 20:34:30
564
原创 怎样用js写放大镜？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-22 00:55:26
92
原创 swiper
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-09-22 00:52:37
81
原创 js执行机制
js是单线程的，也就是说在同一个时间中能做一件事，这是因为js这们脚本语言诞生的使命所导致的，js是处理页面中的用户的交互，以及操作DOM而诞生的，比如我们对某个DOM元素的进行添加和删除，不能同时进行，要先添加再删除单线程就意味着，所有的任务需要排队，前一个任务结束才会执行下一个任务，如果一个任务的执行时间过长，这样就会导致线程阻塞，导致页面的渲染不连贯。为了解决这个问题，利用多核cpu的计算能力，html5提出，web worker标准，允许js脚本创建多个线程，于是js中出现了同步和异步同.
2021-09-22 00:38:08
69
原创 什么是本地储存？
本地储存的作用：把一些数据记录在浏览器中，是浏览器提供给我们的一些本地存储数据的机制localStorage 永久缓存，除非手动删除sessionStorage 会话缓存，关闭浏览器就没有了共同点：只能存储字符串格式的数据localStroranglocalStrorage.setItem(‘名字’，‘值’)存储一条数据重复设置同一个名字的时候，就是修改数据localStorage.setItem('name',{name:8});
2021-09-22 00:33:49
3766
原创 什么是深拷贝、浅拷贝？
深拷贝与浅拷贝赋值浅拷贝深拷贝赋值把一个对象的地址赋值给另一个变量两个变量操作同一个空间var o1={ name:'jack'}var o2=o1;o2.name='rose'console.log(o1,o2);//这是赋值和拷贝没有关系浅拷贝把对象里面的每一个成员，复制一份一模一样的内容，放到另一个对象里面当对象里有一个对象成员是复杂数据类型时，这个成员依旧是一样的浅拷贝只是操作对象里面的一层可以没有关系，如果再深层次就会出现问题了var o1={
2021-09-22 00:24:27
84
原创 npm 下载第三方包
npmnpm包管理使用npm下载第三方包到本地npm初始化在cmd中切换到项目目录package.json的作用package.json文件中的一些属性生产环境安装依赖模块开发环境依赖模块安装全部依赖npm包管理npm是随着node一起的，安装了node，npm也就同样安装了。只要安装了node，就可以通过命令行使用npm了在命令行内输入 npm --version 或者npm -v 即可查看npm的版本号npm的卸载：卸载了node，就等于卸载了npm使用npm下载第三方包到本地按下键盘
2021-09-13 16:56:16
5848
2
原创 es6 箭头函数 模板字符串 点点点运算符
8-31-总结一、ES6 官方名称ES2015let const 和 var 的区别var 可以进行预解析，必须要先定义再使用let 声明变量的const 声明常量的二、箭头函数含义：官方解释：箭头函数里面的this是上下文（content），外部作用域的this就是箭头函数的this个人理解：箭头函数this就是，看一下箭头函数写下哪一行，上一行的this就是箭头函数的this箭头函数的语法格式： ()=>{}箭头函数的特征三、函数参数的默认值作用：给函数的形参设置一个默认值四、模板字符串模板字符串
2021-08-31 21:31:22
389
原创 拖拽事件、触摸事件、其他事件
8.24总结一、拖拽事件1.绑定在被拖拽的元素2.绑定在目标元素二、触摸事件1.常见的触屏事件2.触摸事件对象三、其他事件一、拖拽事件有一些标签 比如：img 是可以自带可以拖拽的一般的标签想要拖拽时需要给元素添加一个属性 draggable=“true”拖拽事件需要两个元素才能完成一个完整的拖拽被拖拽元素目标元素与拖拽相关的事件类型，有些是绑定在被拖拽的元素上的，有一些是需要绑定在目标元素上1.绑定在被拖拽的元素ondragstart 拖拽开始绑定在
2021-08-24 23:46:24
539
原创 鼠标事件 鼠标事件对象 js
常见的鼠标事件onclick 单击鼠标左键ondblclick 双击鼠标左键如果给一个元素同时绑定了单击左键和双击左键，每一双左键都会触发两个单击左键事件oncontextmenu 单击鼠标右键 默认会触发菜单onmousewheel 鼠标滚轮事件 wheel轮子给元素绑定滚轮事件后，在元素上滚动滚轮就会触发该事件，但元素外滚动滚轮不会触发onmouseover 鼠标移入onmouseout 鼠标移出onmouseen
2021-08-19 22:53:06
538
原创 事件流 事件传播 事件委托 阻止事件传播 js
事件传播当你在一个元素上触发一个事件的时候，会按照结构父级的顺序向上传播行为，直到window为止当事件触发的时候，会按照结构父级的顺序向上传递同类型的事件在事件对象里面有一个path属性，表示当前事件的传播路径事件流事件发生时发在元素节点之间按照特定顺序进行传播。这个传播的过程既是 DOM事件流事件流分为两个阶段捕获阶段像是在水面上扔了一个石头一样，它有一个下降的过程从window到目标元素的顺序执行绑定的事件冒泡阶段像小泡泡一样，从目标元素到windo
2021-08-18 21:43:58
118
原创 注册事件 事件对象 浏览器的默认行为 阻止默认行为的方法
文章目录一、注册事件1.传统方式 onclick2.事件监听二、事件对象三、事件对象常用的属性和方法四、浏览器的默认行为五、阻止默认行为的方法1.传统的注册事件的方式阻止默认行为阻止默认行为的兼容性写法2.事件监听方式注册的事件阻止默认行为3.阻止框选文字的默认行为4.阻止鼠标右键出现菜单一、注册事件1.传统方式 onclick2.事件监听标准浏览器元素.addEventListener(‘事件类型’，事件处理函数)元素.removeEventListener(‘事件类型’，事件处理
2021-08-18 21:37:56
797
原创 浏览器卷去的高度固定 js
先看效果，代码在下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.
2021-08-18 21:13:10
176
原创 offset client scroll的作用及区别、浏览器事件
文章目录一、offset client scroll的作用及区别1.offset2.client3.scroll二、浏览器事件1.window.onload 等所有的资源加载完2. window.onresize 当窗口尺寸变化的时候3. window.onscroll 滚动事件4.window.onoffline 网络断开事件5.window.ononline 网络恢复6.window.onhashchange 当地址栏中的hash值发生变化时触发的事件一、offset client scroll的作用
2021-08-18 21:08:53
151
原创 08-17小测
1.获取节点的语法有哪些？1、通过document节点获取document.getElementById()document.getElementsByTagName()document.getElementsByName()document.getElementsByClassName()2、通过查询选择器querySelector()querySlectorAll()3、通过节点关系获取元素.parentNode元素节点.children元素节点.childNodes
2021-08-17 09:57:42
60
原创 BOM、location对象、history历史记录、scroll 浏览器滚动
BOM一、location对象location对象里的方法1.location.reload2.location.assign('新的地址')3.location.replace('新的地址')二、window对象1.window.navigator对象2.window.navigator.userAgent3.window.navigator.appName4.window.navigator.platform三、history历史记录1.window.history.back()2.window.his
2021-08-16 21:23:15
486
原创 动态创建元素 、 文档碎片（筐）、偏移量offset、BOM
8.12总结一、动态创建元素1.获取元素document.getElementById('id名')document.getElementsByTayName('标签名')document.getElementsByName('name属性的属性值')； name其实是通用属性，多用于表单元素document.getElementsByClassName('类名')；document.querySelector('选择器') 返回第一个匹配上的元素 nulldocument.querySelectorAll
2021-08-12 23:39:54
282
原创 node 模块化
node 模块化闭包+自执行函数实现模块化var 模块名 = (function(){ .... return { 变量1， 变量2 }})(引入其他的模块名...)ES6模块化export 变量的声明赋值import {变量名} from “模块路径”默认导出一个模块只能有一个默认导出，对于默认导出，导入的名称可以和导出的名称可以不一样。commonJS模块化//导出module.exports={导出的变量}exports.属性名 = value//导入le
2021-07-28 15:42:01
95
原创 DOM 获取DOM元素节点
文章目录1.什么是DOM？节点的类型DOM可以做什么？2.获取DOM元素节点获取元素节点getElementByIdgetElementsByTagName()getElementsByNamegetElementsByClassName()querySelector()querySelectorAll()例1.什么是DOM？DOM：document object model 文档对象模型。DOM是由节点组成的。节点的类型元素节点：HTML标签文本节点：标签中的文字（包含空格和换
2021-07-28 15:37:34
571
转载 Vue 计算属性、Vue 计算属性的特点 Vue 计算属性的缓存、Vue watch监听、Vue 过滤器、
计算属性我们有时候会在模板中绑定表达式来做简单的数据处理，但是如果表达式太长，就会变得臃肿难以维护。比如以下代码<div> {{text.split(',').reverse().join(',')}}</div>表达式里面包含了3个操作，并不是很清晰，有时候可能会更加复杂，所以在遇到复杂的逻辑时，我们应该使用计算属性。上例可以用计算属性进行改写：<div id="app"> {{reverseText}}</div><
2021-06-27 22:15:42
867
转载 VUE基础
VUE基础1、vue是什么？目前前端有三个非常流行的框架，非别是angularjs,reactjs,vuejs。而这三个当中，vuejs的受欢迎度目前是最高的，而开发vuejs的就是一个中国人尤雨溪。其它框架的关联借鉴angular的模板和数据绑定技术借鉴react的组件化和虚拟DOM技术基本概念vue.js的官方文档中说vue是渐进式JavaScript框架。我们来一个一个解释其中的概念。渐进式vue全家桶其实是包含很多vue的扩展插件的，比如以下。vue-cli: vue脚手架
2021-06-24 19:28:41
2273
原创 js 浏览器尺寸事件
文章目录1.浏览器尺寸获取浏览器窗口的尺寸卷去的高度和宽度卷去的高度卷去的宽度兼容写法2.滚动到指定位置scrollTo()方法写法另一种写法1.浏览器尺寸获取浏览器窗口的尺寸innerWidth 获取宽innerHeight 获取高可视区域，包含滚动条例 console.log(innerWidth); //此时浏览器窗口的宽度，改变浏览器窗口的大小，输出的数值也会跟着改变。 console.log(innerHeight); //此时浏览器窗口的高度，改变
2021-06-04 23:26:37
278
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人