会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
笑人
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
10
···
103
下一页
2021年7月27日
vue 项目如何使用animate.css
摘要: 一 . 安装 在命令行中执行: 使用npm或者cnpm安装 npm install animate.css --save 或 cnpm install animate.css --save 使用yarn安装 yarn add animate.css 二. 引入 在main.js全局引入 import
阅读全文
posted @ 2021-07-27 14:21 笑人
阅读(133)
评论(0)
推荐(0)
2021年7月14日
web前端自定义函数工具库
摘要: 1、call函数封装实现 // 手写call函数 function call(Fn,obj,...arg){ // 如果obj为null或者undefined,则指向window if(obj undefined || obj null){ // globalThis是ES11的新特性,指向全局 o
阅读全文
posted @ 2021-07-14 18:24 笑人
阅读(65)
评论(0)
推荐(0)
React Context 理解和使用
摘要: 基本概念 Context是 react中为了避免在不同层级组件中逐层传递props的产物,在没有Context的时候父组件向子组件传递props属性只能在组件树上自上而下进行传递,但是有些属性并不是组件树的每层节点都有相同的需求,这样我们再这样逐层传递props就显得代码很繁琐笨重。 使用react
阅读全文
posted @ 2021-07-14 18:23 笑人
阅读(273)
评论(0)
推荐(0)
jQuery的链式编程风格
摘要: 首先本人通过一个案例来展示jQuery的链式编程风格。先写一个页面,展示一个列表,代码如下: <body> <div> <ul class="menu"> <li class="level1"> <a href="#">水果</a> <ul class="level2"> <li><a href="
阅读全文
posted @ 2021-07-14 18:21 笑人
阅读(104)
评论(0)
推荐(0)
Vue开发中可以使用的 ES6新特征
摘要: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,正式发布与2015年6月。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 ECMAScript 6,即所谓的现代Javascript,具有强大的功能,例如块作用域
阅读全文
posted @ 2021-07-14 18:19 笑人
阅读(264)
评论(0)
推荐(0)
这 7 道关于 this 的面试题,你能答对几个?
摘要: 1:变量与属性 以下代码输出什么: const object = { message: 'Hello, World!', getMessage() { const message = 'Hello, Earth!'; return this.message; }};console.log(objec
阅读全文
posted @ 2021-07-14 18:16 笑人
阅读(125)
评论(0)
推荐(0)
如何用 JS 实现二叉堆
摘要: 前言 二叉树(Binary Tree)是一种树形结构,它的特点是每个节点最多只有两个分支节点,一棵二叉树通常由根节点、分支节点、叶子节点组成,如下图所示。每个分支节点也常常被称作为一棵子树,而二叉堆是一种特殊的树,它属于完全二叉树。 二叉树与二叉堆的关系 在日常工作中会遇到很多数组的操作,比如排序等
阅读全文
posted @ 2021-07-14 18:15 笑人
阅读(56)
评论(0)
推荐(0)
webgl变换:深入图形平移
摘要: 1. 图形平移 首先我们来看如何实现图形的平移操作。 平移的操作就是将图形的原始坐标加上对应的移动距离。首先来看下平移的实现 const vertexShaderSource = "" + "attribute vec4 apos;" + // 定义一个坐标 "uniform float x;" +
阅读全文
posted @ 2021-07-14 18:13 笑人
阅读(117)
评论(0)
推荐(0)
一种可能比 if-else / switch 更好的方式
摘要: 背景 这两天做 Code Review 的时候, 发现很多 if-else / switch 语句,并不是特别优雅。 在一些逻辑复杂的地方,看起来比较臃肿, 不是那么好读。 举个例子: function getTranslation(rhyme) { const lowercasedRhyme =
阅读全文
posted @ 2021-07-14 18:12 笑人
阅读(105)
评论(0)
推荐(0)
事件的防抖和节流
摘要: 防抖和节流的本质 都是闭包的形式存在的. 他们通过对事件的回调函数进行包裹、以保存自由变量的形式来缓存时间信息,最后使用 setTimeout 来控制事件的触发频率。 节流:第一个人说了算 节流(Throttle)的中心思想在于:在某段时间内不过你触发了多少次,我都只认第一次,并且在计时结束时给出响
阅读全文
posted @ 2021-07-14 18:11 笑人
阅读(76)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
···
103
下一页
公告