- 博客(44)
- 收藏
- 关注
RSS订阅
原创 vue项目调用百度地图api 学习总结
一、安装百度地图插件：npm install vue-baidu-map –save二、在vue项目首页index.html进入插件：注:src里的http必须要写如果不写会出现bug! ! !没有秘钥可以点击http:// http://lbsyun.baidu.com/apiconsole/key进去获取<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你申请的秘钥"&
2022-02-07 18:10:59
1589
13
原创 前端每日一练 “视差滚动“
视差滚动之所以受到大众的青睐，是因为它可以带来许多引人注目的效果和用户体验改进。视差滚动可以增强用户体验、增加视觉层次、提升故事叙述、设计创新等使其页面更加生动令人难忘。
2024-01-22 11:37:12
561
2
原创 HTTP 3.0彻底放弃TCP?
所以，在HTTP/2中，TCP队头阻塞造成的影响会更大，因为HTTP/2的多路复用技术使得多个请求其实是基于同一个TCP连接的，那如果某一个请求造成了TCP队头阻塞，那么多个请求都会受到影响。更换起来的成本是巨大的。这就发生了**TCP队头阻塞。因为他是基于UDP的，并没有改变UDP协议本身，只是做了一些增强，虽然可以避开中间设备僵化的问题，但是，在推广上面也不是完全没有问题的。而且，除了中间设备之外，操作系统也是一个重要的因素，因为TCP协议需要通过操作系统内核来实现，而操作系统的更新也是非常滞后的。..
2022-07-25 17:24:23
181
原创 解决cascader日常报错问题
项目中使用到了element-ui中的cascader选择器，组件下拉列表是动态的，根据用户选择的类型来从后台请求数据再根据后台获取的数据，加载级联于是就出现bug了。
2022-07-19 15:03:50
1198
原创 神器在手随时随地获取最新技术前沿
最近很多小伙伴问，如何获取最新技术前沿资讯和文章呢？今天就来推荐几款实用的RSS阅读器。那什么是RSS呢？下面是维基百科对RSS的解释RSS（英文全称RDFSiteSummary或ReallySimpleSyndication），中文译作简易资讯聚合，也称聚合内容，是一种消息来源格式规范，用以聚合多个网站更新的内容并自动通知网站订阅者。...
2022-07-18 16:36:39
465
原创 vue3 setup 语法糖总结
在 script 标签上加上 setup 属性，无需 return ， template 便可直接使用，非常的香啊！提示：以下是本篇文章正文内容，下面案例可供参考代码如下（示例）：2、data数据的使用代码如下（示例）：3、method方法的使用代码如下（示例）：4、watchEffect的使用代码如下（示例）：5、watch的使用代码如下（示例）：6、computed计算属性的使用代码如下（示例）：7 、props父子传值的使用
2022-07-14 17:29:06
722
原创 Javascript实现深拷贝的方式
概念介绍深拷贝：在堆内存中重新开辟一个存储空间，完全克隆一个一模一样的对象；浅拷贝：不在堆内存中重新开辟空间，只复制栈内存中的引用地址。本质上两个对象（数组）依然指向同一块存储空间01、递归方式（推荐，项目中最安全最常用）使用递归的方式进行对象（数组）的深拷贝，奉上已封装的深拷贝函数：上方函数的使用方式：上方函数的使用方式：02、JSON.stringify() ；(这个不推荐使用，有坑)这个方法有坑，详细讲解请看我另一篇文章 “使用JSON.stringify进行深拷贝的坑” 以下是代码示例：
2022-07-12 14:35:25
73
原创 CSS实现留言板效果【每日一题】
留言板在我们的很多项目中都会用到，这个设计的目的就是收取目标用户的信息，以便我们及时与用户取得链接，解决用户的问题，然后实现其作用与价值。因此，今天我们练习一个简单留言表单的实现，具体效果，可以看下面的截图：接下来，我们就一起来看看代码实现过程，建议初学者还是多练习，也许你会觉得在做重复的事情，但是在没有学会之前，我们就只能这样做了。HTML代码： CSS代码：今天的【每日一练】的内容就先分享到这里，希望今天的小练习对你有用，如果你觉得有帮助的话，请点赞我，关注我......
2022-07-12 14:32:43
217
转载 他们可能是Web史上最大的错误
上个世纪90年代，有两个兄弟，他们看到互联网风起云涌，马上就要爆发，决定投身其中，干出一番事业。他们俩仔细研究了当时互联网的入口，即浏览器，发现了一个重大的问题：浏览器能做的事情太有限，就是展示文字+图片的网页，最多执行一点儿可怜的JavaScript。相比于功能强大、界面漂亮，有极强交互的桌面应用程序，这实在是太简陋、太差劲了!两兄弟想到：能不能把桌面应用程序“搬”到浏览器中呢？以后大家只要打开浏览器，就可以听音乐、看视频、玩游戏、办公、做图像处理......桌面能做的一切，浏览器都可以干。具体该怎么实现
2022-07-08 15:13:53
62
原创 CSS实现3D菜单效果【每日一题】
以下是今天小练习的最终效果，代码，我贴在下面了，大家可以自行练习。HTML完整代码： CSS完整代码：以上就是【每日一练】的全部内容，希望今天的小练习对你有用，如果你觉得有帮助的话，请点赞我，关注我...
2022-07-07 16:54:05
212
原创 实现一个菜单选项卡的效果【每日一题】
今天练习的这个小项目是一个侧边导航菜单的效果，这是一个很常用的功能，有隐藏显示功能，这样设计的目的，主要是在一些项目中，我们可以节省一定的页面空间，以便页面显示更多内容。现在，我们一起来看一下项目的最终效果：HTML代码： CSS代码：以上就是每日一练的全部内容，希望今天的小练习对你有用，如果你觉得有帮助的话，请点赞我，关注我...
2022-07-07 16:51:28
118
原创 CSS实现文字动画效果【每日一题】
今天练习的这个小项目是一个CSS实现的文字动画效果，主要就是用在页面加载时的效果，现在，我们一起来看一下这个项目的最终效果 CSS代码：以上就是每日一练的全部内容，希望今天的小练习对你有用，如果你觉得有帮助的话，请点赞我，关注我！...
2022-07-05 16:09:39
724
原创 前端根据登录用户做不同权限控制
对于大部分管理后台而言，角色权限都是一个重要的环节。通过角色权限的配置，我们可以轻松的调整各个用户所拥有的各个模块或者说页面的权限，从而让用户只能访问到对应权限的页面。通俗易懂的来说，就是哪些页面是向所有用户开放的，哪些是需要登录后才能访问的，哪些是要拥有xx角色权限才能访问的等等(这里的xx指的是管理员、普通成员等这些的角色)。在后台管理系统中角色权限的方案设计是很重要的。对于角色权限而言，真正进行把关的是应该是后端。首先是因为前端的相关代码校验是可以被数据造假通过的，安全性并不高。其次，在一个系统中前端
2022-07-01 17:46:26
2505
原创 CSS 实现常见问答手风琴效果【每日一题】
今天我们练习的这个小项目，是我们在很多网页上经常用到的，它的主要使用场景就是在一些问答页面里，或者一些简单说明的文字页面上，虽然，这个页面可能对于很多人来讲，内容不重要，以致于这个内容基本都是放在页面比较隐蔽的地方，可能大家也不怎么注意。当然，这个内容重要与否，需要具体情况具体分析，没有统一标准，但是，这个练习还是非常实用的。好了，我们一起来看看今天案例练习的效果。这个gif录屏工具，录出来的渐变色彩不是很流畅，因此，我也单独截取了一个图片格式的效果。这个颜色比较正常好看一些，gif动图大家就看hover的
2022-07-01 17:35:48
148
原创 可视化搭建页面工具的前世今生
页面可视化搭建, 是一个历久弥新的话题. 更广义上讲, 页面是 GUI 的一部分, GUI 的拖拉生成在各种开发工具上很常见, 如 Android Studio, Xcode, Visual Studio 等. 前端页面早在十几年前就能用
2022-06-30 17:50:14
218
原创 冷门CSS属性你了解多少？
对于数字来说，每个数字的宽度都不一定是相等的。比如说对于 1 和 2 来说，从 1 变成 2 的时候宽度一定会发生变化。如果此时周围有元素的话，就会造成元素位置的偏移。我们以分页器为例，当页码发生变化的时候，不等宽的数字会造成左侧箭头的位置偏移，大家可以从下图中看到示例：...
2022-06-29 17:14:34
344
1
原创 Base64 编码原来还可以这么理解
经常用到 Base64 编码，但对于为什么要用，以及它的原理，一直是不求甚解。最近在某本书上看到了 Base64 的编码原理，原来这么这么这么简单。
2022-06-29 09:11:04
125
原创 HTTP 3的发布
6 月 6 日，IETF QUIC（Internet Engineering Task Force，互联网工程任务组，简称 IETF）、比利时的 HTTP 工作组成员 Robin Mark 在 Twitter 上宣布“历时 5 年，HTTP/3 终于被标准化为 RFC 9114。将与 RFC 9204（QPACK header 压缩）和 RFC 9218 （可扩展的优先级）一起开启 Web 的新篇章！”，这意味着该协议已经进入了稳定的状态，而 HTTP/3 是 HTTP 超文本传输协议的第...
2022-06-29 09:09:47
105
原创 IE 浏览器正式退休
1995年8月16日，Windows第一个默认浏览器——Internet Explorer（IE）首次亮相，由于和Windows的捆绑安装，IE浏览器迅速占领市场。在其最鼎盛时期，IE可谓是称霸市场，占有率达90%以上，是现在的Chrome都所不及的。...
2022-06-29 09:08:27
122
原创 Vue3 中 watch 与 watchEffect 两者之间的区别
帮助你了解Vue3 中 watch 与 watchEffect 两者之间的区别
2022-06-15 10:59:00
172
1
原创 解决el-radio-group 回显后不能编辑问题
首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把数组的length变成0，vue就无法知道发生了改变。...
2022-06-15 10:51:58
1524
原创 WEB新时代要来了
W3C 发布了 WebAssembly 2.0 的首批公开工作草案 (Public Working Drafts)，总共包括 3 部分：WebAssembly Core Specification – Version 2.0：描述 WebAssembly 核心标准的 2.0 版本，这是一种安全、可移植的底层代码格式，旨在高效执行和提供紧凑的表示
2022-05-11 16:27:28
138
17
原创 vue项目最新代码优化技巧
屏幕前的你是否在一开始做项目的时候就一心只想着抓紧把功能需求完成，然后接下来就开始了，写自由飞翔的代码最终产生了大量沉余代码，而自己一直想去解决这些问题，却不知如何下手的，今天你静下心来阅读此文章后希望能帮助到你。
2022-04-27 18:03:54
1496
49
原创 Vue3 携手 TypeScript 搭建完整项目结构
TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 TypeScript 编写的，更好的 TypeScript 支持也是这一次升级的亮点。当然，在实际开发中如何正确拥抱 TypeScript 也是迁移至 Vue3 的一个小痛点，这里就针对 Vue3 和 TypeScript 展开一些交流
2022-04-25 17:55:53
5637
51
原创 一文彻底搞懂前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）
一文彻底搞懂前端实现文件预览（word、excel、pdf、ppt、mp4、图片、文本）因为业务需要，很多文件需要在前端实现预览，今天就来了解一下吧。
2022-04-06 15:33:24
1045
20
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人