- 博客(82)
- 收藏
- 关注
RSS订阅原创 v-model绑定input、textarea、checkbox、radio、select
【代码】v-model绑定input、textarea、checkbox、radio、select。
2023-10-11 18:42:17
545
原创 为元素绑定事件的方法
对象.addEventListener("事件类型",事件处理函数，false) ---谷歌火狐支持，IE8不支持。对象.removeEventListener("没有on的事件类型"，命名函数，false) --- 解。2.对象.addEventListener("没有on的事件类型"，命名函数，false) --- 绑。对象.attachEvent("有on的事件类型",事件处理函数) ---谷歌火狐不支持，IE8支持。3.对象.attachEvent("on事件类型"，命名函数) --- 绑。
2023-10-06 11:16:04
250
原创 深拷贝与浅拷贝（对象的引用）
等于号的赋值，对象info和对象obj指向的是同一个地址，也就是共用这个地址里面的内容，如果一个对象修改了地址中的内容，那么另一个对象从这个地址获取的内容也随之修改。对象info和对象obj指向的地址不同，所以对象info的内容修改不会影响到obj的内容，但是对象friend指向的还是同一块地址，所以会相互影响。对象info和对象obj的值不相关，所以修改info的值不会影响到obj的值。
2023-09-22 23:33:01
267
原创 小小购物车案例（V3）
可以添加和减少商品个数（最少个为1），在添加的时候总价格会随着改变，也可以点击按钮移除商品。代码分为三个模块（html、js、css）
2023-09-22 16:25:55
147
原创 路由的4种实现方式
a=123 " })或$router.push( {path : " name " , query:{a:123}})--传参。给router-link绑定一个名字跳转页面，router-view也可以加name属性（不举例了）$router.go(-2)--倒退两步，上一步的上一步。$router.go(1)--前进一步，默认刷新。点击cart按钮路由跳转到cart页面。2.嵌套路由（children数组）4.命名路由和命名视图。
2023-07-22 16:08:11
186
原创 前端非零环绕规则（例镂空图形）
从这个区域拉一条直线，和这条直线相交的轨迹，顺时针+1，逆时针-1，若这条直线轨迹的值相加等于0则不填充，非0则填充。判断一块区域是否填充？
2023-05-25 23:16:25
105
原创 0.1加0.2为啥不等于0.3
在理论上程序的所有计算，转到计算机底层都是二进制计算，而且二进制没有减法的概念，二进制的减法计算就是把被减数转换成一个负数进行计算。但是在计算机语言中，0.1+0.2=0.30000000000000004。3.内存对科学计数法表示的数据进行解析和存储。在数学计算中，0.1+0.2=0.3 ✅。原因总结：进制转换，精度丢失。2.二进制转科学计数法。
2023-05-18 23:11:23
292
原创 ajax、fetch、axios三者的异同
很多小伙伴会把它与 Ajax 作比较，其实这是不对的，我们通常所说的 Ajax 是指使用 XMLHttpRequest 实现的 Ajax，所以真正应该和 XMLHttpRequest 作比较。所以这里就和 Ajax 又很大不同了，一个是思想，一个是真实存在的 API，不过它们都是用来给网络请求服务的，我们一起来看看利用 Fetch 实现网络请求。我们使用这种方式实现网络请求时，如果请求内部又包含请求，以此循环，就会出现回调地狱，这也是一个诟病，后来才催生了更加优雅的请求方式。同：都是发送网络请求。
2023-05-07 22:59:38
587
3
原创 HTTP常见状态码分别表示什么意思
5xx（服务器错误）这些状态码表示服务器在尝试处理请求时发生内部错误，这些错误可能是服务器本身的错误，而不是请求出错。304（未修改）自从上次请求后，请求的网页未修改过。504 (网关超时) 服务器作为网关或代理，但是没有及时从上游服务器收到请求。502 (错误网关) 服务器作为网关或代理，从上游服务器收到无效响应。4xx（请求错误）这些状态码表示请求可能出错，妨碍了服务器的处理。500（服务器内部错误）服务器遇到错误，无法完成请求。400（错误请求）服务器不理解请求的语法。403（禁止）服务器拒绝请求。
2023-05-07 10:59:31
275
原创 定时器延时使用函数倒计时，按钮和倒计时文字不是同时出现问题
但这答不对题，想要的效果是，点击按钮页面上立即出现倒计时文字，没有1s的延迟出现！原因：定时器规定延时1s显示，所以倒计时的文字也是延迟1s显示在页面上。问题描述：点击按钮之后，一秒钟之后倒计时的文字才出现在页面上。解决办法：在使用定时器之前调用一次函数。
2023-05-04 20:52:23
142
原创 前端面试题（持续更新中）
所以，用JS对象模拟DOM节点的好处是，页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。可以发发现h函数和patch函数在cnabbdom中实现vdom到真实DOM的转化起到了至关重要的作用，那么还有一个很重要的环节，patch函数中是怎么样实现对比两个vnode从而实现对真实DOM的更新的呢，这里还要提一下snabbdom的另外一个核心算法，即diff算法。函数的返回值就是属性的属性值；
2023-04-29 11:00:03
854
原创 Mac生成目录树tree
进入项目文件夹下，输入下面内容，然后就在项目文件夹中生成了目录树文件tree.md。使用brew安装tree。查看tree帮助信息。
2023-02-27 22:15:00
736
原创 前端如何加密数据--五种方式（base64加密、md5加密、sha1加密、字符串方法加密、AES加密）
4.字符串的编码和解码（JS函数的escape()和unescape()）--对于汉字，数字不适用。字符串转换为base64：str64 = window.btoa(str)base64转换为字符串：str=window.atob(str64)1.base64加密。
2023-02-17 00:15:00
5238
原创 axios跨域问题的解决（CROS错误）
项目环境：在vue-cli2.0的基础上使用axios。（3）使用axios的vue文件。记一次我遇到的跨域问题解决方法。
2023-02-14 00:45:00
2168
原创 node14.17.0对应可用的sass版本--安装sass
2.安装 sass-loader。3安装 style-loader。1.安装 node-sass。
2023-02-08 22:45:50
2147
原创 命令行的对文件进行增删改查操作（简单记忆）
【文件的权限分为3种用户，分别为u（owner表示文件所有者，即创建文件的人）、g（group表示和文件所有者相同组的用户）、o（other其他用户），所以777表示u、g、o都是777的权限】cp /home/Desktop/test/aaa /home/Desktop/practice ：把桌面test文件夹下的aaa文件夹复制到桌面的practice文件夹下。【r（读）的权限的数字为4，w（写）的权限的数字为2，x（执行）的权限数字为1】mkdir test ：在当前文件夹下创建test文件夹。
2023-02-08 18:45:00
421
原创 el-checkbox多选框点击第一次不能勾选，第二次才会勾选
el-checkbox v-model="checkedSelect" >小无花果点击第一次的时候没有变化，仔细看只多选框的外边框有一点点变色，但是没有出现勾号，第二次点击的时候才会出现勾号。字符串强转为布尔值：Boolean（变量名）或者直接赋值为true或false。布尔值和字符串值很像，看得不明显，可以用typeof查看数据类型。v-model绑定的值必须是布尔值！
2023-02-05 22:38:36
1943
原创 记一次Mac突然黑屏问题（本人Mac电池使用年限很长且冬天温度低情况下）
今天遇到Mac突然开不了机的问题，黑屏但是表面logo是亮着的，本来以为是温度低所以晒太阳用暖宝宝暖，然后温度上来了也没能开机（我电脑的电池用的时间久了，这个情况也不一定适于所有电脑）。1.Ctrl + option + Shift + 开机键，长按20s，关机（本来电脑是开机状态，判断开机与否是触摸屏能不能点）之前也在网上百度过，但是我只找到第一步的做法，没找到第二步的做法，虽然不知道第二步的做法啥意思，但是我电脑能开机了，这就很好了。
2023-01-30 15:34:12
1360
原创 3D圆环图Echarts + 图例滚动显示 + tooltip鼠标经过的弹框滚动显示
这是一个3D效果的Echarts圆环图，每个类别的数据相当于高度，图例可以滚动显示，tips也可以滚动显示，完整代码看最后。2.tooltip鼠标经过弹框滚动效果。1.图例滚动显示效果。
2023-01-27 15:47:21
2627
原创 左侧导航栏固定，点击进行路由跳转右侧部分显示不同内容
路由跳转的方法：this.$router.push(' 定义的路由名 ')；表示路由占位，在路由占位的时候可以把路由写活。在router中定义路由名称时可以用children定义子级路由；头部和左侧的导航栏不动，点击左侧导航栏中的按钮右侧的内容发生变化。
2023-01-19 20:33:28
2377
2
原创 可以增删的element-ui框架动态tabs展示，升级版tabs
在element-ui框架的动态增减标签页的基础上，加上一个弹框输入增加的内容，使使用更加灵活。
2023-01-18 19:15:00
1279
原创 文件流下载ppt文件无法打开或文件已损坏
2.注意接口返回的new Blob中的数据是res还是res.data，有时候接口返回数据的封装层次不一样，我们拿到的数据也不一样。在项目中遇到“文件流下载ppt文件无法打开或文件已损坏”这种情况，我也是查阅资料来一个排查问题的汇总。1.要设置responseType，在接口传参的时候传参过去。
2023-01-18 18:45:00
798
原创 前端两种常用的定时器
定时器：设定一定时间之后做某事，时间单位是毫秒，1秒等于1000毫秒，定时器回调函数的部分可以直接写函数或者函数名的形式；至于setTimeout一次执行之后要不要清除定时器这点我也不知道，感觉清除不清除好像都可以，如果有答案也可以评论告诉我。setInterval定时器会一直进行下去，不会自己关闭，所以我们可以为定时器命名用来关闭定时器。setTimeout定时器执行结束如果不清除会一直存在，可以为它命名方便清除。2.setInterval（）定时器，延时之后如果不清除则无限次间隔执行。
2023-01-17 01:00:00
4439
原创 解决当菜单下拉框点击事件click无效，点击两次才能跳转路由地址的问题（native时间修饰符）
native修饰符只能用在组件上, 不能用在原生标签上（Element-ui组价库都是自定义组件）；native---监听组件根元素的原生事件，主要是给自定义的组件添加原生事件；解决办法：在点击事件click后面加.native就可以解决了。在 vue3 中 v-on 的.native修饰符已经被弃用了；@是v-on的简写；
2023-01-10 23:45:00
651
原创 使用三种常见循环求100以内2的倍数和、100以内3的倍数和
1.求100以内2的倍数和。（3）do-while循环。2.求100以内3的倍数和。（3）do-while循环。（2）while循环。（2）while循环。
2023-01-06 19:45:00
3099
原创 Element-UI输入框多选的时候只显示一个，多选用数字+1、+2表示多选的个数
偶然间发现这个属性，本来看到页面的效果我以为是用原生js写的，看了代码才知道是这个属性。在多选的时候，只显示第一个选项，然后用数字显示出多选的个数；一般用普通的都是显示出每个选项（图2）
2022-12-21 20:15:00
2961
原创 前端echarts地图3D效果+点击地域出现弹出框可以有确定取消操作
【代码】前端echarts地图3D效果+点击地域出现弹出框可以有确定取消操作。
2022-12-21 19:45:00
3201
4
原创 前端媒体查询@media示例详解和calc()函数的使用
如果出现在以逗号分隔的查询列表中，它将仅否定应用了该查询的特定查询。当布局的时候，为了做到自适应我们不能把页面的宽高写死，但有一种情况，如果我们知道布局的每个板块之前都有16px的间隔，这个间隔是固定的，这时候我们就需要使用calc函数实现页面效果。用于将多个媒体查询规则组合成单条媒体查询，当每个查询规则都为真时则该条媒体查询为真，它还用于将媒体功能与媒体类型结合在一起。not, and和 only 可用于联合构造复杂的媒体查询，还可以通过用逗号分隔多个媒体查询，将它们组合为一个规则。
2022-12-17 23:22:32
1883
原创 Vuex的核心概念及使用方法
-->③store下新建actions.js（暴露给用户使用，以此触发mutations.js中的方法，保存数据，可异步操作）---> ④store下新建index.js（引入创建的模块，暴露出store，共vue注册后全局使用）---> ②store下新建mutations.js（保存所有的方法，用来改变state中的变量值）--->①store下新建state.js文件（声明变量，以键值对方式存储，以对象的方式导出）---> ⑤main.js中引入store/index.js。
2022-12-17 23:09:54
885
原创 前端有关解决Vuex页面刷新之后数据丢失的问题
在使用vuex的时候，刷新页面之后在vuex中存储的数据会丢失，而缓存在刷新页面的时候数据是不会丢失的，所以把vuex和缓存结合使用刷新数据就不会丢失了。本地缓存有两种方式localStorage和sessionStorage，这两者缓存的区别在。在state.js中取值，判断若缓存存在则从缓存中取值，若缓存不存在则定义空。在mutations.js中缓存，localStorage.setItem；问：有关vuex刷新页面之后数据丢失的问题。vuex+缓存解决这个问题。
2022-12-17 23:07:30
845
原创 前端组件传值---父子传值（父传子、字传父）
引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。1.父子传值props（父-->子）[响应式]效果如下：2.父子传值emit（子-->父）[响应式]效果如下： 3.父子传值emit+sync（子-->父）[响应式]效果如下： 4.父子传值ref（子-->父）[非响应式]效果如下：
2022-12-04 23:57:29
4142
原创 前端创建对象和数组的方法
json格式的数据，一般都是成对的键值对，json也是一个对象。js学习中的三种对象：内置对象---js自带的对象[ Math，Date，String，Array ]自定义对象---自己定义的构造函数创建的对象浏览器对象---windows、计时器等等对象设置（获取）属性值的写法：对象.属性； 对象["属性"]；判断是否是数组：1.instanceofconsole.log(arr instanceof Array)； //结果是true，说明value是数组2.Array.isArray(val
2022-12-04 23:34:29
1415
原创 盒子模型详解
菜鸟教程解释：所有HTML元素可以看作盒子1.普通盒子模型：margin（外边距）：清除边框外的区域，外边距是透明的，不包含在background属性中。border（边框）： 围绕在内边距和内容外的边框。padding（内边距）：清除内容周围的区域，内边距是透明的，包含在background属性中。content（内容）：盒子的内容，显示文本和图像或者其他的H5标签。对这个盒子模型设置width和height属性，即给content设置宽高属性。这个盒子的宽度 = width+padding+border
2022-12-04 22:57:43
1117
原创 vscode生成代码片段，敲代码时快速使用
2.在输入框中输入想要配置代码片段的文件，如果想配置 .vue 文件中的代码片段，就在输入框中输入vue【此处以脚手架的vue文件为例】4.新建文件的时候，直接输入 快捷名，就会有代码片段的提示，直接双击提示的代码片段就行，然后代码就有了。1.在vscode中，首选项 ---> 配置用户代码片段。，把代码转换成我们想要的格式放到配置文件中。
2022-12-02 08:46:01
1208
原创 element-ui给禁用的按钮设置鼠标经过显示tooltip的tips提示
想要达到禁用的按钮鼠标经过时出现tips提示，解决办法是：在button外面再套一层标签，tooltip包裹里的第一级是谁，那么tips就是加给谁的，所以我们把tips加给button的外层，那个按钮的禁用disabled只会影响按钮而不会影响其他元素。我们在禁用按钮的时候，其实把tips也禁用掉了，tooltip就是包裹button的，那个tips就是加在按钮上，按钮都被禁用了，tips怎么可能还会出现呢？情境：按钮禁用的时候显示tips提示。
2022-11-25 01:00:00
3476
原创 前端数组去重复方法总结（偶然遇到这个问题，以此记录）
4.set + Array.from，ES6的语法，Array.from将一个类数组对象转换为一个真正的数组。6.for+includes，判断数组是否有某项值，有就返回true，没有就返回false并push进去.Set函数可以接受一个数组（或类数组对象）作为参数来初始化，利用该特性也能做到给数组去重。3.Set，ES6的数据类型，Set的一个最大的特点就是数据不重复。7.for + object，对象属性名不能重复。10.Map，利用数据结构存值的特点。2.for循环+indexOf。
2022-11-25 00:15:00
1590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人