- 博客(19)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 正则表达式
1.创建正则表达式 var box = new RegExp('box'); //第一个参数字符串 var box = new RegExp('box', 'ig'); //第二个参数可选模式修饰符 var box = /box/; //直接用两个反斜杠 var box = /box/ig; ...
2021-10-19 15:38:40
223
原创 component动态组件
1.组件动态化<template> <div> <button @click="handleChangeComp">切换</button> <component :is="currentTabComponent"></component> </div></template><script> import pageA from './c
2021-10-13 14:25:41
1351
原创 JQuery笔记(进阶)
目录一、jQuery DOM操作1. 创建元素2. 内部插入3. 外部插入4. 包裹5. 替换6. 删除7. 克隆二、jQuery事件1. 事件绑定2. 解除事件绑定3. 事件委派 4. 控制事件触发5. 事件列表6. 事件对象三、jQuery动画1. 基本效果2. 滑动效果3. 淡入淡出效果4. 自定义动画5. 动画设置6. 动画队列四、jQuery Ajax1. 快速请求方法2. Aj...
2021-09-17 09:18:21
1009
原创 JQuery笔记(基础)
一、引入及使用jQuery的兼容性引入方式//在head中使用条件注释<!--[if gt IE 8]>--><script src="../jquery-3.3.1.min.js"></script>!--<![ endif]--><!--[if lte IE 8]><script src="./jquery-1.12.4.min.js"></script><![endif]--
2021-09-14 15:33:41
844
原创 CSS之flex布局和Grid布局
flex布局display：flex | inline-flex 设定flex布局 flex-direction: row | row-reverse | column | column -reverse 设定主轴方向 justify-content: flex-start | center | flex-end 设定主轴对齐方式 align-content: flex-start | center | flex-end 设定副轴对齐方式...
2021-09-14 09:31:13
407
原创 vue2.0数据双向绑定的原理
Vue采用MVVM模型，（Model-View-ViewModel）模型→视图 用数据绑定实现 视图→模型 用dom事件监听实现模型 ←→ 视图 就是数据双向绑定，通过viewModel实现数据绑定：用object.defineProperty的set/get 实现对数据的操作，数组的监听需要通过重写数组的方法，返回一个新的数组给数据，才能实现监听DOM事件监听：监听事件的变化，调用事件的回调函数，向订阅者发送消息，执行操作。Mo...
2021-08-27 10:22:06
298
原创 MongoDB使用文档
创建并使用personDb数据库use personDb连接数据库//远程mongo 192.168.1.1:7080// 本地mongo显示数据库show dbs删除数据库db.dropDatabase()显示表show collections删除表db.user.drop()新增数据//新增单条数据db.user.insert({ name: "jack", age: 2...
2021-08-06 16:31:03
326
原创 vue3.0新增和删除的内容
新增组件<teleport>：任意传送门作用：teleport是一种能够将我们的模板移动到DOM中Vue app之外的其他位置的技术。 解决问题：如果我们嵌套在 Vue 的某个组件内部，那么处理嵌套组件的定位、z-index 和样式就会变得很困难。使用Teleport就可以方便的解决组件间 css 层级问题。 写法：<teleportto="body"> //to后面跟父组件名称或id <p>Hello,I'mateleport...
2021-07-22 14:28:27
1181
原创 vue3.0和vue2.0的区别
区分静动态节点，只遍历动态2.0在虚拟DOM渲染时，会遍历所有的标签，不管是动态的还是静态的（虚拟DOM一般采用键值对对象来保存元素的属性和内容），当内容发生改变时，遍历虚拟DOM来找到对应的DOM节点，并改变其内容。3.0在此基础上做出优化，3.0会标记静态和动态节点，在遍历更新时只会更新动态的，而不会遍历静态节点缓存绑定事件函数，不会二次创建，而是直接调用2.0在绑定事件的时候每次触发都会生成全新的function，然后执行函数的操作。...
2021-07-12 09:38:39
338
原创 vue3.0新特性composition-api介绍
新安装方式npm install -g @vue/cli vue create my-project npm install @vue/composition-api --save main.js文件中 import composition-api from ‘composition-api’ Vue.use(composition-api)新Api(composition-api)setup(props , context)setup() 函数为API提供了...
2021-07-08 11:10:12
831
原创 webpack常用配置
webpack.config.js/* 未使用脚手架打包 //开发环境 webpack '输入文件' -o '输出文件' --mode=development //生产环境 webpack '输入文件' -o '输出文件' --mode=production */const { resolve } = require("path");const HtmlWebpackPlugin = require('html-webpack-plugin')const Min.
2021-07-07 09:33:47
1124
原创 前端跨域的方法
目的：跨域是浏览器为了安全而做出的限制策略，浏览器请求必须遵从同源原则：同域名、同端口、同协议解决方法：CORS跨域：后端操作，setHeader() Access-Control-allow-Origin:允许跨域的地址Access-Control-allow-Credentials:传cookieJSONP跨域：前端+后端操作，安装jsonp插件（npm i jsonp --save ）jsonp(u...
2021-07-02 11:02:55
284
原创 Vuex 模块化和辅助函数的使用
在vue项目中，不同的模块共用一个vuex，会导致代码混乱，没有层次，因此需要需要将vuex保存的数据按照模块来进行划分，分开管理。vuex主文件入口：// vuex主入口import Vue from 'vue'import Vuex from 'vuex'import Home form 'src/models/home'import Person form 'src/models/person'Vue.use(Vuex)const store = new Vuex.Stor
2021-06-30 16:27:53
895
原创 axios 二次封装
import axios from 'axios'// TODO: 请求基础路径，根据项目进行配置,并添加代理// const baseURL = '/qti'const instance = axios.create({ // baseURL, // 超时时间 60 秒 timeout: 180000, headers: { 'Content-Type': 'application/json;charset=UTF-8' }})// 请求拦截器 添加token.
2021-06-30 09:59:49
282
原创 ES6入门笔记（进阶）
目录七． Promise八． 模块化.九． 类和继承十． Symbol & Generator十一． Async & await十二． Set和weakSet十三． Map和WeakMap十四． 数字变化和Math新增的内容十五． ES9中新增的内容十六． Proxy的使用十七． Reflect的使用十八． 扩展知识Promise1. 作用是解决异步回调的问题,传统回调问题是通过函数的回调函数完成的,这样就会一直嵌套回调函数..
2021-06-29 15:00:20
569
原创 ES6入门笔记（基础）
目录一． 定义(声明)变量二． 解构赋值三． 字符串四． 函数五． 数组六． 对象定义(声明)变量1. varvar应用的作用域有全局作用域和局部作用域,在if、for、while等块级作用域中是不能成为判断和循环独有的变量，因此if、for、while在全局中时，if、for、while中定义的是全局变量，if、for、while在局部中时，if、for、while中定义的是局部变量。// 例：window.onload = functio...
2021-06-29 14:25:09
451
原创 手写promise
promise使用：let promise= new Promise(function(resolve, reject) { if (...) { resolve()} else { reject()}})promise.then(res => {}, err => {})分析：根据模板来分析：1. 构造函数Promise传入的参数是一个函...
2021-06-24 10:27:04
264
原创 防抖与节流
问题：有时候多次点击按钮会多次触发响应时间，尤其是向后台请求数据时，多次请求更容易造成卡顿。解决：1. 防抖：规定时间内，以最新的触发事件为准，取消之前的事件，执行最新的事件2. 节流：规定时间内，以第一次触发为准，之后的触发在第一次操作还存在的情况下，忽略事件触发。具体实现：// 防抖： // 规定时间内，每次触发都会取消掉之前的定时器，创建新的定时器，若规定时间内未再次触发，则规定时间之后执行函数 // 第一参数是触发的函数，第二参数是延时时间 func
2021-06-22 17:35:20
328
原创 Sass笔记
目录一、变量格式--$二、变量类型三、变量作用域四、引用规则--@import五、变量运算六、Mixin（混合宏）--@mixin七、Sass继承---@extend八、Sass嵌套九、Sass条件控制--@if/@else if/@else十、Sass循环控制--@for/@while/@each十一、Sass内置函数变量格式--$1. 变量定义：$自定义名字 ：值 $width：100px 默认变量定义：$自定义名...
2021-06-22 14:35:17
793
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人