- 博客(48)
- 收藏
- 关注
RSS订阅原创 JS 传各种文件到后端
选择了readerAsDataURL 方法 读取数据，因为试过其他方式，发现其他方式获取数据后在传到后端时，容易引起浏览器崩溃。由于readerAsDataURL方法，获取的返回值，并不是完全的数据，而是加了一些前缀。由于readAsDataURL将文件转为了base64格式，所以后端只需要转回去就OK了.打开文件(文件名后缀要一致！) ，f.write 都会，就不写了。一个前端上传文件按钮功。使用ajax发送数据。后端接受数据就OK。
2023-01-01 12:37:43
1771
1
原创 碎碎念之工作②
大概是11点左右的时候她给我电话，我手机是静音的，我完全没想到哪个好心邻居会替我把门锁上，突然隐隐约约好像听到门外有人在哭一边喊开门啊，房间卧室门比较隔音，我被吵醒有点不开心但是感觉不太妙就赶紧起来，打开门看到她在外面蹲着哭给女老板打电话，我开完门她哭的越发委屈，一直和女老板诉苦，我听到她在电话里和女老板说她已经打电话给了我的前端领导，他的后端领导，UI组长，技术总监所有人，说我故意把她关在门外不让她进去。我提前问她几点回来，要不要送钥匙给她，她说不需要，然后被她说我把她故意关在门外不让她进来。
2022-12-21 23:04:51
449
4
原创 碎碎念之工作①
为啥要和人类接触啊，本来我对女领导还算比较怕，但是我现在对着女领导是十分害怕了，我也不知道咋做才好，我现在只想不说话不说话不说话不和别人说话，然后降低自己的存在感，但是她好像不会放过我啊，每次都要把我揪出来用她的尖牙利齿在办公室群鞭我，苍天啊，为什么要这样啊，之前在培训班的时候每一届女老师因为我太菜觉得我没好好学习要全变点名鞭打我，点名阿巴阿巴我，我每天都自闭的要死，没想到工作还是这样，我到底哪里做的有问题啊。没有未来了，如果哪天没有更新那就是我凉了...不要替我难过...
2022-12-09 16:11:16
330
1
原创 vue使用elementUI中日期选择器
vue使用elementUI中日期选择器需求：默认选中近一个月的，仅能选择今天到三年前的日期，今天以后的日期不可选
2022-12-05 14:45:39
2238
原创 obj[‘x‘]和obj[x]的区别
但是属性名绝对不能是引用数据类型，如果设置引用类型，最后也是转换为字符串处理的。【说法二：属性名类型可以是任何基本类型值，处理中可以和字符串互通】【说法一：属性名类型只能是字符串或者Symbol】由零到多组键值对（属性名和属性值）组成的。
2022-11-23 18:10:15
415
原创 观察者模式 Observer模式
观察者Observer模式的定义：指多个对象间存在一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新(做出不同的动作）。这种模式有时又称作发布-订阅模式、模型-视图模式，它是对象行为型模式。
2022-11-22 16:11:01
752
原创 npm install 报错 ERR! network ‘proxy‘ config is set properly. See: ‘npm help config‘
想用npm创建项目，但是突然报了个问题。实在不行，把node卸了重装即可。初始化项目依赖失败，报错。1、先查找一下自己的代理。
2022-11-17 14:20:23
3262
原创 23种设计模式
解释：行为模式主要关注对象间通信的问题，行为模式主要有模板模式、策略模式、迭代器模式、中介模式、备忘录模式、解释器模式、观察者模式、访问者模式、状态模式、责任链模式、命令模式。记忆：简单一句话，与时代潮流结合，装外向时（适配器模式）代（代理模式）结（桥接模式）合（组合模式），装（装饰模式）外（外观模式）向（享元模式）；主要有代理模式、外观模式、装饰器模式、享元模式、组合模式、适配器模式、桥接模式不能继承，过滤器模式。备忘录模式在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态；
2022-11-10 19:33:20
168
原创 深度理解取余/取模运算
浮点数(或者整数相除)，是有很多的取整方式的，0向取整、（正、负）无穷向取整、四舍五入取整…如果 a 和 d 是两个自然数，d非零，可以证明存在两个唯一的整数 q 和 r，满足 a = q*d + r , q 为整数，且0 ≤ |r|< |d|。其中，q 被称为商，r 被称为余数在不同语言，同一个计算表达式，“取模”结果是不同的。我们可以称之为分别叫做正余数 和 负余数具体余数 r 的大小，本质是取决于商 q 的。而商，又取决于除法计算的时候，取整规则。
2022-11-01 14:55:54
2379
原创 运算符之 --- 取余运算 %
职能作用于两个整型数（正整数、负整数），运算结果是两数相除后的余数，运算结果为整数。javascript取模运算是一个表达式的值除以另- 个表达式的值，并返回余数。（2）、被除数小于除数时，运算结果等于被除数。（1）、运算结果正负号与被除数符号一致；例3：8%-3（被除数为正，除数为负）例2：-8%3=-2（被除数为负数）例4：3%8=3（被除数小于除数）例1：8%3=2（被除数为正数）取模在js里就是取余数的意思。
2022-11-01 14:24:52
913
原创 JQuery学习
事件的冒泡是指，父子元素同时监听同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。对象之外，还需要等页面中所有元素去准备好自己显示时需要的数据。的页面加载完成之后，会把所有注册了函数都按照注册的顺序，依次全部执行。：返回当前元素到指定匹配的元素为止的后面元素。：返回当前元素到指定匹配的元素为止的前面元素。：返回匹配给定选择器的后代元素、祖先、后代。的页面加载完成之后。：返回包含有匹配选择器的元素的元素，和。：返回当前元素后面所有的兄弟元素。：返回当前元素前面所有的兄弟元素。
2022-09-28 14:00:44
206
原创 nodeName、nodeValue和nodeType节点介绍
JavaScript中的所有节点类型都继承自Node类型，因此所有节点类型都共享相同的基本属性和方法。每个节点都有一个nodeType属性，用于表明节点的类型。nodeType属性返回选定节点的节点类型，可以让我们知道、区分文档中的各个节点。注释：nodeName 所包含的 XML 元素的标签名称永远是大写的。nodeValue 属性对于文档节点和元素节点是不可用的。如果节点是元素节点，则 nodeType 属性将返回 1。如果节点是属性节点，则 nodeType 属性将返回 2。元素element 1。
2022-09-26 12:20:30
1520
原创 float布局--圣杯布局
如果对紫色块设置float：right，则紫色块和橙色块都会位于红色块（普通流）下方，而紫色块相邻的下一个绿色块也会向上移动到红色块（普通流）下方。对第二个元素设置float：left，因为红色块不是浮动，所以橙色块仍在红色块下方，紫色块会向上移动到红色块（普通流）下方为止。如果我们给绿色块加的属性不是clear：both，而是clear：left的话，紫色块和绿色块就在同一行了。当然用clear做更多的事，比如我们不想让紫色块和橙色块在同一行，可以在紫色块上加clear：left。
2022-09-20 18:35:34
272
原创 Vue-MVVM数据双向绑定响应式原理之Object.defineProperty
具体指向哪个类这是一个全局唯一 的Watcher，这是一个非常巧妙的设计，因为在同一时间只能有一个全局的 Watcher 被计算，另外它的自身属性 subs 也是 Watcher 的数组，我们将订阅器Dep添加订阅者的操作设计在getter里面，这是为了让Watcher初始化时进行触发，因此需要判断是否要添加订阅者。我们只要在订阅者Watcher初始化的时候才需要添加订阅者，所以需要做一个判断操作，因此可以在订阅器上做一下手脚：在Dep.target上缓存下订阅者，添加成功后再将其去掉就可以了。
2022-09-13 15:21:06
537
原创 localStorage和sessionStorage与cookie
1）Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的，cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可跨域调用。session对象可以用来保存在这段时间内所要求保存的任何数据。4）服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端 ，服务器端也可以保存用户的临时会话数据，服务器端的session机制，如jsp的session对象，数据保存在服务器上。
2022-09-08 17:54:35
5021
原创 echarts增加loading加载效果
在调用setoption方法之前调用showLoadin()方法；之后再调用hideLoading()方法。自带showLoading()方法；
2022-08-30 11:29:59
8233
原创 CSS——背景样式、雪碧图、渐变色
1 将多个图片整合为一张图片里，浏览器只需要发送一次请求，可以同时加载多个图片，2 将多个图片整合为一张图片，减小了图片的总大小，提高请求的速度，增加了用户体验。渐变：通过渐变可以设置一些复杂的背景颜色，可以从实现一个颜色向其他颜色过渡的效果。- 如果指定的是一个正值，则图片会向右移动指定的像素。- 如果指定的是一个负值，则图片会向左移动指定的像素。- 如果指定的是一个正值，则图片会向下移动指定的像素。- 如果指定的是一个负值，则图片会向上移动指定的像素。可以写多个颜色，默认情况下，颜色是均分占比的。...
2022-08-30 11:29:06
260
原创 series not exists. Legend data should be same with series name or data name.
normal删除。
2022-08-12 14:25:35
1043
原创 Vue-vben-admin Vue3+TS Axios的封装源码分析
2.tansform这个是一个对象，里面实际上包含了多个钩子函数，请求前处理数据的beforeRequestHook，请求拦截器requestInterceptors添加token,请求成功后的transformRequestData,也就是对于响应成功回来的时候如何返回数据，因为有的时候我们需要返回整个response，比如下载文件的时候,有的时候只需要返回response.data就好了，responseInterceptorsCatch，当http状态码非200时的错误处理。...
2022-07-29 10:49:38
2788
1
原创 [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event.
2022-07-08 18:15:16
6059
2
原创 vue3-setup语法糖 - 父子组件之间的传值
近期学习 vue3 的父子组件之间的传值，发现跟vue2的并没有太大的区别，然后发现网络上很少基于setup语法糖的教程，我这边总结一下，希望对大家有所帮助。 父组件向子组件传值的时候，子组件是通过props来接收的，然后以变量的形式将props传递到setup语法糖果中使用（defineEmits的到来！）。如下图所示：2、子组件接收方式和使用 3、效果图 vue3中子组件向父组件传递值和vue2.x的区别是vue2.x使用的是 $emit 而vue3使用的是emit，它们的传值一样
2022-06-27 16:24:53
55283
13
原创 require is not defined
3.jquery库在页面引入的路径是否正确。如果不知道就自己再去温习一遍es6，就酱。2.jquery库放置的路径是否正确。换个引入方式---->指路es6。js文件里如果报这个错误。
2022-06-18 14:35:31
1052
原创 【解决报错】Invalid prop: type check failed for prop “index“. Expected String with value “undefined“, got
在使用elementUI循环渲染导航的过程中会出现如下警告报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义将:index=“item.path”改为:index="item.path + ’ ’ "完美解决原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串，那个item确实没有path这个属性，所以返回undefined。最好给那个item加个path属性，或者干脆换个属性，比如name，所有item都有这个属性就
2022-06-16 15:28:13
2349
原创 VSCode 中，TS 提示 ”无法找到 *.vue 声明文件“ 的解决方案
找了一圈都没有找到解决方案，问题最大的关键在于没有相关的声明文件，在ts项目里面，.ts文件是识别不了.vue文件，那么解决思路就是让ts文件可以识别vue文件。处理方式：在tsconfig文件中include中添加需要解析的vue文件那么就需要添加一下 .vue 类型文件的声明，步骤如下：最后，我们来看一下 VSCode 中是否还有红杠报错：如果还是不行，还有一个坑爹办法，就是卸载掉volar插件，所有报错全部消失..........此处一百个.....................
2022-06-07 18:58:34
9638
5
原创 vue3无法使用jsx问题
类型“typeof import("D:/\u9879\u76EE/00/model-dev-platform-doc/node_modules/@element-plus/icons-vue/dist/types/index")”的参数不能赋给类型“Plugin_2”的参数。至此，我们新建的这个vite项目已经全面支持jsx语法了，此时还需要在。报错一：无法使用 JSX，除非提供了 "--jsx" 标志。
2022-06-07 13:56:43
4527
1
原创 vue3无法显示element-plus问题
原本想使用el-tree做目录，结果找了很久的原因都无法显示，并且没有任何报错，但是在调试的过程中发现el-tree使用的数据是对象形式的。刚开始以为需要解析数据，但是其他人都可以正常使用，所以尝试放其他组件，结果其他组件也都无法使用，那么很有可能是挂载出现问题。因为将所有需要挂载使用的变量放在了一个use里导致的，还是得多熟悉才行。并且还报了el-tree组件无法解析。
2022-06-06 14:55:36
2013
原创 el-select点击空白区下拉框消失
el-cascader：可以给el-cascader绑定一个@blur事件然后执行 this.$refs.area.dropDownVisible = false这条语句<el-cascader ref="area" v-model="addForm.idList" :props="defaultParams" :options="treeList" clearable
2022-05-25 19:18:36
1842
原创 vue页面不显示
-某个页面东西忘记了没写完......--哪里挂载vue上的什么东西干扰到。--检查路由配置，书写书否规范正确。页面死活不显示以及不报任何错误。--查找是否有中文路径。2.不要使用中文路径。
2022-05-25 10:04:23
5110
2
原创 【vue】关于实时获取input值的三种方法
vue自动获取实时获取input的data信息第一种<div id="app"> <input type="text" v-model="message"> <h2>{{message}}</h2> </div> <script src="vue.js"></script> <script> const app = new Vue(
2022-05-24 16:31:35
6556
原创 vue 防止重复执行点击事件
在vue项目中防止用户在一定时间内频繁点击按钮触发事件方法一: 在规定时间内将按钮禁用的方法：主要思想就是禁止用户在一定的时间多次点击，在一定时间内将按钮禁用，用定时器实现，一定时间之后用户可再次点击。<template> <div> <div @click="clickHandle()">我是点击事件</div> </div></template> <script>expor.
2022-05-24 13:35:38
4402
3
原创 JavaScript刷新当前页面的五种方式
javascript中的location.href有很多种用法，主要如下:当前页面打开URL页面方式一：self.location.href="/url"方式二：location.href="/url"方式三：windows.location.href="/url在父页面打开新页面parent.location.href="/url"在顶层页面打开新页面top.location.href="/url"如果页面中自定义了frame，那么可将parent
2022-05-17 10:57:39
3555
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人