- 博客(10)
- 收藏
- 关注
原创 react 拖拽组件 react-sortable-hoc
react 拖拽组件 react-sortable-hoc链接 https://github.com/clauderic/react-sortable-hoc
2020-12-22 17:10:57 5268
原创 VUE数据劫持代理分析
VUE数据劫持代理分析//模拟vue组件中的datalet data = { userName:'zhangsan' age:30}//模拟组件实例let _this = {}//利用Object.defineProperty()Obeject.keys(data).map(item=>{ Object.defineProperty(_this,item,{ //get: 用来获取扩展属性值,当获取改属性值的时候调用get方法 get(){ return dat
2020-12-19 17:02:44 243 1
原创 audio标签样式修改
效果展示上代码html:<div class="audio-box"> <audio id="audioTag" src="music/tonghuazhen.mp3"></audio> <div class="a-progress"> <span class="played-time" id="playedTime">00:00</span> <div class="pgs-total">
2020-11-26 13:36:45 4054 4
原创 经纬度保留6位小数正则
/(?:[0-9]|[1-9][0-9]|1[0-7][0-9]|180).([0-9]{6})/ ; // 经度正则/(?:[0-9]|[1-8][0-9]|90).([0-9]{6})/ ; // 纬度正则
2020-11-25 11:32:12 4607
原创 根据id查找树形结构中的id路径
// value:要查找的id值, id:要查找的属性, arr:树形结构数组getPathById (value, id, arr){ let temppath = [] try{ function getNodePath(node){ temppath.push(node["typeAndDepartmentId"]); if (node[id] === value) {
2020-10-16 17:06:04 844
原创 根据id从树形结构中查找出对象
getObjByTree = (data, id) => { let result = null if (!data) return // return; 中断执行 for (let i in data) { if (result !== null) break let item = data[i]; if (item.id=== id) { resu
2020-10-16 16:41:58 845
原创 react antd自定义主题报错options has an unknown property modifyVars
使用4.X的版本使用3.X的方式定义一直找不到原因,后来翻看官方文档给了详细说明进入https://ant.design/docs/react/use-with-create-react-app-cn翻到高级配置//注意这是4.3.5的方法,具体还要看你自己安装的版本查阅官方文档1.现在我们安装 craco 并修改 package.json 里的 scripts 属性。$ yarn add @craco/craco/* package.json */"scripts": {- "star
2020-06-22 22:38:00 2302
原创 vue项目的优化、打包上线
###1.项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制###2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'.....//请求在到达服务器之前,先会调
2020-05-18 21:20:46 210
原创 webpack的概念与基本使用/加载器调用
###1.webpack的概念webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性###2.webpack的基本使用####A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令:npm init -y####B.创建首页及js文件在项目...
2020-03-07 13:21:53 234
原创 JS switch语法
switch分支流程控制语法结构switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用 switch。switch( 表达式 ){case value1:// 表达式 等于 value1 时要执行的代码break;case value2:// 表达式 等于 value2 时要执行的代码break;defaul...
2020-03-02 15:08:39 2144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人