后青春°-CSDN博客

原创 react 拖拽组件 react-sortable-hoc

react 拖拽组件 react-sortable-hoc链接 https://github.com/clauderic/react-sortable-hoc

2020-12-22 17:10:57 5236

原创 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 231 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 3968 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 4297

原创根据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 824

原创根据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 821

原创 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 2286

原创 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 199

原创 webpack的概念与基本使用/加载器调用

###1.webpack的概念webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性###2.webpack的基本使用####A.创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令：npm init -y####B.创建首页及js文件在项目...

2020-03-07 13:21:53 222

原创 JS switch语法

switch分支流程控制语法结构switch 语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用 switch。switch( 表达式 ){case value1:// 表达式等于 value1 时要执行的代码break;case value2:// 表达式等于 value2 时要执行的代码break;defaul...

2020-03-02 15:08:39 2114

tianming229的博客