- 博客(16)
- 收藏
- 关注
RSS订阅原创 JS设置/取消 数据千分位
// 设置千分位export function get_thousand_num(num, fix) { if ((num + "").indexOf(",") != -1) { num = delcommafy(num); } if ((num + "").indexOf(".") != -1) { if (fix) { let reg = /^(.*\..{4}).*$/; num = Number(String(num).replace(reg,.
2021-11-04 14:51:15
358
原创 lazyload懒加载的使用与避坑
提前准备引入Jquery <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>引入lazyload <script src="https://cdn.bootcdn.net/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>HTML<d
2021-09-30 16:31:46
1209
原创 Vue Echarts 中国地图
准备部分// 下载 echarts "echarts": "^4.6.0",// 下载 lodash "lodash": "^4.17.21",（地图自适应防抖）// 在 main.js 文件中 引入/注册/声明使用import echarts from 'echarts'Vue.prototype.$echarts = echartsimport china from 'echarts/map/json/china.json'echarts.registerMap('china
2021-09-28 17:00:45
494
原创 Vue + Element 表格 + 分页器 二次封装
表格效果组件的创建<template> <div id="Wrap"> <!-- 表格 --> <el-table :data="tableData" :border="hasBorder" :header-cell-style="{ background: '#DDDDDD', color: '#606266' }" > <!-- 序号 --> <
2021-09-10 16:23:36
382
2
原创 常用正则表达式
1.匹配中文字符/[\u4e00-\u9fa5]/gm2.匹配双字节字符/[^\x00-\xff]/igm3.匹配行尾行首空白/(^\s*)|(\s*$)/4.只能输入数字/^\d+$/5.只能输入N个数字/^\d{n}$/6.至少输入N个以上的数字/^\d{n,}$/7.只能输入m-n个数字/^\d{m,n}$/8.只能由英文字母组成/^[a-z]+$/i9.只能由大写英文字母组成/^[A-Z]+$/10.只能由英文和数字组成/^[a-z0-9]+$/i11.只能由
2021-08-20 18:43:51
61
原创 旋转3D盒子
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Title</title> <style> html { perspective: 800px; } .cube { width: 200px; height: 200px; margin: 100px auto; transform-style: prese
2021-08-03 17:50:45
101
原创 贪吃蛇_前端小游戏
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style> #game { width: 344px; background-color: #000; padding: 20px 8px;
2021-08-03 17:39:10
52
原创 JS前端表格分页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue</title> <!-- 引入elementUI样式 --> <link rel
2021-07-10 15:47:03
572
原创 JS / ES6+ 面试(个人经历整理)
-------------------------javaScript-------------------------Js线程Js继承Js闭包深拷贝原型链this的指向-------------------------ECMAScript-------------------------新增属性模板字符串默认参数箭头函数结构赋值模块化...
2021-07-03 23:29:11
65
原创 模块化(暴露与引入)
模块化是什么?将JS文件按照功能分解为多个Js文件。为什么模块化?使用模块化可以对不同的功能点进行同一的管理,降低耦合性,减少同名的影响.每一个模块都有属于自己单独空间。如何模块化?/* --分别暴露-- */export const a = 10;export const getData = ()=>{};import {a,getData} from './test' // 按需引入import * as Demo from './test' // 统一引入/.
2021-07-03 21:27:17
277
原创 Vue项目优化(持续更新)
UI库使用按需加载(打包)下载bebel插件包: bebel-plugin-component路由组件的懒加载const Home = ()=> import('../Home/Home.vue')图片懒加载npm install vue-lazyload声明使用:Vue.use(VueLazyLoad,{loading:loading图片})组件使用:webpack打包优化目标:兼容性/减少打包文件/懒加载/预加载/首页加载优化技巧:H..
2021-07-03 20:51:41
63
原创 Vue生命周期
// 创建 => 挂载 => 更新 => 销毁// 初始化(执行1次) beforeCreate() => created() => beforeMount() => mounted()// 更新数(执行n次) beforeUpdate() => updated()// 销毁数(执行1次) beforeDestroy() => destroyed()// 组件的缓存/激活 deactivated()/activated()// 捕获子组件错误 er
2021-07-03 20:48:04
150
原创 String的方法总结
// 01.字符串转为小写,返回新的字符串let str = String.toLowerCase()// 02.字符串转为大写,返回新的字符串let str = String.toUpperCase()// 03.获取字符串中指定下标的字符let String = 'hello world'let str = String.charAt(6) // w// 04.获取某元素在字符首次出现的位置let s1 = String.indexOf('o') // 4 (正序查询)let s2
2021-07-03 20:32:57
48
原创 Array的方法总结
Array的方法var Array = [1,2,3];var Array2 = [a,b,c]// ------------------ 以下方法会修改原数组 ------------------// 01.向数组的末尾增加一个元素,原数组被修改,返回值为新数组的长度. var arr = Array.push(4); // Array = [1,2,3,4]; arr = 4// 02.从数组的末尾删除一个元素,原数组被修改,返回值为被删除的元素.var arr = Array.po
2021-07-03 20:27:57
156
原创 HTML5
一、HTML5语义化标签<!-- 头部标签 --><header/><!-- 导航标签 在H4中导航栏常用 ul li --><nav/><!-- 块级标签 --><section/><!-- 内容标签 --><article/><!-- 侧边栏标签 --><aside/><!-- 尾部标签 --><footer/>音视频标签<
2021-07-03 20:04:50
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人