- 博客(134)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 vue3 学习笔记 (五)——vue3 的 setup 如何实现响应式功能？
在之前 vue2 中，data 返回的数据，可以直接进行双向绑定使用，如果我们把 setup 中数据类型直接双向绑定，发现变量并不能实时响应。接下来就看看setup如何实现data的响应式功能？
2021-11-22 09:17:02
1744
1
原创 vue3 学习笔记 (二)—— axios 的使用有变化吗？
本篇文章主要目的就是想告诉我身边，正在学 vue3 或者 准备学 vue3 的同学，vue3中网络请求axios该如何使用，防止接触了一点点 vue3 的同学会有个疑问？生命周期、router 、vux使用都改变了，那 axios 使用有没有啥改变？小姐姐使用 axios 之前，需要先安装好。yarn add axiosnpm install axiosbower install axios<script src="https://unpkg.com/axios/dist/a
2021-11-16 15:13:24
3530
原创 微信浏览器禁止页面下拉查看网址导致其他scroll失效
移动端有 touchstart touchmove 绘制矩形，发现向下移动时会出现页面下拉，看到浏览网页地址。短短几行代码确实完美解决了！但是副作用却很大，导致网页内其他 scroll 全部失效，这该如何解决呢？此方案可以解决上下滑动 scroll，对于左右 scroll 需要再改改！此方法写的较简约，使用 vue3 setup ，看不懂的勿喷！方案一：prevent-scroll。
2024-08-08 13:41:49
173
1
原创 The AudioContext was not allowed to start.
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page
2024-04-17 17:58:05
2381
2
原创 uniapp 地图如何添加？你要的教程来喽！
在调试模式中，调用 uni.getLocation 无法触发，其中的 success fail complete 都无法执行，不调用的原因是必须在 https 环境下，所以先保证是在 https 环境下。marker 中的 iconPath 设置标记点的图标路径，可以使用相对路径、base64 等，但是在 h5 查看正常，app 打包之后就不能正常显示了，务必参考官网。搜索地图插件的时候，插件挺多的，有免费的也有付费的，即使使用插件也是需要需要注册第三方地图账号的。
2023-08-28 09:46:41
830
原创 几行代码教你快速实现网页全屏自定义内容
今天就用几行代码帮大家实现下网页全屏。screenfull 是用于跨浏览器使用 JavaScript Fullscreen api 的简单包装器，可让您将页面或任何元素全屏显示。具体实现步骤请看下文！
2023-07-15 11:02:36
1102
原创 XHbuilder 需要的 ipa 签名，超详细的教程，你不看吃亏的是自己！
今天使用 hbuilder 运行到 ios 真机的时候，突然发现还需要 ipa 签名，这是什么东东呢？
2023-06-29 11:00:08
1597
原创 uni-app 从0 到 1 制作一个项目，收藏等于学会
uni-app 是使用 vue.js 开发的所有前端应用框架，开发者编写的一套代码，可以发布到 ios、android、web ，以及各种小程序平台。
2022-08-16 09:15:05
6103
原创 前端自动脚本中常见的几个问题，你遇到了吗？
公司有个审核平台，下班时间没人审核，审核速度更是着急人，所以老板让我写一个能够自动审核的脚本，只用于下班时间。我就开始了自己的第一个自动脚本。自动脚本没有想象中那么难，作为一个前端，我们依旧使用我们最擅长的 js 。写一段需要执行的 js 代码，然后放入到调试器中回车执行，此时我们的自动脚本就能正常跑起来喽！示例：没有写过自动脚本的前端，赶紧看过来！写自动脚本常见的几个问题分别如下：问题1：获取到的元素是为 null ？我们通常直接使用 document.getElementBy
2022-05-24 11:22:56
464
1
原创 JS 跳过 debugger 的几种方法，都在这了
前端写自动脚本中最常见的就是 debugger 的干扰，debugger 仅在调试模式中起作用，需要手动点击才会继续向下执行，这样我们的自动脚本也就卡住无法向下执行，本篇文章介绍几种跳过 debugger 的方法。方法1：禁用所有断点禁用所有的断点，会包含自己的断点也会被禁用掉，暂停了调试。方法2：添加到 Ignore List 中把需要忽略掉的断点被包含的文件，添加到忽略列表中，此时一部分的断点就会被跳过，使用 f5 刷新也不会影响。鼠标放到 debugger 处，点击右键
2022-05-23 09:27:44
4442
原创 手把手教你 Vue3 + vite + Echarts 5 +TS 绘制中国地图，看完就会
废话不多说，看图！本篇文章介绍 Vue3 + vite +TS 项目内使用 Echarts 5 绘制中国地图，标记分布点！之前没有接触过 Echarts 的，可以先去官方示例看看，里面图形特别齐全。但是官方文档看着费劲的，太多了根本记不住，所以自己做个总结，下次就可以直接使用了，不用做重复无用功。一、安装Echarts 已更新到了 5.0 版本，安装完记得检查下自己的版本是否是 5.0 。npm install echarts --save安装完成之后，在 package.js
2022-05-10 16:34:33
5104
15
原创 Vue3 + Echarts 5 绘制带有立体感流线中国地图
本文绘制的地图效果图如下：一、Echarts 使用五部曲1、下载并引入 echartsEcharts 已更新到了 5.0 版本，安装完记得检查下自己的版本是否是 5.0 。npm install echarts --save下载地图的 json 数据可以下载中国以及各个省份地图数据。免费的文件下载地址：http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188
2022-05-10 16:29:03
4878
原创 厉害了网页扫码，所有方法都给你总结到这了，赶紧收藏
最近做一个项目，要通过扫一扫查询对应的信息，由于现在已经有一部分二维码已被生成，为了兼顾已生成的二维码，所以需要使用网页的扫一扫功能去完成项目。项目使用技术栈：vue2方案一、js 原生热心的同事帮我已经找好了网页扫一扫 DEMO，给我说已经测试过了，Andriod 和 IOS 都可以正常使用。使用 QRScanner 插件其原理是通过navigator.mediaDevices.getUserMedia 来获取用户的摄像头使用权限：navigator.mediaDevi
2022-04-02 12:01:28
3806
原创 手把手教你调用微信扫一扫，三分钟包会
这是我第一次公众号开发，本以为看着微信官方文档直接复制粘贴就好了，没想到是我天真了，爬过一个坑又入一个坑！就这么一个简单的事，竟然搞了一下午，所以写了这篇文章，希望可以帮到大家！第一步：引入 weixin-js-sdk方式1：静态 html 引入直接在 html 文件内，使用 script 引入：<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>方式二：vue 单页
2022-04-01 10:47:31
14855
10
原创 async-validator 源码学习笔记（六）：validate 方法
系列文章：1、async-validator 源码学习（一）：文档翻译2、async-validator 源码学习笔记（二）：目录结构3、async-validator 源码学习笔记（三）：rule4、async-validator 源码学习笔记（四）：validator5、async-validator 源码学习笔记（五）：Schema一、validate 介绍validate 是 async-validator 的核心方法，不仅需要掌握它的使用，也需要了解它的原理。使..
2022-03-30 14:29:26
396
1
原创 async-validator 源码学习笔记（五）：Schema
系列文章：1、async-validator 源码学习（一）：文档翻译2、async-validator 源码学习笔记（二）：目录结构3、async-validator 源码学习笔记（三）：rule4、async-validator 源码学习笔记（四）：validatorSchema 是 async-validator 库的标准使用方式，使用 class 类的形式和构造函数方式进行定义的。一、Schema 类使用方式在官方文档中 Schema 的使用方式有如下几步：从 as.
2022-03-25 19:33:20
1320
原创 async-validator 源码学习笔记（四）：validator
1、async-validator 源码学习（一）：文档翻译2、async-validator 源码学习笔记（二）：目录结构3、async-validator 源码学习笔记（三）：rule源码目录结构如图：validator 源码分析validator 与 rule 紧密相连，rule 目录下的文件主要功能是校验 value 和 rule ，然后给 errors 数组中添加 error 。validator 则是把 校验的 value 细分成各种类型，对不同的类型进行不同的 ru
2022-03-24 08:54:19
275
原创 async-validator 源码学习笔记（三）：rule
系列文章：1、async-validator 源码学习（一）：文档翻译2、async-validator 源码学习笔记（二）：目录结构rule 主要实现的是校验规则，文件结构为下图：一、rule 目录文件介绍其中 index.d.ts 文件：declare const _default: { required: import("..").ExecuteRule; whitespace: import("..").ExecuteRule; type: import(".
2022-03-22 09:39:16
444
原创 async-validator 源码学习笔记（二）：目录结构
上一篇文章《async-validator 源码学习（一）：文档翻译》已经将 async-validator 校验库的文档翻译为中文，看着文档可以使用 async-validator 异步校验表单。本篇文章继续学习 async-validator 源码目录结构。在项目中安装 async-validator：npm i async-validator之后，找到 async-valiror 文件夹，打开 package.json 文件，一、配置及目录结构package.json 的
2022-03-18 09:34:16
322
原创 async-validator 源码学习（一）：文档翻译
async-validator 是一个表单异步校验库，阿里旗下的 Ant-design 和 Element 组件库中的表单验证使用的都是 async-validator ，目前版本已更新到 4.0.7 ，下载量达到1,067,202次，不仅支持 js ，同时也可支持 typeScript 。是一个功能超级强大的库，有兴趣的一起来了解了解。async-validator 官网地址：https://www.npmjs.com/package/async-validatorasync-validato.
2022-03-16 14:52:27
1324
原创 都 2022 了，还不抓紧学 typeScript ?
Hi，我是前端人，今日与君共勉！本篇文章主要介绍的是什么是 typeScript ? typeScript 与 javaScript 有什么关系呢？我们为什么要学习 typeScript ?一、什么是 typeScript ?typeScript 是由 Mircrosoft 在 2012 年推出的，是一个自由和开源的编程语言。它是 javaScript 的一个严格超集，并添加了可选的静态和基于类的面向对象编程，是一门非常受欢迎的语言扩展。typeScript 常常被简称为 TS 。typeS
2022-02-22 09:35:09
2002
2
原创 「2022」打算跳槽涨薪，必问面试题及答案——浏览器篇
Hi，我是前端人，今日与君共勉！一、从输入 URL 到页面呈现发生了什么？在浏览器中输入一个网址，如：https://www.baidu.com 。从输入地址到我们看到百度首页，这一过程到底发生了什么？1.1、构建网络请求1.2、查找缓存检查如果有缓存，则直接使用缓存，如果没有缓存，则会向服务器发送网络请求。1.3、DNS解析我们访问网站的时候，输入的是域名，比如上边截图内域名：https://www.baidu.comIP地址：36.152.44.95：443
2022-02-21 09:14:20
408
原创 「2022」打算跳槽涨薪，必问面试题及答案——WEB 安全
Hi，我是前端人，今日与君共勉！废话不多说，直接上干货！1、你对 WEB 安全的理解？互联网发展迅速，现在的 web 不再是以前的简单网页，除了常见的电商购物平台、手机转账、银行系统之外，物联网技术的发展，不仅让智能家居走进了生活，也促进了医疗、物流等行业的发展，安全问题逐渐也成为大家比较关心的问题。作为一个前端程序员最关心的也就是 web 安全喽，较为常见且危害较大的有 XSS跨站脚本攻击、SQL 注入、CSFR 跨站请求伪造等攻击方式。我们需要更好的理解它们的恶意攻击原理，才能更好的防御攻击
2022-02-18 10:13:16
3170
原创 「2022」打算跳槽涨薪，必问面试题及答案——VUE3 篇
1、Vue3 出现解决了什么问题？它有哪些优势？Vue2 代码模式下存在的几个问题：随着功能增加，复杂的组件代码越来越多，变得难以维护。主要原因是 vue2 通过选项式API组织的代码，一个逻辑功能可能有多处代码，不易别人上手。 缺少一个比较干净的在多个组件之间可以提取和复用逻辑的机制。 类型推断不友好。 没有静态类型检查，只有代码运行之后才能发现错误等等。Vue3 是在 Vue2 的基础上进行了一些优化，对 typeScript 有了更好的支持。Vue3 和 Vue2 是可以共存的，Vue
2022-02-17 08:27:25
900
1
原创 「2022」打算跳槽涨薪，必问面试题及答案——VUE篇
1、为什么选择VUE，解决了什么问题？vue.js 正如官网所说的，是一套构建用户界面的渐进式框架。与其它重量级框架不同的是，vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化工具链以及各种支持类库结合使用时，vue 也完全能够为复杂的单页应用提供驱动。vue.js 有声明式，响应式的数据绑定，组件化开发，并且还使用虚拟 DOM 等技术，统一编程规范和模块等，将项目功能模块化更方便组织和构建复杂应用，便于项目的扩展
2022-02-15 11:56:28
1995
6
原创 「2022」打算跳槽涨薪，必问面试题及答案 -- ECMAScript 篇
起点低怕什么，大不了加倍努力。人生就像一场马拉松比赛，拼的不是起点，而是坚持的耐力和成长的速度。只要努力不止，进步也会不止。1、ECMAScript 与 JavaScript 的关系？ECMA（European Computer Manufacturers Association）欧洲计算机协会，研究的 JavaScript 语言语法规范，这个东西名称就叫做 ECMAScript 。JavaScript 是 ECMAScript 的一种实现，完整的 JavaScript 由以下三部分组成
2022-02-11 09:31:33
986
原创 「2022」打算跳槽涨薪，必问面试题及答案 -- JavaScript 篇
Hi，我是前端人，今日与君共勉！1、深浅拷贝的区别有哪些？要说 js 的深浅拷贝，就不得不提 js 的两大数据类型：基本数据类型和引用类型。基本数据类型的变量名和值都存储在栈中，对于引用类型的变量名存储在栈中，而值存储在堆中。由于存储方式不同，所以导致了他们复制的时候方式不同。浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精准拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另外一个对象。深拷贝是
2022-02-10 10:22:14
1429
2
原创 2022 最新 Web 前端经典面试试题及答案——CSS篇
起点低怕什么，大不了加倍努力。人生就像一场马拉松比赛，拼的不是起点，而是坚持的耐力和成长的速度。只要努力不止，进步也会不止。一、谈谈你对 BFC 的理解及作用。BFC 是 Block Formatting Context 格式化上下文的缩写，就是页面上一个隔离的独立容器，容器内的子元素不会影响到外面的元素。有一个独立的块级渲染区域，该区域有一套渲染规则来约束盒子的布局，与外部的区域没有关系。1.1、如何创建 BFCfloat 的值不为 none position 的值为 absolute
2022-02-08 10:15:59
631
原创 2022 跳槽涨薪必不可少面试通关宝典 —— css 篇
已经居家隔离 23 天了，解封以后估计就得找工作了，提前准备起来！需要的赶紧收藏起来一、谈谈你对 BFC 的理解及作用。BFC 是 Block Formatting Context 格式化上下文 的缩写，就是页面上一个隔离的独立容器，容器内的子元素不会影响到外面的元素。有一个独立的块级渲染区域，该区域有一套渲染规则来约束盒子的布局，与外部的区域没有关系。1.1、如何创建 BFCfloat 的值不为 none position 的值为 absolute 或 fixed overflow 的
2022-01-17 10:20:03
533
原创 G2022 次列车即将进站，前端人请抓紧时间上车
前端发展百花放，一技未熟百技出。未知何处去下手，关注小编胜百书。 我是前端人，关注小编，分享更多前端相关知识！平安夜一个人？圣诞一个人？ 跨年还是一个人吗？没事，关注小编，每个节日让小编陪你一起度过！有些前端同学特别爱问一个问题：前端现在有什么最新的技术栈吗？突然想起自己刚毕业的时候，只会制作一个网页，只知道 html、css、javascript、bootstrap、jQuery，自我感觉良好型的一个优秀员工。现在好像特别能理解人家说的：“初生牛犊不怕虎”。前端技术发展真的是日
2021-12-31 18:36:02
586
原创 Vue3 全家桶，从 0 到 1 实战项目
前端发展百花放，一技未熟百技出。未知何处去下手，关注小编胜百书。 我是前端人，专注分享前端内容！本篇文章主要是，使用 vite 创建一个vue3 项目，实践 vie-router4 vuex4 结合 componsition API 的使用。目的是让未接触过 vue3 的同学快速上手。一、vue3.0 创建项目vue3 创建项目的时候有两种方式，第一种就是官方推荐的 vite 。另外一种就是使用 webpack 创建。1.1、vite 创建项目vite 需要 Node.js >=
2021-12-23 12:24:59
6170
1
原创 一个忙秃头程序媛的 2021 年总结
身在西安的小编被疫情搞慌了，不管你在不在西安，希望大家能够做好自我保护！我是一名前端程序媛，也是一个萌妹子，在 2021 与 2022 跨年之际，我要给自己做一个 2021 年终总结，希望更加明确自己 2022 新年目标！年终总结对自己是非常重要，不仅可以找出这一年值得肯定的东西，对自己有个交代，还可以找出问题，得出经验教训。有总结才会有进步，有提高，如果您也认同，抽空也给自己做个总结吧！试问一下大家，是否还记得 2021 年初自己定的目标？欢迎在评论区互动，看看大家是否实现目标？第
2021-12-20 16:38:01
1114
10
原创 如何成为别人嘴里的高级前端工程师？
要想成为一个高级前端工程师，很多人的答案都是：学习，不断地学习。学习肯定是要学的，但是我们要怎么学习呢？学习方式还是挺多的，我更推荐大家多看看比自己水平高的人，写的代码。遇到没见过的内容就立即学习学习。下面就给大家看看，我们为什么要看别人的代码！场景1：数组拼接let arr1 = [ a, b, c ]let arr2 = [ 1, 2, 3 ]/* 把 arr1 和 arr2 拼接到一起 */普通程序员：// 写法1：let arr = arr1.concat( arr
2021-12-17 12:56:47
968
2
原创 框架用的好，下班走的早。值得收藏
公司开发大型项目时，为了快速开发，往往会选择一个合适的 ui 框架进行开发，ui 框架最大的优点就是能够大大节省开发时间。所以在开发项目之前，我们需要先了解功能需求，考虑使用的 ui 框架，是否都能满足功能需要，比如制作移动端的项目，不能选择一个PC端的 UI 框架。所以我们需要熟悉一些 ui 框架，便于我们在开始项目之前选型。下面帮大家推荐一些支持 Vue3 且免费的 UI 框架。欢迎大家在评论区多多交流！收藏关注，手留余香！一、移动端常用 UI 框架1.1、uni-app官网：
2021-12-16 09:20:46
4911
5
原创 vue3 到底哪里好？看这一篇就够了
之前写的关于 vue3 的文章，好多人吐槽：这些API每次使用都要引入一遍，感觉有点麻烦。今天我们就来看看 vue3 相比 vue2 的优点有些啥？为啥有些人说：自从写了 ts vue3 再也回不到 vue2 啦！vue3 到底哪里好？有的人回不到 vue2，而有的人去不了vue3！喜欢的点赞收藏，复盘不迷路！一、Vue3 新增的几个亮点：Performance：性能优化 Tree-shaking ：支持摇树优化 Composition API ：组合式api 新增组件：Fragm
2021-12-15 09:11:37
1227
TA创建的收藏夹 TA关注的收藏夹
TA关注的人