前端博客-码云笔记-第41页

码云前端

如何实现 textarea 的高度自适应功能

今天项目需求需要实现一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后...

2020-10-26
3.17K

码云前端

js获取数组最大值和最小值

利用 sort 排序方法针对数组进行排序，数组第一个和最后一个就是最大值和最小值 ...

apply() Math.max() Math.min() sort 源码

2020-10-23
1.85K

码云前端

微信如何实现生成海报及二维码

前言微信生成海报及二维码相信大家都不陌生，本文将教大家如何通过 qrcode.js...

base64 canvas html2canvas image js相关 qrcode.js toDataURL

2020-10-23
3.2K

码云前端

Redis + NodeJS 实现一个能处理海量数据的异步任务队列系统

前言在最近的业务中，接到了一个需要处理约十万条数据的需求。这些数据都以字符串的形式...

node.js Redis

2020-10-22
2.53K

码云前端

js删除url指定参数

js 删除 url 指定参数 export function delUrlParam...

JavaScript URL 源码

2020-10-22
4.18K

码云前端

前端实用代码之JSON转URL参数方法

JSON 转 URL 参数 export function paramsToUrlQ...

call JSON JSON转URL参数 toString() URL 源码

2020-10-22
2.92K

码云前端

React组件的渲染流程是什么？

React 组件的渲染流程是什么？ 1、使用React.createElement或...

Babel JSX React React相关 React组件 React面试题

2020-10-22
3.14K

码云前端

我对js中原型原型链的理解（有图有真相）

原型和原型链是 js 中的难点也是重点，明白了 js 中原型和原型链会让我们在后面不...

constructor prototype toString() __proto__ 原型原型链

2020-10-21
2.6K

码云前端

js 日期格式化代码

分享一个前端实用的 js 日期格式化代码，相当给力。 export function...

js相关日期格式化源码

2020-10-20
2.11K

码云前端

用React.js写法改写Vue写法的教程（二）

昨天我写了用React.js 写法改写 Vue 写法的教程（一），今天这篇文章是这...

context inject JSX provide React redux template v-bind v-for v-if v-model v-on v-show vue

2020-10-20
2.02K

码云前端

css 实现移动端居中布局常见方式（面试题）

布局可不仅仅只是把数据整齐的罗列在页面上这么简单，一个合适的布局可以令用户的操作非常...

flex Grid布局 margin translate 居中布局

2020-10-19
2.44K

码云前端

用React.js写法改写Vue写法的教程（一）

我在日常工作中使用的最多的是 Vue,对于 React 只是做过简单的了解，并没有做...

data React state useEffect() vue watch()

2020-10-19
2.67K

码云前端

React Hook有哪些优势？

减少状态逻辑复用的风险 Hook 和 Mixin 在用法上有一定的相似之处，但是 M...

class Hook Mixin props React React面试题

2020-10-16
2.99K

码云前端

js高频手撕面试题（简单好记）

