- 博客(102)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 微信小程序自定义tabbar栏【中间突出样式】
昨天主管突然给我说微信小程序默认的 `tabBar` 不美观，让我改成中间突出的那种样式。纵然我心里面有千般不情愿，但还是接下了这个任务。查了一下文档 [自定义 tabBar](https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html) 发现有这个方法，有思路了就赶紧搞起来，以下是我的开发经验分享。
2023-01-11 10:27:19
7116
17
原创 何为 Vue3 组件标注 TS 类型，看这篇文章就够了！
要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！
2023-01-09 10:00:00
5718
6
原创 package.json配置解读之进阶
package.json是每个前端项目都会有的json文件，位于项目的根目录中。很多脚手架在创建项目的时候会帮我们自动初始化好 package.json。package.json有许多配置与项目息息相关，了解他们有助于对项目的开发，上一篇文章已经完成 package.json 的基础配置的讲解，接下来开始剩余部分的学习。
2023-01-07 09:04:06
2117
4
原创 从Vue2 到 Vue3，这些路由差异你需要掌握！
Vue3 已经出来很长时间了，但对 Vue3 的路由却了解的非常少，甚至只知道最基本的跳转和参数获取，这些技能处理一些复杂的功能是不够的，最近把 Vue3 的路由版本差异给学习了一下，在这里把结果分享给大家！！！
2023-02-15 10:51:01
1948
6
原创 Vue 项目如何实现一个全局菜单搜索框
本篇文章分享一下我在实际开发 Vue 项目时遇到的需要 —— 全局菜单搜索。全局菜单搜索本质是 router 的使用，该功能已经实现，接下来分享一下开发心得。
2023-02-06 17:04:09
6319
9
原创 盘点一些惊艳一时的 CSS 属性
随着前端的不断发展，更多新的 `CSS` 属性不断加入提案，本文列举 5 个不常用但很有用且你见过也可能没见过的 `CSS` 属性，带大家领略 `CSS` 之美。
2023-02-01 12:29:51
1929
3
原创 七个 Vue 项目用得上的 JavaScript 库分享
借助开源库加速 Vue 项目的开发进度是现代前端开发比较常见的方式，平常收集一些 JavaScript 库介绍，在遇到需要的时候可以信手拈来。Vue 生态有很多不错的依赖库或者组件，是使用 Vue 开发前端的原因之一。接下来将会介绍七个 Vue 项目中会用到的 JavaScript 库。
2023-01-28 11:33:16
1485
5
原创 Vue3中操作dom的四种方式，建议收藏！！！
最近主管提出了许多优化用户体验的要求，其中很多涉及 dom 操作。本文将 Vue3 中常见的 dom 操作总结了一下。觉得文章不错、或对自己开发有所帮助，欢迎点赞收藏！
2023-01-17 22:23:00
27033
10
原创 助你从Vue2过渡到Vue3的常见使用场景之二
相信有很多人已经学习了 Vue3 的 API 和 新特性，但是令人头疼的是工作中依然使用的是 Vue2，也不知道自己的水平能否上手 Vue3 项目，今天把实践过程中常见使用场景分享给大家，希望对你们有所帮助。
2023-01-13 10:00:00
845
3
原创 助你从Vue2过渡到Vue3的常见使用场景之一
相信有很多人已经学习了 Vue3 的 API 和 新特性，但是令人头疼的是工作中依然使用的是 Vue2，也不知道自己的水平能否上手 Vue3 项目，今天把实践过程中常见使用场景分享给大家，希望对你们有所帮助。
2023-01-11 10:00:00
541
原创 package.json配置解读之入门
package.json是每个前端项目都会有的json文件，位于项目的根目录中。很多脚手架在创建项目的时候会帮我们自动初始化好 package.json。package.json有许多配置与项目息息相关，了解他们有助于对项目的开发，接下来让我们开始了解package.json的配置。
2023-01-06 07:30:00
3461
1
原创 Pinia食用指南-进阶
在上一篇文章Pinia食用指南-基础介绍了Pinia的基本用法，这篇文章将要介绍Pinia的进阶用法。接下来让我们开始吧！！
2023-01-05 09:00:00
1193
1
原创 Pinia食用指南-基础
与 Vuex 相比，Pinia 提供了更简单的 API，更少的规范，以及 Composition-API 风格的 API 。更重要的是，与 TypeScript 一起使用具有可靠的类型推断支持。
2023-01-04 22:10:26
802
原创 微信小程序picker组件遇到的问题以及解决办法
先来看一下官方文档中picker的基本概念：从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。
2023-01-04 10:35:57
4495
原创 谈谈我对path.resolve()的理解
前一段时间在阅读源码的时候，遇到了path.resolve()，经过请教，终于知道了这个方法的作用。这边文章用来记录自己的使用心得。
2022-12-22 12:05:02
756
原创 Promise难懂？一篇文章让你轻松驾驭
前端js学习中，让大家最难受的就是异步的问题，解决异步、回调地狱等问题时你必须得学会promise，对于多数前端程序员来说promise简直就是噩梦，本篇文章就是从通俗易懂的角度做为切入点，帮助大家轻松掌握promise。
2022-12-22 11:59:37
1032
原创 JavaScript 中哪一种循环最快呢？
究竟哪一种循环更快？答案其实是： for（倒序）最让我感到惊讶的事情是，当我在本地计算机上进行测试之后，我不得不接受 for（倒序）是所有 for 循环中最快的这一事实。下面我会举个对一个包含超过一百万项元素的数组执行一次循环遍历的例子。声明：console.time() 结果的准确度在很大程度上取决于我们运行测试的系统配置。你可以在此处对准确度作进一步了解。const million = 1000000; const arr = Array(million);console.time('⏳')
2021-03-20 14:01:21
656
3
原创 推荐 7 个 Github 上近 200k Star 的计算机学习资源，练好前端内功的秘籍！
computer-scienceStar :58kGithub 地址：https://github.com/ossu/computer-science介绍：通往计算机科学免费自学教育之路！OSSU课程是使用在线材料进行的完整的计算机科学教育。它不仅用于职业培训或专业发展。它适用于那些希望对所有计算学科具有基本概念的正确，全面的基础，以及那些拥有该学科，具有意愿和（最重要的是！）良好习惯的人，可以在很大程度上依靠自己的力量来接受这种教育来自世界各地的学习者社区。它是根据本科计算机科学专业的学位要
2021-02-14 10:10:41
1603
2
原创 推荐几个大厂的前端代码规范，你也能写出诗一样的代码！
前端代码规范代码千万行，安全第一行；前端不规范，同事两行泪。腾讯腾讯包含内容也挺多的：PC端专题：快速上手、文件目录、页面头部、通用title、通用foot、统计代码、兼容测试移动端专题：快速上手、文件目录、页面头部、REM布局、通用foot、统计代码、分享组件、兼容要求京东凹凸实验室对比腾讯的代码规范，我更推荐凹凸实验室的代码规范，比较齐全。HTML规范基于W3C、苹果开发者等官方文档，并结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而约定。图片规范了解
2021-02-14 09:52:12
831
原创 javascript代码重构之：写好函数
1、函数要短小，一个函数只做一件事如果函数做了较多的事情，它就难以组合、测试和推测。同时让函数只做一件事情的时候，它们就很容易重构。// Badfunction showStudent(ssn){const student = db.get(ssn);if(student !== null){ document.querySelector(`#${elementId}`).innerHTML =`${student.ssn}, ${stu
2021-02-11 13:01:06
1355
6
原创 Vue3开发踩坑
期待了很久的vue3，一发布就上手体验了一把，这里记录几个自己碰到的网上不常见的小坑~自定义全局参数定义：// main.jsconst app = createApp(App)app.config.globalProperties.$test = 'test'除了setup()需要先获得实例，其他地方可以直接通过$test使用：<tempalte> <div>{{ $test }}</div></tempalte><s.
2021-02-11 12:09:49
1908
4
原创 浏览器输入URL后都发生了什么？？
DNS 域名解析在网络世界，你肯定记得住网站的名称，但是很难记住网站的 IP 地址，因而也需要一个地址簿，就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的，它是树状结构，如图：根 DNS 服务器 ：返回顶级域 DNS 服务器的 IP 地址顶级域 DNS 服务器：返回权威 DNS 服务器的 IP 地址权威 DNS 服务器 ：返回相应主机的 IP 地址DNS的域名查找，在客户端和浏览器，本地DNS之间的查询方式是递归查询；在本地DNS服务器与根域及其子域之间的查询方式是迭代查询；在
2021-02-10 14:57:58
488
原创 instanceOf 运算符原理
定义instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置。 —— MDN简单理解为：instanceof可以检测一个实例是否属于某种类型。function Foo(){}const a = new Foo()a instanceof Foo // truea instanceof Object // true还可以在继承关系中用来判断一个实例是否属于它的父类型。function Foo(){}function Chi
2021-02-10 14:46:16
438
原创 所向披靡的async/await
使用规则凡是在前面添加了async的函数在执行后都会自动返回一个Promise对象注意重点: 返回结果为Promise。async function test() { return 100; }console.log(test()) // Promise {<resolved>: 100}await必须在async函数里使用，不能单独使用async function test() { let result = await Promise.resolve('su
2021-02-10 14:42:19
267
原创 Promise一招解决回调地狱
问题首先，什么是回调地狱:层嵌套的问题。每种任务的处理结果存在两种可能性（成功或失败），那么需要在每种任务执行结束后分别处理这两种可能性。当一个接口需要依赖另一个接口的请求数据时，通常有两种解决方式将请求数据的接口设为同步，之后调另一个接口在请求数据接口的成功回调里调另一个接口这两种问题在回调函数时代尤为突出。Promise 的诞生就是为了解决这两个问题。典型的高阶函数，将回调函数作为函数参数传给了readFile。但久而久之，就会发现，这种传入回调的方式也存在大坑, 比如下面这样:
2021-02-09 10:51:05
564
4
原创 什么？你还不知道原型链是什么，一文告诉你
创建对象对象字面量new Object构造函数Object.create// 字面量var obj1 = {name: 'solo obj1'};// new Objectvar obj2 = new Object({name: 'solo obj2'})// 构造函数创建var M = function(name){ this.name = name;}var obj3 = new M('solo obj3');// Object.createvar p =
2021-02-09 10:25:26
254
3
原创 this全面解析
this的绑定规则总共有下面5种:默认绑定（严格/非严格模式）隐式绑定显式绑定new绑定箭头函数绑定绑定规则1.1 默认绑定全局上下文默认this指向全局对象window, 严格模式下指向undefined。function foo() { // 运行在严格模式下，this会绑定到undefined "use strict"; console.log( this.a );}var a = 2;foo(); // TypeError: Cannot read p.
2021-02-09 10:09:07
226
3
原创 vscode非常好用的几款插件
1.双标签自动补全2.面板的英文翻译成中文3.ESlint保存高亮显示出错位置,给出出错的位置4.用它打开就像有个本地服务器5.浏览器打开的方式6.在设置上配置后,代码格式化后会以eslint的标准进行自动格式化7.注释的时候写大写的TODO,会标记当前位置,方便查找当时未做的事8.使用shift加<快速生成vue文件的结构9.能根据不同的文件格式来显示不同的图标,明了文件的层级结构...
2021-02-09 09:41:44
602
3
原创 你会喜欢的新数组方法:array.at(index)
1.方括号语法的局限性通过索引访问数组元素一般使用方括号array[index]：const fruits = ['orange', 'apple', 'banana', 'grape'];const item = fruits[1];item; // => 'apple'表达式array[index]求值为位于index的数组项，这种方式也叫属性访问器。在大多数情况下，方括号语法是通过正索引(>= 0)访问项的好方法，它的语法简单且可读。但有时我们希望从末尾访问元素，而不是从
2021-02-08 20:53:14
5783
9
原创 JS+CSS自适应屏幕
布局适配方式Media Query（媒体查询）：现在比较主流的适配方案，可根据视口不同编写不同样式达到适应效果，比如框架Bootstrap，它能完成大部分项目需求，但是编写过于复杂。flex布局：主流的布局方式，不仅适用于移动Web，网页上也表现良好，也是现在使用最多的布局方式。固定高度，宽度百分比：这种方法只适合简单要求不高的webApp，一般在适应要求不高，或者大屏显示没有要求时候可以使用。rem 单位介绍rem（font size of the root element）是相对长度单位
2021-02-08 20:45:24
1118
4
原创 程序员必读的10本书籍
《代码大全》（第二版）作者: [美]史蒂夫·迈克康奈尔第2版的《代码大全》是著名IT畅销书作者史蒂夫·迈克康奈尔11年前的经典著作的全新演绎：第2版不是第一版的简单修订增补，而是完全进行了重写；增加了很多与时俱进的内容。这也是一本完整的软件构建手册，涵盖了软件构建过程中的所有细节。它从软件质量和编程思想等方面论述了软件构建的各个问题，并详细论述了紧跟潮流的新技术、高屋建瓴的观点、通用的概念，还含有丰富而典型的程序示例。这本书中所论述的技术不仅填补了初级与高级编程技术之间的空白，而且也为程序员们提供了一
2021-02-07 18:03:26
3460
8
原创 一文读懂css的四种定位
一、普通定位(Static)在我们的开发过程中，除非专门指定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。这个就不过多描述了。二 . 相对定位（relative）在我们前端开发中，relative相对定位一直被看作普通文档流定位模型的一部分，定位元素的位置相对于它在普通流中的位置进行移动。使用相对定位的元素不管它是否进行移动，元素仍要占据它原来的位置。移动元素会导
2021-02-07 17:45:35
176
4
原创 js 网络请求框架 ajax和axios、fetch的区别
1.jQuery ajax介绍$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。 JQ
2021-02-07 17:39:19
448
1
原创 史上最全面、最详细的Cookie总结
1. Cookie 产生的背景我们都知道，HTTP 协议是无状态的，服务器无法知道两个请求是否来自同一个浏览器，也不知道用户上一次做了什么，每次请求都是完全相互独立，这严重阻碍了交互式 Web 应用程序的实现。例如：购物车：在典型的网上购物场景中，用户浏览了几个页面，买了一盒饼干和两瓶饮料。最后结帐时，由于 HTTP 的无状态性，不通过额外的手段，服务器并不知道用户到底买了什么。登录状态：我们常用的“记住密码”功能，在以前如果不是用 Cookie 记住了登录凭据，想要实现该功能将会很复杂。正是为
2021-02-07 17:19:48
1047
原创 10款好用的谷歌chrome浏览器插件提高开发效率
TOP 1：Adblock Plus介绍：Adblock Plus是Chrome浏览器中非常流行的一款广告拦截插件，Adblock Plus的用户多达数百万之多，在全球范围内都有很高的使用评价，Adblock Plus是由一个开源社区来维护。TOP 2：Office Editing for Docs, Sheets & Slides介绍：office editing是一款可以帮助用户查看和编辑微软Office Word、Excel和PPT的google官方插件，用户在Chrome中安装了Go
2021-02-06 21:27:11
2476
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人