前端博客-专业IT技术发表平台-码云笔记-第43页

码云笔记前端

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

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

2020-10-10
2.47K

码云笔记前端

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

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

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

2020-10-10
1.84K

码云笔记前端

setState是同步的还是异步的？

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

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

2020-10-09
3.19K

解决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.48K

码云笔记前端

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

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

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

2020-09-24
2.69K

码云笔记前端

前端面试高频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.98K

如何解决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
4.14K

码云笔记前端

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

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

Generator Iterator JavaScript next()

2020-09-22
2.64K

码云笔记前端

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

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

CSS css相关自适应16:9

2020-09-18
3.88K

码云笔记前端

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

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

for…of Iterator next() 遍历器

2020-09-18
3.19K

码云笔记前端

vue实现简单的WebSocket聊天功能

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

vue WebSocket 聊天功能

2020-09-17
4.69K

码云笔记前端

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

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

深冻结

2020-09-17
2.32K

码云笔记前端

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

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

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

2020-09-16
2.58K

码云笔记前端

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

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

const Object.freeze()

2020-09-16
2.65K

码云笔记前端

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

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

arguments this 箭头函数

2020-09-15
2.08K

码云笔记前端

浅析鸿蒙 JavaScript GUI 技术栈

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

JavaScript 鸿蒙 2.0

2020-09-14
2.21K

码云笔记前端

new 关键字有什么作用？

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

new proto prototype

2020-09-14
2.93K

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

码云笔记前端

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

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

null Object typeof 前端面试题

2020-09-11
2.42K

码云笔记前端

TypeScript中10大“奇怪”的符号

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

interface private 运算符

2020-09-10
3.42K

码云笔记前端

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

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

js setTimeout() transition 无缝滚动

2020-09-09
2.76K

码云笔记前端

js手动实现缓存方法

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

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

2020-09-09
2.48K

码云笔记前端

css3 Flex布局教程详解

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

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

2020-09-08
2.27K

码云笔记前端

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

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

Git git命令

2020-09-07
2.27K

码云笔记前端

CSS3 实现新拟态UI

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

CSS3 UI 新拟态UI 阴影

2020-09-04
2.96K

码云笔记前端

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

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

apply() call js this window

2020-09-04
2.12K

码云笔记前端

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

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

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

2020-09-03
4.47K

码云笔记前端

扩展运算符…的应用

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

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

2020-09-03
2.42K

码云笔记前端

总结使用TypeScript会遇到的问题

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

interface private type TypeScript

2020-09-03
2.68K

码云笔记前端

如何在Deno中使用 Node 模块？

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

CommonJS deno JavaScript node TypeScript

2020-09-02
2.06K

码云笔记前端

Html5 Canvas生成海报功能代码

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

canvas 海报源码

2020-09-01
7.45K

码云笔记前端

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

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

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

2020-09-01
2.2K

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

码云笔记前端

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

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

hasOwnPropert() in 运算符

2020-09-01
2.06K

码云笔记前端

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

作者|廖伟华（大貘）编辑|橙子君出品|阿里巴巴新零售淘系技术文章来源：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.43K

码云笔记前端

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

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

CSS3 CSS3动画悬停动画源码

2020-08-28
2.98K
1

码云笔记前端

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

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

CSS JavaScript setTimeout() 源码

2020-08-28
3.7K

码云笔记前端

TypeScript 常用的高级类型有哪些

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

enum interface keyof mouse touch TypeScript

2020-08-27
2.87K

码云笔记前端

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

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

Object.freeze() Object.seal()

2020-08-26
3.5K

码云笔记前端

CSS实现动画环绕下划线效果

下划线对大家来说并不陌生，在一些重要的事项或者需要我们着重强调的地方经常会用到下划线...

background background-image background-position background-repeat background-size calc()属性 linear-gradient transition

2020-08-25
3.33K

码云笔记前端

如何在 JS 中创建对象？

