- 博客(25)
- 收藏
- 关注
RSS订阅
原创 前端常用网址汇总（不断更新哦）
前端常用网址汇总echartsecharts常用比较炫酷的样式表格类页面的框架layui轮播插件tab分页接口文档测试提交bug的网站分配工作用的禅道上传设计图查看设计图的蓝湖echartshttps://www.echartsjs.com/zh/index.htmlecharts常用比较炫酷的样式https://gallery.echartsjs.com/explore.html#sor...
2020-03-24 11:20:00
1210
1
原创 20个js实用的一行代码
js实用代码获取浏览器cookie的值将RGB转换为十六进制复制到剪贴板检查日期是否有效找出一年中的某一天将字符串首字母大写计算两天之间相差的天数清除所有Cookie生成随机十六进制数组去重从URL获取查询参数从日期获取“时分秒”格式的时间确认奇偶数求平均值回到顶部翻转字符串检查数组是否为空获取用户选定的文本打乱数组检测用户是否处于暗模式获取浏览器cookie的值const cookie=name=>`;${document.cookie}`.split(`;${name}=`).pop().sp
2021-10-19 14:15:25
243
原创 前端工程化
这里写目录标题前端工程化脚手架工具Yeoman基础使用自动化构建前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复的机械式工作代码风格统一、质量保证依赖后端服务接口支持整体依赖后端项目一切重复的工作都应该被自动化，工程化并不等于工具创建项目创建项目结构创建特定类型文件编码格式化代码校验代码风格编译/构建/打包预览/测试Web Server/MockLive Reloading/HMRSource Map提交Git Hook
2021-06-01 17:53:21
90
原创 ECMAScript新特性，TypeScript语言，Javascript性能优化
ECMAScript新特性，TypeScript语言，Javascript性能优化ECMAScript新特性TypeScript语言二级目录三级目录Javascript性能优化ECMAScript新特性TypeScript语言作用解决javascipt自有类型系统的问题，大大提高代码的可靠程度强类型和弱类型强类型不允许随意的隐式类型转换，而弱类型是允许的静态类型和动态类型静态类型：声明过后，它的类型不允许再修改动态类型：在运行阶段才能明确变量类型，而且变量的类型可以随时改变javas
2021-04-26 17:37:54
249
原创 函数式编程、JS异步及promise
函数式编程函数式编程什么是函数式编程函数是一等公民高阶函数闭包纯函数柯里化组合函数Point FreeFunctor(函子）MayBe 函子Either 函子IO 函子Task 异步执行函数式编程什么是函数式编程: 函数式编程随着React的流行收到越来越多的关注，Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用tree shaking过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发：loadsh、underscore、ramda函数式编
2021-04-12 09:10:43
229
原创 vue 打包之后background路径不对
在build 里的utils.js里if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' //添加这句 })} else { return ['vue-style-loader'].concat(loaders)}
2021-02-01 11:49:15
176
原创 发送验证码
$(function() { var init = function() { $('.draw').click(function() { if (examine()) { examineask(); } }) } var btnMsg = "获取验证码", countNum = 60, countFlag = false, i
2021-01-07 14:52:11
706
1
原创 es6新特性
es6新特性let关键字const关键字结构赋值Symbol数据类型Proxy代理for...of遍历Set结构Map结构Promise对象Class类定义类let关键字用于声明只在块级作用域起作用的变量。const关键字用于声明一个常量。结构赋值一种新的变量赋值方式。常用于交换变量值，提取函数返回值，设置默认值。Symbol数据类型定义一个独一无二的值。Proxy代理用于编写处理函数，来拦截目标对象的操作。for…of遍历可遍历具有iterator 接口的数据结构。Set结构存
2020-09-25 10:55:20
111
原创 vue笔记
vue准备MVC&MVVM安装环境创建项目routeraxios&ajaxvuexspavue打包原理vue&react&Angular区别准备MVC&MVVMMVCModel（模型）表示应用程序核心（如数据库）。View（视图）显示效果（HTML页面）。Controller（控制器）处理输入（业务逻辑）。MVVM它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。
2020-09-23 22:01:13
155
原创 axios&ajax
axios和ajaxaxiosaxios的基本使用axios请求方式axios并发请求axios全局配置axios的实例axios的拦截器axios的封装axiosaxios是基于promise对ajax的一种封装ajax mvcaxios mvvmaxios的基本使用axios发送get请求。// 使用默认方式发送无参请求<script src="http://unpkg.com/axios/dist/axios.imin.js"></script><sc
2020-09-23 20:59:39
185
原创 vscode常用功能（不断更新）
vscode常用功能批量替换文本内容批量替换文本内容ctrl+f在输入框输入要查找的内容ctrl+shift+L选中所有
2020-06-05 10:49:15
373
原创 缩略图点击放大
img{padding:5px;width:100px;height:auto;cursor: pointer;} .overlay{ background-color:rgba(0, 0, 0, 0.7); position: fixed; top:0; left:0; width:100%; height:100%; z-index: 10; } .overlayimg{ position: abs
2020-06-04 18:07:32
272
原创 多级穿梭框
<tree-transfer :title="title1" :from_data="fromData" :to_data="toData" :defaultProps="{label:'label'}" @addBtn='add' @removeBtn='remove' :mode='mode' height='540px' filter openAll></tree-transfer>import treeTransfer from "el-tree-transfer" ;
2020-06-04 17:37:00
1105
原创 vscode代码对比功能
vscode代码对比功能先打开一个项目再在File下面的Add Folder to Wokspace打开要对比的项目这里就会有两个项目ctrl选中要对比的两个文件，右键Compare Selected现在就可以对比了先打开一个项目再在File下面的Add Folder to Wokspace打开要对比的项目这里就会有两个项目ctrl选中要对比的两个文件，右键Compare Selected现在就可以对比了...
2020-06-04 14:05:30
22003
原创 微信公众号网页授权--前端获取code及用户信息（vue）
vue登录过期重定向和请求拦截器微信公众号网页授权–前端获取code及用户信息（vue）
2020-05-29 13:44:08
3200
原创 javaScript基本使用api
javaScript基本使用apiisArray() 判断数组toString() 转字符串join() 分割pop() 删除数组最后一项push() 数组尾部添加元素shift() 删除数组第一项unshift() 数组开头添加元素reverse() 颠倒数组sort() 排序concat() 合并数组slice() 提取splice() 添加、删除、替换indexOf() 查找首次位置lastIndexOf() 查找最后位置迭代数组的5种方法every()some()filter()map()forEa
2020-05-28 11:43:45
486
原创 vue父组件与子组件相互调用
父组件调用子组件的函数子组件<template> <div> 我是子组件 </div></template> <script> export default { name: "child", methods: { childClick(e) { console.log(e) } } } </script>父组件<templat
2020-05-28 11:09:44
140
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人