- 博客(31)
- 收藏
- 关注
RSS订阅原创 css知识总结
在HTML页面中所有的元素都可以看成是一个盒子。盒子的组成：内容content、内边距padding、边框border、外边距margin。
2024-03-22 14:15:51
971
原创 js知识总结
return false 不仅阻止了事件往上冒泡，而且阻止了事件本身(默认事件)。event.stopPropagation()则只阻止事件往上冒泡，不阻止事件本身。事件流（event flow）过程：事件捕获 -> 目标阶段 -> 事件冒泡。
2024-03-22 14:13:21
368
原创 js手写题
在一般领域，对正整数n，如果用2到 根号n 之间的所有整数去除，均无法整除，则n为质数。质数大于等于2 不能被它本身和1以外的数整除。成功的时候返回一个成功的数组；失败的时候则返回最先被reject失败状态的值。只要有一个完成，不管成功还是失败，都返回。利用二分法 + 递归的原理。
2024-03-22 14:10:17
432
原创 前端知识整理
在HTML页面中所有的元素都可以看成是一个盒子。盒子的组成：内容content、内边距padding、边框border、外边距margin。
2024-03-22 10:03:05
774
原创 解决vscode eslint与prettier冲突
在项目中的package.json文件中:添加prettier规则具体规则在https://marketplace.visualstudio.com/items?itemName=bysabi.prettier-vscode-standard#settings
2021-01-22 11:55:34
541
原创 防抖与节流
<script> // 防抖函数 function debounce(fun, time) { let timeout = null let context = this return function() { if (timeout) { clearTimeout(timeout) } timeout = setTimeout(() => { fun.apply(context)
2020-11-06 17:42:22
112
原创 create-react-app配置ant-design-mobile按需导入
ant-design-mobile官网好久不更新了, 导致按照官网配置 config-overrides.js 时报错按照官网步骤, 还需要安装 customize-cracnpm install --save-dev customize-craconfig-overrides.js:const { override, fixBabelImports } = require("customize-cra");module.exports = override( fixBabelImports
2020-09-08 21:31:09
252
原创 react生命周期钩子函数理解
生命周期流程:第一次初始化渲染显示: ReactDOM.render()1.1 constructor(): 创建对象 初始化 state1.2 componentWillMount(): 组件将要挂载1.3 render(): 将虚拟DOM渲染到页面1.4 componentDidMount(): 组件挂载完成之后每次更新 state: this.setState()2.1 componentWillUpdate(): 组件更新之前2.2 render(): 重新渲染页面2.3 com
2020-09-01 15:30:35
140
原创 初中级算法
// 颠倒字符串方法 /** 1. 先将字符串转化为数组 split() 2. 使用数组的 reverse() 颠倒 3. 使用 join() 将数组转化为字符串 */ function reverseString(str) { return str.split("").reverse().join(""); } console.log(reverseString("hello word!...
2020-08-15 23:16:56
142
原创 javaScript定义二叉排序树
// 定义二叉排序树 function BinarySortTree() { function NodeTree(key) { this.key = key this.left = null this.right = null } let root = null function insertTree(root, node) { if (roo..
2020-08-15 23:11:26
73
原创 使用vant按需引入组件
文章目录1.安装2.自动按需引入组件3使用1.安装cnpm install vant --save 运行时依赖2.自动按需引入组件# 安装插件npm i babel-plugin-import -D// 在.babelrc 中添加配置// 注意：webpack 1 无需设置 libraryDirectory{ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es",
2020-08-03 23:27:54
1060
原创 移动端 rem 适配
1.自动设置根节点 html的 font-size1.1创建 rem.js 文件// 基准大小const baseSize = 32// 设置 rem 函数function setRem () { // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / 750 // 设置页面根节点字体大小 document.documentElement.style.fontSi
2020-08-03 16:22:11
187
原创 js
字符串方法字符串可以看成是一个由单个字符组成的数组, 使用length属性获取字符串的方法var s = "hello, wold"s.charAt(0) // => "h": 获取第一个字符s.charAt(s.length - 1) // => "d": 获取最后一个字符s.substring(1,4) // => "ell": 获取第2-4个字符s.slice(1,4) // =>
2020-07-30 18:10:59
55
原创 封装axios
/** * 模块请求方法 */import axios from 'axios'export function request(config) { const instance = axios.create({ // 1. 创建 axios 实例 baseURL: 'http://127.0.0.1:8888/api/private/v1/', timeout: 5000 }) // 发送真正的网络请求 结果会返回一个 Promise return inst
2020-07-12 16:16:47
64
原创 vue中按需导入elementUI组件
见elementUi操作, 在babelrc中将写入:module.exports = { presets: [ ["@babel/preset-env", { "modules": false }] //注意: 此处要将官方的"es2015" 改为"@babel/preset-env" ], plugins: [ [ "component", { "libraryName": "element-ui", "styleLi
2020-07-07 17:50:25
337
原创 vue.config.js常用配置
// vue.config.js 常用配置module.exports = { // 基本路径, vue.cli 3.3以前请使用 baseUrl publicPath: '/', // 打包后 输出文件目录 outputDir: 'dist', // 生产环境sourceMap productionSourceMap: true, // webpack-dev-server 相关配置 devServer: { host: '0.0.0.0', port:
2020-06-29 23:15:18
121
原创 swiper轮播效果
<template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="../../assets/image/1.png" alt=""></div> <div class="swiper-slide"><img src="../../asse
2020-06-23 16:27:15
100
原创 ES5、ES6特性
ES5特性01 JSON对象JSON.stringify(obj / arr)- js对象（数组）转化为 json 对象（数组）JSON.parse（json）- json 对象（数组）转化为 js 对象（数组） var obj = {username: 'kobe'} obj = JSON.stringify(obj) console.log(typeof obj) // string obj = JSON.parse(obj) console.log(typeof ob
2020-06-20 22:54:05
153
原创 js中的逻辑与 逻辑或
逻辑或 ||例如： var c = ++b || ++b如果第一项的值不是Boolean值的话，会转为Boolean类型的如果第一项的值为true时，则后面一项则不执行，返回的是第一项执行运算后的值如果第一项的值为false时，则执行后面一项的运算，返回的是第二项执行运算后的值逻辑与 &&逻辑与和逻辑或一样，都需要把前后两项进行Boolean转换再比较如果第一项的值为true时，则执行后面一项的运算，返回的是第二项执行运算后的值如果第一项的值为false时，则后面一项则
2020-06-20 15:06:14
164
原创 JavaScript高级知识整理
1 基础总结01 数据类型基本类型:String: 任意的字符串Number: 任意的数字boolean: true / falseundefined: undefinednull: null对象类型Object: 任意的对象Array: 一种特殊的对象 (内部数据是有序的)function: 一种特殊的对象 (可以执行)判断:typeofinstanceof=== : 全等于 / 注意尽量不要用 == 因为会做数据转换02 undefined 与 nullu
2020-06-13 23:39:45
310
1
原创 vue移动端适配
在index.html中添加如下代码:<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
2020-06-12 16:02:42
174
原创 vue bus 事件总线 非父子之间通信
如果项目非父子之间通信多需要使用Vuex来管理状态,如果项目中非父子传值较少,则可以使用bus事件总线来通信main.js:// 事件总线Vue.prototype.$bus = new Vue({})例子:在 emit.vue 中:<script> export default { name: "on", data() { return { params: null } }, methods: {
2020-06-11 21:32:19
85
原创 路由导航守卫结合token令牌实现的登录验证
// 2. 创建router实例const router = new VueRouter({ routes,})// 导航守卫// to: 将要访问的路径// from: 代表从哪个路径跳转而来// next: 是一个函数, 代表放行// next(): 放行 next('/home'): 强制跳转router.beforeEach((to, from, next) => { // // 如果将要访问登录页直接放行 // if (to.path === '/logi
2020-06-07 09:05:50
831
原创 vue中input文本框自动获取焦点 与 $nextTick() 函数的使用
this.$nextTick(_ => { this.$refs.saveTagInput.$refs.input.focus();});$nextTick函数的作用就是在页面元素重新渲染之后才会执行内部代码注意: 此代码是Element-ui中tag标签 中的动态tag标签中的代码,
2020-06-06 10:25:11
1668
原创 vue项目中使用到的 git 指令 (github)
查看当前所在的分支:git branch在当前分支下创建一个新的分支 login:git checkout -b login在远程仓库创建一个新的分支 login:git push -u origin login
2020-06-05 12:24:25
1164
原创 ES6 扩展运算符 ...
将一个数组转化为以逗号分隔的参数序列data() { return { list1 = [1,2,3,4] list2 = [5,6,7] }}this.rids = [ ...this.list1, ...this.list2]打印: rids = [1,2,3,4,5,6,7]this.rids = [ ...this.list1, ...this.list2].join(',')--将数组内容转化为字符串--...
2020-06-04 13:31:11
79
原创 vue 使用 filter 过滤器转化时间戳
filters: { // 转化时间戳 time(value){ let date = new Date(value*1000);//如果date为13位不需要乘1000 let Y = date.getFullYear() + '-'; let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'; let
2020-06-03 18:18:17
501
原创 使用for循环将对象中的数据改为空值
data() { return { addFrom: { username: '121', password: '121', email: '313', mobile: '323' } }} deleteData() { this.isShowDialog = false for (let item in this.addFrom) { this.a
2020-06-01 21:41:42
1008
原创 在vue中使用自定义校验规则 邮箱和手机号校验
这套规则在data中定义,与return平齐 export default { name: "User", data() { // 验证邮箱的校验规则 let checkEmail = (rule, value, callback) => { // 验证邮箱的正则表达式 const regEmail = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
2020-06-01 20:45:11
2016
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人