使用对象字面量： const o = { name: "码云笔记", gre...

JavaScript Object Object.create() 面试题

2020-08-24
1.9K

码云笔记前端

从图片裁剪来聊聊前端二进制

最开始的一个小需求前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。起...

ArrayBuffer atob方法 base64 Blob btoa canvas createObjectURL FileReader FormData html5 navigator属性 putImageData() readAsArrayBuffer() revokeObjectURL TypedArray

2020-08-21
3.04K

码云笔记前端

AJAX 是什么？

即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术，传统的...

ajax JavaScript nodejs Python XML

2020-08-21
2.48K

码云笔记前端

Html5视频播放插件video.js使用技巧及细节优化

最近公司项目有一个网页播放需求，在百度搜索了一大圈发现video.js这个视频播放插...

audio Flash html5 jQuery插件 pointer-events setTimeout() video Video.js

2020-08-20
12.48K

码云笔记前端

js如何检查对象中是否存在某个属性？

检查对象中是否存在属性有三种方法。第一种使用 in 操作符号： const o =...

hasOwnProperty() in 操作符号

2020-08-20
3.05K

码云笔记前端

Vue3.0中的Proxy原理探究

据悉Vue3.0的正式版将要在本月(8 月)发布，从发布到正式投入到正式项目中，还需...

axios deleteProperty getOwnPropertyNames getownPropertySymbols handler has key Proxy Reflect set target Vue2.0 vue3.0

2020-08-19
3.37K

码云笔记前端

如何在不使用`%`模运算符的情况下检查一个数字是否是偶数？

我们可以对这个问题使用按位&运算符，&对其操作数进行运算，并将其视为...

&运算符二进制

2020-08-19
2.09K

码云笔记前端

CSS gap属性介绍及在布局中的使用

CSS 中的 gap 属性是 row-gap 和 column-gap 的简写，它指...

column-gap flex gap row-gap

2020-08-18
6.54K

码云笔记前端

如何判断值是否为数组？

我们可以使用Array.isArray方法来检查值是否为数组。当传递给它的参数是数组...

Array call instanceof isArray() polyfill toString()

2020-08-17
2.43K

码云笔记前端

如何将 Redux Saga 添加到 React＆Redux 程序中

先克隆 GitHub 仓库代码 git clone --branch redux-s...

applyMiddleware dispatch React redux redux-saga saga store yield

2020-08-14
2.35K

码云笔记前端

什么是NaN？以及如何检查值是否为NaN？

NaN表示“非数字”是 JS 中的一个值，该值是将数字转换或执行为非数字值的运算结果...

isNaN JavaScript js NaN

2020-08-14
4.31K

码云笔记前端

纯css按钮鼠标悬停效果

纯 css 按钮鼠标悬停效果，下载引入相关 css，html 代码即可使用，文章资源...

css相关按钮特效源码

2020-08-13
2.31K
2

码云笔记前端

隐式和显式转换有什么区别？

隐式强制转换是一种将值转换为另一种类型的方法，这个过程是自动完成的，无需我们手动操作...

显式转换隐式转换

2020-08-13
2.68K

码云笔记前端

Vue3 新特性如何在CSS中使用JS变量

前言最近在 github 上发现一个 Vue3 非常好玩的特性，这个特性我以前就经...

chinese-gradient chinese-layout CSS CSS变量 dom JavaScript less mounted Sass scoped Stylus vue Vue3

2020-08-12
5.61K

码云笔记前端

js逻辑判断(if else / switch)优化技巧

日常开发中经常会用到if else、switch case 的条件判断语句，这种看似...

Array.every() Array.filter() Array.find() Array.findIndex() Array.includes Array.reduce() Array.slice() Array.some if/else JSX JSX-Control-Statements React ReactDOM.render switch case

2020-08-12
3.84K

码云笔记前端

前端js实现图片压缩功能

对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。...

base64 canvas createObjectURL drawImage readAsDataURL() revokeObjectURL toBlob() toDataURL 图片压缩插件

2020-08-11
3.21K

码云笔记前端

CSS 实现彩虹条加载动画特效

利用 css 的 delay 延迟以及旋转动画效果实现彩虹条加载动画，纯 css 没...

css相关 delay loading 加载动画源码

2020-08-11
2.88K

码云笔记前端

css剪裁GIF背景图片动画特效

插件介绍这是一款 css 剪裁 GIF 背景图片动画特效。该特效利用 css 的 ...

background-clip CSS 源码

2020-08-10
2.59K
1