- 博客(87)
- 收藏
- 关注
RSS订阅
原创 微信小程序（基本操作）
自定义组件 | 微信开放文档(1) 组件模板和样式(2) Component 构造器(3) 组件间通信与事件(4) 组件生命周期(6) 组件间关系(7) 数据监听器(8) 纯数据字段1、定义不是创建page，而是创建component，一个小程序组件（wxml,wxss,js,json)//组件名.jsComponent({ //构造一个组件//组件的属性列表,相当于vue组件的propstitle:{ //属性名type:String,//类型value: '默认值'},
2024-01-26 10:07:55
5566
1
原创 2024 前端预测前景如何
对于前端来说，这是不平凡的一年。我们见证了对服务器端渲染（SSR）市场的争夺和创新的热潮；人工智能的不断渗透；网络渲染器和 JS 引擎的迅猛发展；一大批有志之士试图将知名品牌从宝座上拉下；以及其他各个领域的动向。在预测新一年的传统占卜之前，让我们回顾一下今年到目前为止的大杂烩。
2024-04-27 11:20:41
533
原创 登录效验token无感知刷新
在前后端分离的应用中，使用token进行交互验证是一种比较常见的方式。但是，由于token的有效期限制，需要不断地刷新token，否则会导致用户认证失败。无感知刷新Token是指在Token过期之前，系统自动使用Refresh Token获取新的Access Token，从而实现Token的无感知刷新，用户可以无缝继续使用应用。如何判断token是否过期?如何在token过期时，自动使用Refresh Token获取新的Access Token?Refresh Token安全性?
2024-04-27 10:38:28
203
原创 七天速记前端八股文（重点）
父级元素没有包含浮动元素，因此在正常情况下，父级元素的高度会根据其内容的高度来自动调整，但是因为浮动元素脱离了文档流，父级元素无法正确计算其高度，导致父级元素出现高度塌陷的情况。以上代码是防止外边距合并的案例，在代码中如果一个父元素div里的子元素div需要和父元素一样等级的div一起做操作，子元素div的外边距下和另一个div的外边距上会合并。跨域原理，即是通过各种方式，避开浏览器的安全限制。利用用户在被攻击网站已经获取的注册凭证，绕过后台的用户验证，达到冒充用户对被攻击的网站执行某项操作的目的。
2024-04-26 20:09:23
905
原创 为什么 React 比 Vue 难？你不知道的前端简史!
习惯面向对象的后端攻城狮不习惯 React 的泛函编程习惯关注点分离的前端程序猿不习惯 React JSX 的关注点不分离选择更多的 React 生态导致 React 初学者选择困难React 是库不是框架，转嫁成本要求用户像框架一样使用库中文爱好者或“英语笨蛋”背诵 React 文档难度较高本期话题是 ——你觉得 React vs Vue 谁更难，难在哪里？欢迎在本文下方自由言论，文明共享。仅供参考！！如有抄袭请告知！！
2024-04-26 19:50:47
503
原创 为什么现在前端面试都不考八股文了？
大家好，我是前端双越老师。先祝大家 2024 开工大吉！！！年前就有和几个同学在和我1v1 面试咨询现在面试都不考基础知识和八股文了，上来就聊项目。其实我也很早就意识到这个问题了，现在和前几年完全不一样了。2021年之前，随便写个简历，背诵 1-2 周八股文就可以去面试了。而现在，每一步都很困难。前端面试减少了基础知识和八股文的考察，更多聊项目经验。我觉得这很好，能筛选出更加专业的候选人，而减少“浑水摸鱼”的人。同时也给了大家更高的要求：做好项目，写好项目。
2024-04-10 07:15:00
1669
原创 uniapp 项目开发经验总结
总结 uniapp 多端项目三个月开发维护的经验，遇到并解决了什么困难，收获了什么。Andorid: H5、微信 H5、AppiOS: H5、微信 H5、App。
2024-04-09 20:33:00
843
原创 前端面试笔记[基础]
块级元素在页面上占据一个块（矩形）的空间。从新的一行开始，并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间，不换行。与文本一起流动，并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置，但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始，占据块状空间在行内占据空间，不换行宽度和高度可以设置。
2024-04-03 07:15:00
591
原创 NodeJs（前端面试题整合）
gulp 是基于 node 的自动化构建工具作用：1 自动压缩 JS 文件2 自动压缩 CSS 文件3 自动合并文件4 自动编译 sass5 自动压缩图片6 自动刷新浏览器机制：Unix 操作系统的管道（pipe）思想 前一级输出 后一级输入常用命令：.src 输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数组（array of globs）的文件。将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。
2024-04-01 20:26:07
659
原创 前端面试题【笔记】
块级元素在页面上占据一个块（矩形）的空间。从新的一行开始，并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间，不换行。与文本一起流动，并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置，但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始，占据块状空间在行内占据空间，不换行宽度和高度可以设置。
2024-04-01 19:36:10
831
原创 小小导出，我大前端足矣！
大概的意思是说：默认不支持改变样式，想要支持改变样式，需要使用它的收费版本。，但是使用起来极其复杂，还需要改 node_modules 源码，这个库最后更新时间也定格在了 6年前。还有一些其他的第三方样式拓展库，质量参差不齐。使用成本和后期的维护成本很高，不得不放弃。
2024-03-19 19:15:02
847
原创 面试官：前端请求如何避免明文传输？谁沉默了，原来是我
连夜肝文，面试以来最尴尬的一次，事情是这样的，最近有开始面稍微有难度一点岗位，本文的主题出自北京某一小厂的正式岗面试题，薪资水平大概开在10k-12k。之前一直是投的比较小的公司比较简单的实习岗位，这个是无意间投出去的一个，由于是 0 年经验小白*1，结果没想到简历过筛，硬着头皮上了。结果很惨，40分钟的面试有 80% 不会回答，像大文件上传、缓存优化、滑动text-area标签用什么属性（话说为什么有这么冷的题）等等，有一个算一个，都没答出来。重点来了，在两个面试官问到的时候，在我绞尽脑汁。
2024-03-11 08:45:00
730
原创 面试官：为什么不用 index 做 key？
看到这里，希望你已经对Diff 算法有了初步的了解，想要深入了解，可以自行查看Diff 源码。总的来说，Diff 算法是一项关键的技术，为构建响应式和高效的用户界面提供了基础。最后，祝你面试顺利，学习进步！仅供参考！！！
2024-03-11 01:00:00
819
原创 axios拦截器是什么？（请求拦截器、相应拦截器），作用？挂载请求头携带token、权限验证等
axios在每次发送数据请求时，会首先经过请求拦截器，可以在此挂载统一的token等后才会到达服务器，服务器处理完请求要响应给浏览器时，首先经过响应拦截器才会到达，在此通常做一些响应结果的判断。1.请求拦截器 在请求发送前进行必要操作处理，例如添加统一cookie、请求体加验证、设置请求头等，相当于是对每个接口里相同操作的一个封装；2.响应拦截器 也是如此功能，只是在请求得到响应之后，对响应体的一些处理，通常是数据统一处理等，也常来判断登录失效(token失效)等。// 添加响应拦截器。
2024-03-10 20:15:19
422
原创 实现前端开发几个常用技巧
从master切，顾名思义，开发每一个功能的分支，开发完的功能合并到release分支。优点：简单，方便，对原数据没有影响 缺点：最好数组元素全是数字或字符，不会跳过空位。经常使用列表，比如待办事项列表、购物车等，如果数据不太多的话，列表就显得尤为有用。一旦开发完成，就会把release分支合并到master分支，并删除原分支。从master切，修复BUG分支，测试完直接合并到master。从master切，需要测试的功能都合并到该分支上进行测试。优点：会跳过空位，返回新数组，不会修改原数组。
2024-03-01 13:00:00
434
原创 推荐13款常用的Vscode插件
1.插件是一个用于前端开发的扩展，它的主要作用是提供一个本地开发服务器，以便实时预览和调试网页应用程序。热重载因为允许开发者在浏览器中实时预览您正在编辑的网页。每当保存文件时，该插件会自动刷新浏览器，以便开发者可以立即看到页面的更改效果。
2024-03-01 08:23:09
3012
原创 【Vue3】el-table 组件二次封装，看这一篇就够了
然而，数据的 key 作为列名的情况很少（至少在我们这里，一般是使用中文作为列名的），这就需要我们使用可定制的列名，并且，如果我们不想展示某些字段，上面的写法也是做不到的（它会显示数据的所有字段）。这时候，我们只需要一个映射（mapper）就可以解决这些问题。该对象的每一个属性对应每一列的 prop、key，值对应列的列名 label。javascript。
2024-02-28 06:45:00
2339
原创 十分钟学会WebSocket
为了定期发送心跳消息，你需要定义一个心跳间隔，通常以毫秒为单位。在示例中，我们将心跳间隔设置为30秒。javascript。
2024-02-27 08:45:00
1654
原创 js需要同时发起百条接口请求怎么办？--通过Promise实现分批处理接口请求
不知你项目中有没有遇到过这样的情况，反正我的实际工作项目中真的遇到了这种玩意，一个接口获取一份列表，列表中的每一项都有一个属性需要通过另一个请求来逐一赋值，然后就有了这份封装真的是很多功能都是被逼出来的。
2024-02-27 08:30:00
740
原创 一篇文章带你彻底了解flex布局
100，即约等于28px 最后A、B、C、D、E的实际宽度分别为：120-14=106px, 120-14=106px, 120-14=106px, 120-28=92px,120-28=92px，此外，这个宽度是包含边框的。flex-shrink: 指定了 flex 元素的收缩规则，flex 元素仅在默认宽度之和大于容器时才会发生收缩，其收缩的大小是依据flex-shrink的值。此属性控制侧轴的方向和新行排列的方向。我们确定了弹性容器的主轴与侧轴，弹性项目的宽和高，怎么来确定对应的主轴尺寸和侧轴尺寸？
2024-02-26 18:45:00
1718
原创 程序员专属情人节表白网站HTML+CSS+JavaScript
网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
2024-02-26 08:45:00
502
原创 前端本地化部署
现在成熟的前端团队里面都有自己的内部构建平台，我司云长便是我们 CI/CD 的提效利器。我先来简单介绍下我司的云长，此云长非彼云长，云长主要做的是：获取部署的项目，分支，环境基本信息后开始拉取代码，安装依赖，打包，并且将项目的一些资源静态文件上传 CDN，再将生成的代码再打包成镜像文件，然后将这份镜像上传到镜像仓库后，最后调用 K8S 的镜像部署服务，进行镜像按环境的部署，这就是我们云长做的事情。如果想从零开始搭建一个自己团队的部署平台可以看下我们往期文章。
2024-02-25 14:45:00
1785
原创 浅谈柯里化
柯里化可以让我们给一个函数传递较少的参数得到一个记住某些固定参数的新函数这是对函数的一种“缓存”使函数变得更加灵活、颗粒度更小可以把多元函数转换成一元函数，可以组合使用函数产生更强的功能仅供参考！！！
2024-02-24 12:30:00
842
原创 uni-app 黑魔法探秘 （一）—— 重写内置标签
针对内置标签的解析，很庆幸 vue 还是留了一道后门的，不然就要魔改 vue 的源码了。uni-app 中有很多类似的黑魔法。为什么称之为黑魔法呢，因为其中使用的方法可能是官网中不会讲到的，或者是些需要巧思的。像魔术一样，看似很神奇，真的知道解决方案后就会恍然大悟。我相信这些黑魔法的出现并不是为了炫技，而更多的是在熟悉原理后的决策。
2024-02-24 07:15:00
1613
原创 初探Web客户端追踪技术
当我们首次浏览网站时，在网页的下方位置经常会出现提示，询问是否允许使用 Cookie 来提供服务和流量。为了不被挡住浏览的内容，我们经常会下意识地点击“接受”，然后继续浏览。看似无害而有害增强你在这个网站上的体验的操作，然而很多人没有意识到，当你点下按钮后，网站会塞给你一块饼干（Cookie），接着用这个饼干来换取你的相关信息，甚至能追踪你在网站上的足迹。例如你在当前页面语言选择了“中文”，那么下次再进入到这个网站时，会默认帮你选择“中文”语言。
2024-02-23 21:30:00
887
原创 前端自动化测试 —— Jest 测试框架应用
在软件测试中，自动化测试指的是使用独立于待测软件的其他软件来自动执行测试、比较实际结果与预期并生成测试报告这一过程。在测试流程已经确定后，测试自动化可以自动执行的一些重复但必要的测试工作。也可以完成手动测试几乎不可能完成的测试。对于持续交付和持续集成的开发方式而言，测试自动化是至关重要的。——来自 WiKi 百科。
2024-02-23 12:30:00
1526
原创 前端如何进行单文件上传云服务存储
本文仅针对了单文件上传进行了梳理，对于多文件、分片上传等还未涉及，后续还会继续分享。不知道大家对于对接云服务上传是否还有其他更好的处理方式，欢迎一起讨论一下。
2024-02-23 06:45:00
1589
原创 10 分钟了解 nextTick ，并实现简易版的 nextTick
nextTick简单的说，nextTick方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。它的出现主要是为了解决 Vue 的异步更新导致的 DOM 更新后的操作问题。在 Vue 中，数据的变化会触发重新渲染 DOM，但实际上，Vue 的数据更新是异步的。也就是说，当我们修改了 Vue 实例的数据后，并不会立即进行 DOM 更新，而是在下一个事件循环中才会进行。
2024-02-22 22:45:00
1768
原创 前端基础问题及优化
这个问题的原因是：用户在使用谷歌浏览器的过程中将窗口最小化或切换到其他应用程序中去，浏览器会将当前标签页和其中的 JavaScript 定时器挂起，这将导致定时器延迟调用。：这里说的不准还不是说一点小误差。我们可以发现本来应该是 11001100 无限循环被截断了，尾号 11001 的时候1被舍去了，然后进了一位 最后存储成了上图的 1101 的样子。如果中途失败了，之前赋值和操作过的数据是保留的，失败后的操作不执行。的时候其实是拿二进制计算的，两个都偏大的数字相加 误差被近一步的放大了。
2024-02-22 13:15:00
819
原创 前端是做什么的？
前端负责用户和网站页面的交互，因此前端工作需要做很多事情，包括数据库架构、框架、扩展解决方案等。样式：这包括网站按钮、布局、输入、文本、图像等，也就是网站的整体外观。辅助功能：辅助功能（如文本到语音转换、语音识别、简单用户流等）使网站更易于使用并提供更好的用户体验。速度：对于大多数人来说，网站当然越快越好。以下是前端开发中常见的三种主要技术。HTML 被认为是网页的骨架。它用于构建网页的内容，并且还告诉Web浏览器如何显示它。CSS为浏览器提供了有关显示内容的更具体信息，例如文本的大小和颜色。
2024-02-22 07:15:00
1750
原创 微信小程序获取用户手机号码教程（前端＋后端）
在开发一款微信小程序时，需要用户进行微信登录，获取用户的手机号码来作为用户的唯一标识（userId），于是探索获取用户手机号码的方式；
2024-02-21 19:45:00
2932
原创 nodejs和npm和vite
具体而言，Vite 使用了 Node.js 的模块系统、npm 包管理工具等，同时利用了一些现代前端工具和技术，整体上，Vite 利用了 Node.js 强大的生态系统来提供一个快速、高效的前端开发体验。src是vue开发文件夹,src下的api是API接口文件夹，directives是全局指令文件夹，styles是全局样式文件夹，utils是工具函数文件夹，composables是组合函数，router，stores。Node.js 包含一些核心模块，这些模块是在安装 Node.js 时一同安装的。
2024-02-21 10:45:00
879
原创 Vue 实现当前页的刷新
import Bus from '@/utils/bus.js' // 路径根据自己的实际路径填写，这里仅供参考。import Bus from '@/utils/bus.js' // 路径根据自己的实际路径填写，这里仅供参考。上节讲了如何简单有效的实现页面缓存，前进刷新，后退不刷新，本节在原来的基础之上做了些改造，如何实现刷新当前页。可以结合【Vue 默认缓存，前进刷新，后退不刷新】一起使用，效果更佳！// ------------函数或者数据处理。// ------------函数或者数据处理。
2024-02-20 10:07:41
457
原创 上线服务器流程用法及说明
因为浏览器的同源政策，就会产生跨域。比如说发送的异步请求是不同的两个源，就比如是不同的的两个端口或者不同的两个协议或者不同的域名。由于浏览器为了安全考虑，就会产生一个同源政策，不是同一个地方出来的是不允许进行交互的。
2024-01-28 13:42:03
1083
原创 函数式组件hooks
返回一个 state，以及更新 state 的函数。在初始渲染期间，返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。setState 函数用于更新 state。它接收一个新的 state 值并将组件的依次重新渲染加入队列。可以简单理解为，如果要改变数据联动视图就要使用useState 注意：如果你的更新函数返回值与当前 state 完全相同，则随后的重渲染会被完全跳过。
2024-01-27 19:47:02
1061
原创 Vite学习指南
号，另外呢他告诉我们新行必须要求我们在这个末尾上添加一下，那很显然，我们需要手工的去做一些。我们可以把这个给改一下，改完了以后我们看到这个文件就没有任何的关于也是语法的问题了，那接下。再去打开一个文件，再去打开一个文件，再去打开一个文件，我们看到呢这里头貌似好像都满足了们所。保存一下，好，我们看到了这里头这个提示就不存在了，我们再次执行一下。保存一下，那接下来我们来去看一下重新的检查，我们再去进行一次这个提交。，安装好了以后呢，我们回到我们代码里边，很显然这一步还不够，我们得需要去安装。
2024-01-27 19:36:53
1392
web前端react框架
2024-02-20
2023web前端常考面试题及答案（小白版）
2023-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人