- 博客(56)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 8月血泪史，助力金九银十
本文出现的问题都是在8月阶段实际面试过程中遇到的，大小公司都有涉及，希望能够助力大家金九银十，也希望自己能够顺利找到工作。现在外面大环境的确太难了……文中部分题目提供了参考资料以及自己整理的相关答案，可能不一定是最准确的，大家酌情参考。如涉及到其他文章内容引用没有标明出处的，可以私聊补充更新。Javascript1.JS基本数据类型有哪些基本数据类型：字符串(String)：表示文本数据，使用引号...
2023-09-08 00:00:00
35
翻译 Vue3 Composable最佳实践（二）
本篇我们主要介绍Vue.js中的可组合函数（composables）的第二个模式。该模式使用`ref`和`unref`函数来更灵活地使用参数，使可组合函数能够适应不同的使用情况。
2023-06-26 12:43:10
255
1
原创 浅谈Intl对象（DateTimeFormat、ListFormat、RelativeTimeFormat）
在JavaScript中，Intl对象是一个内置对象，它提供了处理国际化（i18n）的API，我们继续来学习下DateTimeFormat、ListFormat和RelativeTimeFormat。
2023-04-12 10:57:01
1142
原创 浅谈Intl.NumberFormat
很高兴您对 Intl.NumberFormat 感兴趣。Intl.NumberFormat 是一个内置于 JavaScript 的国际化 API，它提供了一种简单的方法来帮助我们格式化数字。
2023-04-06 09:48:01
984
原创 前端依赖管理那点事儿
本文我们一起梳理一下前端依赖那点事儿，重温依赖地狱的前世今生。依赖从哪来，到哪去，哪些需要安装，哪些不会被安装，我们一一道来……...
2023-03-24 11:44:57
892
原创 Vue 3中依赖注入与组件定义相关的那点事儿
本次主要分享Vue3中依赖注入以及组件定义相关的几个API，以及在常用库ElementUI Plus和Vueuse中的使用情况，通过示例来理解使用场景。
2023-03-17 17:46:40
1278
原创 2023我还不知道的JSON Schema-基础篇
JSON 在前端日常开发中再熟悉不过，往往我们和后端的数据交互都是通过 JSON 来进行传输的。那么具体什么是 JSON 呢？什么是JSON Schema呢？
2023-03-13 10:03:23
478
原创 Pinia不酸，保甜
通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！
2023-03-08 09:59:41
358
原创 Vue3组合式函数最佳实践（一）
截至目前，组合式函数应该是在VUE 3应用程序中组织业务逻辑最佳的方法。它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。由于这种编写VUE代码的方式相对较新，因此您可能想知道编写组合式函数的最佳实践是什么呢？本系列教程可以作为您和您的团队在进行组合式开发过程中的参考指南。我们将涵盖以下内容：1.如何通过选项对象参数使您的组合更加可配置； ???? 本篇主题2.使用re...
2022-06-21 17:00:22
2452
原创 11个常用JS小小技巧
在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，可以使我们的代码更精简、更干净，且非常实用。通过条件判断向对象添加属性const isValid = false;const age = 18;// 我们可以通过展开运算符向对象添加属性cons...
2022-05-31 00:00:00
223
原创 前端基础回归-URI和URL
该系列主要围绕前端一些基础性的内容进行回顾整理，为日益纷繁的各类框架打下一个基础的底子，便于理解一些框架内容。今天我们主要来回顾一下有关于URI和URL相关的内容。URI是什么统一资源标识符(Uniform Resource Identifier，URI)，允许用户对网络中的资源通过特定的协议进行交互操作。RFC2396文档对Uniform Resource Identifier各部分的定义如下。...
2022-01-25 17:00:17
304
原创 5个不常提及的HTML技巧
2021年你需要知道的HTML标签和属性Web开发人员都在广泛的使用HTML。无论你使用什么框架或者选择哪个后端语言，框架在变，但是HTML始终如一。尽管被广泛使用，但还是有一些标签或者属性是大部分开发者不熟知的。虽然现在有很多的模版引擎供我们使用，但是我们还是需要尽可能的熟练掌握HTML内容，就像CSS一样。在我看来，最好尽可能使用HTML特性来实现我们的功能，而不是使用JavaScript实现...
2021-02-20 00:00:00
114
原创 前端H5 Video常见场景浅析
1.原生H5 video标签<video id="mse" autoplay=true playsinline controls="controls"> <source src="实机视频地址" type="video/mp4"> 你的浏览器不支持Video标签</video>2.第三方插件video.js_this.player = videoj...
2020-08-06 00:00:00
296
原创 URLSearchParams初体验
在之前发的工具方法文章的留言中有人就关于验证网址的操作时可以使用URL对象，之后有人提到了URLSearchParams这个URL对象接口。由于之前没有接触过，所以搜索了一下具体的用处，发现这个接口的功能很实用，特此整理分享一下。URLSearchParams是什么URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。参照从而我们可以知道，它是用来处理URL相关的。...
2019-05-07 00:00:00
389
原创 JavaScript中十种一步拷贝数组的方法
JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。1、扩展运算符（浅拷贝）自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。numbers = [1, 2, 3];numbersCopy = [...numbers];这个方法不能有效的拷...
2019-04-22 00:00:00
106
原创 11个教程中不常被提及的JavaScript小技巧
这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧，他们往往在我们的日常工作中经常出现，但是我们又很容易忽略。1、过滤唯一值Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。const array = [1, 2, 3, 3, 5, 5, 1];const...
2019-04-17 00:00:00
63
原创 Vue.js基础拾遗
模版语法插值1、Vue.js的数据绑定形式是使用“Mustache”语法（双大括号）的形式，针对Html代码，需要使用v-html指令。<p>Using v-html directive: <span v-html="rawHtml"></span></p>2、Mustache语法不能作用在HTML特性上面，此时需要使用v-bind指令。...
2019-04-16 00:00:00
82
原创 浅尝Vue.js组件( 二)
插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能够渲染父组件中子组件标签中的内容了。插槽内容任何模版代码HTML代码其他组件插槽可以有默认内容，当在父组件中没有提供内容的时候，来进行显示。<!--...
2019-04-16 00:00:00
53
原创 浅尝Vue.js组件(一)
组件名1、使用 kebab-caseVue.component('my-component-name', { /* ... */ })2、使用 PascalCaseVue.component('MyComponentName', { /* ... */ })当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 <...
2019-04-16 00:00:00
69
原创 Web Worker使用初体验
圣诞节为集团活动制作了一款竞速（戳手指）类的H5互动小游戏，在这个的开发过程中第一次体验了Web Worker的功能，感觉还是不错的，整理分享一下。使用缘由由于这次制作的H5互动小游戏需要针对点击速度进行动效的更新，然后游戏场景中有很多的元素，在使用canvas的过程中，发现在安卓机上面会出现快速点击之后页面卡顿的现象，由于动画的卡顿，导致页面上面的计时器（setInterval）被卡停了...
2019-01-09 00:00:00
80
原创 React组件的State
组件state必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变都可以从state的变化中反映出来；同时，state还必须代表一个组件UI呈现的最小状态集，即state中的所有状态都用于反映组件UI的变化，没有任何多余的状态，也不应该存在通过其他状态计算而来的中间状态。state vs 普通属性首先，什么是普通属性？我们的组件都是使用ES6的class定义的，所以组件的属性其实也...
2018-12-21 00:00:00
75
原创 React事件处理
React中的事件处理在React元素中绑定事件有两点需要注意：（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成onChange等。（2）处理事件的响应函数要以对象的形式赋值给事件属性，而不是DOM中的字符串形式。例如在DOM中绑定一个点击事件应该写成：<button oncli...
2018-12-03 00:00:00
39
原创 React组件的生命周期
组建从被创建到被销毁的过程称为组件的生命周期。React为组件在不同的生命周期阶段提供了不同的生命周期方法，可以让我们在组件的生命周期过程中更好的控制组件的行为。通常生命周期我们可以分为三个阶段：挂载阶段 -> 更新阶段 -> 卸载阶段挂载阶段此阶段组件被创建，执行初始化，并被挂载到DOM中，完成组件第一次渲染。constructorconstructor本身是ES6的cl...
2018-11-28 00:00:00
49
原创 地图小区景点边界轮廓实现
经常的我们在使用地图功能时，会发现在选择一个小区或者一个热门景点的时候，地图上面会给出其边界轮廓，能够方便我们知道其范围大小，有时候在我们使用地图组件的时候，也会面临着类似的需求。比如在地图上面标识出一个商场范围内的热力图，一个热门景点的游览情况等。那么，我们该如何利用地图功能来实现这类效果呢，今天我们一起来探讨一下。最近我们就有一个需求，需要标识出一些热门场所的人流的热力图情况，同时需要给...
2018-09-27 00:00:00
204
原创 一个关于柯里化函数的实现解析
本篇内容主要参考了以下文章：从 sum(2)(3) == sum(2, 3) 到实现柯里化函数JavaScript专题之函数柯里化柯里化定义在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。一个柯里化函数的实现在上面两篇文章中，两位作者都比较详细的分析了柯里化函数的实现方式，特别是冴羽的文章中给出了详细的从零开始实现柯里化函数的方法，在这里...
2018-07-20 00:00:00
56
原创 React之PureComponent
React避免重复渲染React在渲染出的UI内部建立和维护了一个内层的实现方式，它包括了从组件返回的React元素。这种实现方式使得React避免了一些不必要的创建和关联DOM节点，因为这样做可能比直接操作JavaScript对象更慢一些，它被称之为“虚拟DOM”。当一个组件的props或者state改变时，React通过比较新返回的元素和之前渲染的元素来决定是否有必要更新实际的DOM。当...
2018-07-09 00:00:00
66
原创 【ES6系列】Promise
JS 同步与异步Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段J...
2018-07-02 00:00:00
48
原创 【ES6系列】Proxy和Reflect
本篇目录ProxyProxy基本概念常见的Proxy拦截操作getsethasdeletePropertyownKeysProxy.revocable()Proxy的this问题Reflect设计目的相关方法Proxy和Reflect实现观察者模式小结猪八戒去高老庄找高翠兰，结果高小姐是孙悟空变的,在这个场景中，对于猪八戒来说，孙悟空...
2018-06-29 00:00:00
53
原创 【ES6系列】Set和Map
今天，我们来学习一下ES6中新增的两个数据结构：Set和Map。SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。创建Set数据结构let list = new Set();或者let array = [1, 2, 2, 4, 5];let list = new Set(array);Set实例的创建可以简单通过new方法来实现，同...
2018-06-14 00:00:00
56
原创 【ES6系列】Symbol
最近在学习一些第三方代码，发现里面出现了Symbol字段，由于之前ES6系列梳理有个小暂停，所以本篇开始针对Symbol进行一下学习。JavaScript 数据类型在ES6之前，我们所知道的JavaScript 数据类型有：NullUndefined布尔值（Boolean）字符串（String）数值（Number）对象（Object）数组（Array）Symbol引入在...
2018-06-12 00:00:00
54
原创 仿链家地图找房的简单实现
本篇目录：使用入门简单使用流程链家地图找房效果区域点位气泡数据结构实现addOverlay方法区域边界获取区域点位经纬度获取区域边界小结最近由于项目需要，开始调研如何使用百度地图实现类似于链家的地图找房的功能，从而开始学习百度地图相关内容。后续会根据一些使用到的知识点进行整理记录，以备不时之需吧。使用入门引用百度地图开放平台里面的一个简单流程...
2018-06-08 00:00:00
381
1
原创 【ES6系列】数值的扩展
1.Number.isFinite(), Number.isNaN()Number.isFinite()用来检查一个数值是否为有限的（finite），即不是Infinity。Number.isFinite(15); // trueNumber.isFinite(0.8); // trueNumber.isFinite(NaN); // falseNumber.isFinite(Infi...
2018-05-22 00:00:00
43
原创 【ES6系列】字符串扩展
1.字符串的遍历器ES6为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历for(let code of "foo") { console.log(code);}// "f"// "o"// "o"2.includes(), startsWith(), endsWith()传统JS中字符串中只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中...
2018-05-21 00:00:00
79
原创 【ES6系列】变量的解构赋值
解构赋值（destructuring assignment）语法是一个Javascript表达式，这种语法能够更方便的提取出 Object 或者 Array 中的数据。这种语法可以在接受提取的数据的地方使用，比如一个表达式的左边。有明确的语法模式来告诉我们如何使用这种语法提取需要的数据值。数组的解构赋值在ES6中允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destr...
2018-05-11 00:00:00
68
原创 【ES6系列】函数部分
箭头函数在之前ES5的版本中，我们定义一个函数的形式如下：function a() { // do something……}但是在ES6中，则新增了箭头函数的方式，ES6中允许使用“箭头”（=>）来定义函数。() => { // do something……}其中()中代表的是参数部门，{}中是函数体部分。如果箭头函数不需要参数或者需要多个参数时，需要使用一个(...
2018-04-12 00:00:00
44
原创 前端资料分享
由来：整理、记录整理日常收集的前端资料方便大家有效查阅自己需要的东西具体可参考>Javascript部分①相关书籍JavaScript 标准参考教程②博文精贴深入理解JavaScript系列 备用地址深入理解javascript原型和闭包系列深入浅出ReactReact-Native学习指南整理underscore-1.8.3.js 源码解读Angula...
2018-04-11 00:00:00
100
原创 【ES6系列】变量与块级作用域
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ES6的出现已经很久了，由于之前的项目只是基于ES5以及之前的版本内容进行开发的，所以没有系统性的梳理学习ES6的相关知识。感觉自己已经被发展的车轮落下了好远好远(@﹏...
2018-04-10 00:00:00
73
原创 【微信小程序】初识小程序
什么是微信小程序按照微信之父张小龙的定义，小程序是一种不需要下载安装即可使用的应用。小程序实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。同时，体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无须安装卸载。微信团队原计划称之为微信应用(App)号，不过由于Apple App Store的审核规则不允许包含应用分发、应用推荐，因此微信团...
2018-03-30 00:00:00
85
原创 【便捷插件】地域选择插件Region
基本功能Region插件主要用于地域选择使用，可以同时多个地区添加插件由来由于项目功能需要，需要有一个能够多选国内市区功能的插件，通过在网上的查找，找到了百度的ESUI组件库ESUI is a Collection of JavaScript Controls.但是由于ESUI内容包含广泛，而且内部依赖非常之多（应该这套内容是百度前端“生态”中的一部分，但是维护来看截止13年就不在更新...
2018-01-18 00:00:00
226
原创 【JavaScript设计模式】单例模式
单例模式又被称为单体模式，是只允许实例化一次的对象类。有时我们也用一个对象来规划一个命名空间，井井有条的管理对象上面的属性和方法。传统的面向对象语言中单例模式的实现，均是单例对象从“类”中创建而来，在以类为中心的语言中，这是很常见的做法。如果需要某个对象，就必须先定义一个类，对象总是从类中创建而来。但是在JavaScript中却是并不需要这样做。单例模式的核心是确保只有一个实例，并提供全局...
2018-01-03 00:00:00
42
React 教程：如何使用 webpack 4 和 Babel 构建 React 应用(2018)
2018-07-26
when to use Redux 何时使用Redux
2018-07-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人