1. 原生 Ajax 请求 const getQueriesByObj = (obj...

$.extend()方法 apply() call Debounce Eventmitter Insatnceof JSONP js面试题 Promise reduce()

2020-10-16
2.68K

码云前端

如何设计ES6中class实现私有属性呢？

为什么会出现 class 其实，学过 java 的小伙伴一定对class熟悉不过了，...

class constructor getOwnPropertyDescriptor instanceof JSON.stringify() private Proxy symbol TypeScript WeakMap

2020-10-15
3.18K

码云前端

快速了解ES11新增的这9个新特性

ECMAScript 2020 是 ECMAScript 语言规范的第 11 版。自...

Array.from() BigInt globalThis import matchAll() Promise Promise.allSettled() require() 运算符 ??

2020-10-14
1.66K

码云前端

React如何实现自己的事件机制？

React 事件并没有绑定在真实的 Dom节点上，而是通过事件代理，在最外层的 do...

addEventListener onCaptureClick onClick React React面试题

2020-10-14
3.32K

vue-router在3.0版本以上element-ui导航栏重复点击报错的问题

码云前端

vue-router在3.0版本以上element-ui导航栏重复点击报错的问题

第一种方法: 在 router.js 的配置文件中，Vue.use(VueRoute...

element-ui push() vue-router

2020-10-13
1.93K

码云前端

为什么有时连续多次setState只有一次生效？

例如下面的代码，两次打印出的结果是相同的： componentDidMount() ...

assign React React面试题 setState

2020-10-12
3.54K

码云前端

一文快速掌握vue3.0新特性API

本文将围绕最新发布的 vue-compisition-api，来讲解大家最关心的、同...

Composition API computed() inject isRef() provide reactive() ref() setup() toRefs() vue-cli3 vue3.0 vue3.0新特性 watch()

2020-10-10
2.28K

码云前端

vue源码中那些值得我们学习的方法

最近在深入研究 vue 源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享...

JSON.stringify() looseEqual map slice() vue Vue.extend Vue源码浅拷贝

2020-10-10
1.66K

码云前端

setState是同步的还是异步的？

生命周期和合成事件中在 React 的生命周期和合成事件中， React 仍然处于...

JavaScript React React面试题 setState state 生命周期

2020-10-09
2.99K

解决TS报Type ‘HTMLElement | null’ is not assignable to type ‘HTMLElement’. Type ‘null’ is not assignable to type ‘HTMLElement’

码云前端

解决TS报Type ‘HTMLElement | null’ is not assignable to type ‘HTMLElement’. Type ‘null’ is not assignable to type ‘HTMLElement’

我们在使用 typescript3.9 时，以下代码编译时会提示错误： const ...

HTMLElement strict模式 TypeScript 类型断言

2020-09-24
10.27K

码云前端

React生命周期有哪些?16版本生命周期发生了哪些变化？

15 生命周期初始化阶段 constructor 构造函数 getDefaultP...

componentDidCatch constructor props React React生命周期 React面试题 render state

2020-09-24
2.47K

码云前端

前端面试高频JS笔试题助你拿到心仪offer

对于前端开发，JS 可谓是重中之重，是每一个前端人必须掌握的技能，今天码云笔记就为大...

ajax Array.from() clientHeight filter() flat forEach indexOf() instanceof JSONP new Object.assign Object.is Promise reduce() scrollHeight scrollTop set 深拷贝节流防抖

2020-09-23
2.81K

如何解决vue-router报Avoided redundant navigation to current location 错误？

码云前端

如何解决vue-router报Avoided redundant navigation to current location 错误？

我们在用 vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错，简...

element-ui vue-router 路由重复

2020-09-22
3.95K

码云前端

`Generator` 函数是什么，有什么作用？

如果说 JavaScrip 是 ECMAScript 标准的一种具体实现、Itera...

Generator Iterator JavaScript next()

2020-09-22
2.45K

码云前端

css 如何实现图片自适应16:9的比例

需求要求不管原图的大小是多少，宽度一定，高度要自自适应为 16:9。分析对于正...

CSS css相关自适应16:9

2020-09-18
3.7K

码云前端

`Iterator`是什么，有什么作用？

遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统...

for…of Iterator next() 遍历器

2020-09-18
2.99K

码云前端

vue实现简单的WebSocket聊天功能

最近项目中一直在使用 vue 作为前端框架，可是用到的只有很少一部分的功能，特别是 ...

vue WebSocket 聊天功能

2020-09-17
4.35K

码云前端

如何在 JS 中“深冻结”对象？

如果咱们想要确保对象被深冻结，就必须创建一个递归函数来冻结对象类型的每个属性：没有...

深冻结

2020-09-17
2.17K

码云前端

移动端H5开发实战技巧总结

有时在做项目时,不同场景的项目既要有网站,又要有手机端,为了快速开发,如果功能简单,...

input keydown keyup overflow:scroll placeholder 移动端H5开发

2020-09-16
2.36K

码云前端

Object.freeze() 和 const 的区别是什么？

const和Object.freeze是两个完全不同的概念。 const 声明一个只...

const Object.freeze()

2020-09-16
2.49K

码云前端

什么时候不使用箭头函数? 说出三个或更多的例子？

不应该使用箭头函数一些情况：当想要函数被提升时(箭头函数是匿名的) 要在函数中使用...

arguments this 箭头函数

2020-09-15
1.92K

码云前端

浅析鸿蒙 JavaScript GUI 技术栈

众所周知，刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发...

JavaScript 鸿蒙 2.0

2020-09-14
2.05K

码云前端

new 关键字有什么作用？

new关键字与构造函数一起使用以创建对象: function Employee(na...

new proto prototype

2020-09-14
2.72K

为什么typeof null 返回 object？如何检查一个值是否为 null？

码云前端

为什么typeof null 返回 object？如何检查一个值是否为 null？

typeof null == 'object'总是返回true，因为这是自 JS 诞...

null Object typeof 前端面试题

2020-09-11
2.26K

码云前端

TypeScript中10大“奇怪”的符号

本文将分享这些年在学习 TypeScript 过程中，遇到的 10 大 “奇怪” 的...

interface private 运算符

2020-09-10
3.24K

码云前端

js使用transition效果实现无缝滚动

前言无缝轮播一直是面试的热门题目，而大部分答案都是复制第一张到最后。诚然，这种方法...

js setTimeout() transition 无缝滚动

2020-09-09
2.55K

码云前端

js手动实现缓存方法

function memoize(fn) { const cache = {}; r...

Array.slice() call prototype toUpperCase() 缓存方法

2020-09-09
2.3K

码云前端

css3 Flex布局教程详解

前言 Flex 布局是一个用于页面布局的全新 CSS3 模块功能。它可以把列表放在同...

align-content align-items flex flex-direction flex-wrap flex布局 flex教程 justify-content

2020-09-08
2.08K

码云前端

快速掌握Git命令基础知识进阶必备哦

最近在头条工作之余，遇到 Git 上面一些问题，趁这次的机会，补一补 Git 基础知...

Git git命令

2020-09-07
2.07K

码云前端

CSS3 实现新拟态UI

在设计达人看来这种 UI 很适合用来做概念设计的产品，当然实际应用中也可以尝试，因为...

CSS3 UI 新拟态UI 阴影

2020-09-04
2.77K

码云前端

js 调用函数，可以使用哪些方法？

在 JS 中有 4 种方法可以调用函数。作为函数调用——如果一个函数没有作为方法、...

apply() call js this window

2020-09-04
1.96K

码云前端

TypeScript 4.1 新特性之字符串模板类型

据说 TypeScript 4.1 快要发布了，作为前端的你还学得动吗？老爷子 An...

capitalize get()方法 infer lodash lowercase uncapitalize uppercase Vuex 命名空间

2020-09-03
4.31K

码云前端

扩展运算符…的应用

（1）复制数组数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针...

concat() Generator Iterator map()函数 set Unicode 扩展运算符

2020-09-03
2.24K

码云前端

总结使用TypeScript会遇到的问题

今天码云笔记将分享在学习何使用 TypeScript 过程中，曾被困扰过的一些 TS...

interface private type TypeScript

2020-09-03
2.49K

码云前端

如何在Deno中使用 Node 模块？

尽管方法不是很好，但有时别无选择。 Deno 是基于 Web 技术的服务器端代码执行...

CommonJS deno JavaScript node TypeScript

2020-09-02
1.91K

码云前端

Html5 Canvas生成海报功能代码

海报用来做引流推广都是非常方便的，所以我们可以使用 Canvas 快速绘制海报，下面...

canvas 海报源码

2020-09-01
7.26K

码云前端

搞懂JS中的面向对象，prototype和proto就是这么简单

JS 中面向对象以及 __proto__，ptototype和constructor...

class class关键字 constructor extends instanceof new ptototype __proto__ 面向对象

2020-09-01
2.03K

`in` 运算符和 `Object.hasOwnProperty` 方法有什么区别？

码云前端

`in` 运算符和 `Object.hasOwnProperty` 方法有什么区别？

hasOwnPropert 方法 hasOwnPropert()方法返回值是一个布尔...

hasOwnPropert() in 运算符

2020-09-01
1.92K

码云前端

网页布局有哪几种？常用的网页布局都有哪些？

作者|廖伟华（大貘）编辑|橙子君出品|阿里巴巴新零售淘系技术文章来源：http...

align-content align-items auto-fill auto-fit flex flex-direction grid-area grid-template grid-template-areas grid-template-columns grid-template-rows Grid布局 justify-content justify-items margin min-inline-size min-width place-content place-items repeat

2020-08-31
2.24K

码云前端

css3 响应式商品卡片悬停动画特效

css3 基于 bootstrap 框架制作响应式的商城商品列表布局，鼠标悬停商品卡...

CSS3 CSS3动画悬停动画源码

2020-08-28
2.79K
1

码云前端

JS css滚动加载页面屏幕闪烁红色效果

技术源于生活，最近在某款游戏中遇到这样一个特效，当角色在被击中时屏幕将闪烁红色效果。...

CSS JavaScript setTimeout() 源码

2020-08-28
3.5K

码云前端

TypeScript 常用的高级类型有哪些

前言如今 TypeScript 已成为一个前端工程师的所需要具备的基本技能。严谨的...

enum interface keyof mouse touch TypeScript

2020-08-27
2.7K

码云前端

Object.seal 和 Object.freeze 方法之间有什么区别？

Object.freeze() Object.freeze() 方法可以冻结一个对象...

Object.freeze() Object.seal()

2020-08-26
3.31K