- 博客(49)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 js使用new Function() 执行代码块实现数学公式运算
今天接到一个需求，需要在一个输入框输入算式公式，然后需要在表单填写的时候使用该公式进行计算值，由于是公司的代码无法展示，下面做一个例子来重点说明new function的其中一种使用方式
2023-02-15 00:32:03
759
原创 css_字体旋转90度
使用css的transform属性即可实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-03-14 17:07:22
3390
原创 antdvue上传组件onChange状态值为uploading的问题
趁着中午休息时间写一些博客antdvue上传组件的状态老是为uploading如何解决？下面详细的说一下解决方法<template> <div id=""> <div :key="uplaodKey"> <a-upload :fileList="fileList" :action="this.URL.upload" :headers="h
2021-11-12 13:20:26
1128
原创 实现树形控件搜索功能
在element-ui中有个树形控件这个组件，之前有同事问了我说这个树形控件要怎么实现，有同事说里面是有相对应对算法的，但是我也不懂这个算法，所以我用了扁平化来实现了这个功能，当然会这个种算法代码就减少很多，会这个算法的大佬跪求代码，接下来看一下我是怎么实现这个搜索功能的树形数组let List=[ { id:"1", pid:"0", name:"a", children:[{ id:"2", pid:"1",name:"b", },
2021-08-22 23:59:56
1326
原创 js利用扁平化数组对象合并
在做一些项目时，会遇到一些表格数据的处理，穿梭框等数组对象的合并和去重操作，很多时候都是用两个循环来一个一个去判断，这样其实有个弊端时间和空消耗大，又做了很多重复的计算判断！在数据量比较小的时候可能觉得耗时不长，如果数据量大的话，就会有很明显的延迟。如果使用数组对象扁平化来做去重就比较简单接下来看需求//数组一 var List = [{ id: "1", pid: "0", name: "a", children: [{
2021-08-19 01:30:42
1061
1
原创 vue的报错 error Trailing spaces not allowed
启动vue项目的时候可能会遇到一些报错，但是这些报错并不会影响项目的启动，那么这些报错极有可能是eslint的问题，虽然不影响启动项目，但是这些报错在控制台对你排错带来一些干扰，所以要尽可能将错误处理掉类似这种，下面有提示的，只要按照他的提示做就可以了，就在他提示的文件最前面加一句 /* eslint-disable */这个就可以了例如这样改完之后就没有报错信息啦...
2021-07-27 00:03:18
739
原创 mysql安装教程及遇到问题解决办法
安装mysql时在网上找了一些资料和自己在安装过程中所遇到的问题现在进行一个整理安装教程是参考安装mysql教程和mysql配置安装教程这两位博主的文章1、下载mysql8.0.20安装包首先：要先进入mysql官网里（Mysql的官网–>https://www.mysql.com/）这里提供安装包可进行下载（连接：https://pan.baidu.com/s/1_HldkSkUILZTObaOxUakUg提取码：e2es）点击[DOWNLOADS]后往下拉找到图中的地方，点击
2021-05-12 01:50:23
976
原创 js数组去重
在项目时，遇到一些向表格添加数据的情况，都是需要考虑去重的。看一下例子当点击添加数据的时候会添加两条相同的数据，两条不同的数据。那么相同的数据就不应该添加进来，看看代码<template><div> <el-button type="primary" @click="add">添加数据</el-button> <el-table :data="tableData" stripe style="wi
2021-05-06 23:59:39
287
原创 css优先级与权值
最近在做门户的项目遇到了一些关于css的优先级问题，写一个篇文章来总结一下自己的收获，由于门户类的需要在后台发表一些文章，有些文章是有自带样式的，有些不带样式但是需要默认样式，这时候就需要用到css的优先级处理css的就近原则先说一下css的优先级吧！在css中有内嵌式，内联式，还有外联式。有人说在权值相同的情况下内嵌式>内联式>外联式，通过现象看本质看看是不是这样很显然是内嵌式>内联式>外联式，但是如果将外联样式放在内联式的下面呢？还是上面的例子，调换一下位置显然不
2021-04-24 21:31:59
201
原创 原生js制作音乐盒子 系列一
今天想上传个使用原生制作一个简单的音乐盒子先看看效果图功能介绍一、原生手风琴实现二、H5播放器（video）三、进度条的实现（progress）四、添加到最爱和收藏五、歌词的制作由于时间关系，接下来会做单曲循环和列表循环，随机播放的功能；后续可能会使用vue等前端框架来搭建，由于本人还是小白，功能和代码上可能会存在一些不足，也请各位大佬指点声明：该资源仅供学习，不得用于商业用途。音乐版权所有权属于制片公司及制作者...
2021-04-22 00:36:01
382
原创 遍历数组删除元素时潜在的问题
在使用element的表格组件的时候，会遇到删除表格数据混乱，删除不干净等问题，比如上表的6条数据是新增还没保存过的数据，没保存过的数据自然是没有id的。这时候删除会出现删不干净的情况，现在要求把这6条数据全部删除...
2021-04-13 00:23:33
321
原创 使用vue搭建项目
使用vue搭建项目准备工作临时使用淘宝镜像。由于直接下载淘宝镜像会出现一些奇奇怪怪的bug,所以推荐临时使用淘宝镜像，提升下载速度npm --registry https://registry.npm.taobao.org install @vue/cli查看是否安装成功vue -V安装成功后，如果想在vue-cli3的环境运行vue-cli2的项目，要安装桥接工具npm i -g @vue/cli-init开始安装vue-cli2项目webStart项目
2020-10-19 22:40:09
149
原创 解决Computed property “name“ was assigned to but it has no setter.问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-09-09 12:28:59
28007
原创 javascript循环机制
众所周知JavaScript是一门单线程语言，不像java等语言是多线程的，所以JavaScript这门语言是不会发生阻塞的，所以不用去解决阻塞问题。单线程需要一步一步执行，代码没有执行完是不会往下执行的，这就会出现一个问题，就是如果网页去请求接口，响应速度十分的慢，那线程就会停留在等待响应这，这就会导致很多功能必须要等到响应回来才能继续往下执行。这很显然速度上有很大的影响，所以JavaScrip除了运行主线程的时候，引擎会提供一个任务队列（task queue）。任务分成同步任务和异步任务，同步任务是
2020-09-02 20:27:36
275
原创 uniapp日期选择器
<template> <view> <view class="uni-padding-wrap"> <view class="uni-title" @tap="date"> 日期：{{nian}}年{{yue}}月{{ri}}日 </view> </view> <uni-popup ref="wenzi" type="bottom" :maskClick=false> <
2020-08-06 09:42:58
7077
2
转载 Android NFC读MifareClassic卡获取卡片ID 类型 扇区 存储空间
https://www.jianshu.com/p/be4550db7163
2020-07-17 20:21:38
809
转载 android nfc中MifareClassic格式的读写
https://blog.csdn.net/coslay/article/details/25075595/
2020-07-17 14:15:40
489
原创 javascript的作用域和作用域链
作用域作用域其实就是保存变量的对象,只有两种作用域对象全局作用域对象:window函数作用域对象:一般看不见,也没有.只有在调用函数时,在内存中临时创建.函数作用域对象中保存的是本次函数调用使用的局部变量函数作用域对象当定义的函数被调用时a.会临时创建本次函数调用的函数作用域对象b.在函数作用域对象中创建本次函数所需的所有局部变量!包含两种情况在函数内var 出的变量形参变量虽然没有var,但是也属于局部变量函数调用后:a.释放函数作用域对象b.导致函数作用域对象中的局
2020-07-11 17:33:49
94
原创 uniapp未检测到手机或模拟器最优解决办法
使用HBuilder X开发移动端app项目时,在真机调试中,可能会突然检测不到手机或模拟器,这是时候不要慌,跟着我的步骤一般来说没有什么问题.首先,到uniapp官网上,这个uniapp官网建议保存到浏览器书签找到快速上手,到HBuilder官方IDE下载地址等待几分钟…把压缩包放在随意的盘中,解压即可直接点击HBuilderX的可执行文件移动端android系统配置1.打开开发者模式(小米手机)设置->我的设备->全部参数->连续点击MIUI版本2.设置-
2020-07-08 21:28:12
20749
7
原创 WebSocket实现广播
一、什么是WebSocketWebSocket是HTML5一种新的协议，是一种网络通讯协议，该协议最大的特点是：服务器主动可以向客户端推送消息，当然客户端也可以主动向服务器发送信息，是真正的平等双向对话。之所以使用WebSocket的原因是：http协议只能由客户端向服务器发送消息。二、socket、WebSocket、socket.io三者的区别1，socket：是传输控制层协议2，WebSocket：是应用层协议3，socket：是一个为浏览器与服务器之间提供实时、双向、基于事件的通信软
2020-06-03 01:29:45
6280
2
原创 Uncaught (in promise)报错原因和解决方法
在建Vue项目的过程中，可能会出现以下报错这时候别慌，可能你你的路由太少，甚至只有一个路由。在路由切换时路由重复点击所导致的错误，虽然这个错误不影响功能，但一般不要给它报错解决方法一，添加两个及以上的路由解决方法二，在你的路由代码中抛出错误就可以了this.$router.push("/").catch(()=>{});...
2020-05-28 01:03:56
43651
原创 掌握vue之绑定样式
绑定内联样式(style属性):做法: 将整个style属性，看作一个对象来绑定: 1). HTML中: <元素 :style="变量"> "css属性:值; css属性:值;..." 2).在 new Vue({ data:{ 变量:{ Css属性:值, Css属性:值, ... : ... } } })优点: 非常便于只修改其中某一个css属性！示例: 绑定sty
2020-05-20 15:16:56
149
原创 掌握vue指令之(9)v-once指令
(9)v-once指令问题:有些绑定只在首次加载时，修改一次。之后其他地方的修改，都不会影响这里的显示结果。如果一个元素之后不需要再更新，但是却占着虚拟DOM树中的一个位置，会影响虚拟DOM树的遍历速度！解决: 如果只在首次加载时显示，之后其他地方修改，这里都不会受影响的绑定，可用v-once绑定。写法：<元素 v-once>{{变量或js表达式}}></元素>原理: 只在首次渲染页面时，替换元素的绑定语法内容。但是不会将当前元素加入虚拟DOM树。结果: 只在首次加载一
2020-05-20 11:06:30
418
原创 掌握Vue指令之(5)v-for指令
(5).v-for指令功能：根据数组中的内容反复生成多个相同结构的元素。用法：<要反复生成的元素 v-for="(value,i) of 数组/对象">注意：1.要反复生成的元素，只需要写一个当做模板即可！2. v-for一定要写在要反复生成的元素上，而不是要反复生成的元素的父元素上。3. v-for of，即可遍历数组，又可以遍历对象——统一了for in和for of强调：凡是用v-for时，必须同时绑定一个:key属性原因：因为v-for每次反复生成的元素之间除了内容
2020-05-20 00:23:18
1575
原创 掌握vue指令之(4)v-else-if指令
(4)v-else-if:功能：多个元素多选一显示写法：<元素1 v-if=“返回bool值的表达式”><元素2 v-else-if=“返回bool值的表达式”>… …<元素n v-else>注意：v-if、v-else-if和v-else多个元素必须紧挨着，中间不能插入其他元素。v-else后不要加任何，和程序中if else的else后不加表达式道理一样。例子：<!DOCTYPE html><html lan
2020-05-19 22:42:12
362
原创 掌握vue指令之(3)v-if和v-else指令
(3). v-if和v-else:功能：两个元素二选一显示语法：<元素1 v-if=“返回bool值的表达式”><元素2 v-else>注意:v-if和v-else两个元素必须紧挨着，中间不能插入其他元素v-else后不要加任何=，和程序中if else的else后不加表达式道理一样。v-show vs v-if 差别a. v-show通过display:none方式控制显示隐藏，因为不修改DOM树，所以效率略高b. v-if通过删除元素方式控制显示隐藏，所
2020-05-19 22:22:58
1553
原创 掌握vue指令之(2)v-show指令
(2).v-show:功能: 控制一个元素的显示隐藏 如何: <元素 v-show=“返回bool类型的js表达式”>原理:new vue()扫描到v-show时，就会先自动计算=后的js表达式的值，得到一个bool值。如果执行结果为true则，当前元素什么都不干，默认显示！如果执行结果为false则，当前元素自动添加display:none，隐藏。例子：<!DOCTYPE html><html lang="en"> <head>
2020-05-19 22:20:44
474
原创 使用Object.defineProperties()模拟实现Vue的绑定原理
Vue的绑定原理Vue的绑定原理可以概括为：保护Data属性+观察这模式+新Dom树(虚拟)Vue的绑定原理可以参看Vue的绑定原理我们以下面的代码为例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&
2020-05-18 07:10:56
890
原创 js闭包的原理
什么是闭包从作用上说：既能重用一个变量，又能保护变量不会被全局污染的一种编程方式闭包的本质/原理外层函数的作用域对象，被内层函数引用着无法释放，就形成闭包对象要理解上面这两句话首先我们来看一个小例子<script> var a = 100; function fun() { a = 200; a++; console.log(a); } fun(); console.lo
2020-05-15 00:15:45
368
html5+css3+js写音乐盒子
2021-04-22
WebSocket.zip
2020-06-03
简易的购物车.zip
2020-05-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人