移动、前端、小程序、跨端……大前端领域百花争鸣,把握大前端未来的方向,关注科技企业的大前端实践,在这里看到大前端的前沿。

加载中
置顶
发表了博客
04/06 08:15

浅聊防抖与节流 实现与应用

关注公众号, 设置为 '星标' ,更多精彩内容,第一时间获取 防抖与节流 导读目录 防抖(debounce) 防抖应用场景 非立即执行版 立即执行版本 合成版本 防抖 节流 节流应用场景 时间戳版本 定时器版本 总结 参考 1防抖(debounce) 所谓防抖,就是指触发事件后 n 秒后才执行函数,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。 防抖类型分为 非立即执行版 立即执行版 合成版本 防抖 防抖应用场景 登录、发短信等按钮避免用... 展开更多

收藏 5
2
置顶
程序员
发表了博客
04/02 17:46

Javascript如何判断是否是数组的四种方法?

>**一、通过``instanceof``判断**:返回一个布尔值 ```js let a = []; a instanceof Array; //true let b = {}; b instanceof Array; //false ``` ``instanceof``运算符检测``Array.prototype``属性是否存在于变量a的原型链上,显然变量a是一个数组,拥有``Array.prototype``属性,所以为``true`` - **存在问题:** ``prototype``属性是可以修改的,所以并不是最初判断为``true``就一定永远为真。 当我们的脚本拥有多个全局环境... 展开更多

收藏 8
1
置顶
发表了博客
03/30 14:23

深入Node.js的模块加载机制,手写require函数

模块是Node.js里面一个很基本也很重要的概念,各种原生类库是通过模块提供的,第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发,到最后我们会利用这个原理,自己实现一个简单的模块加载机制,即自己实现一个`require`。 **本文完整代码已上传GitHub:[https://github.com/dennis-jiang/Front-End-Knowledges/blob/master/Examples/Node.js/Module/MyModule/index.js](https://github.com/dennis-jiang/Fron... 展开更多

收藏 2
1
置顶
程序员
发表了博客
03/15 13:16

基于 GoJS 实现的拓扑图技术总结

# 需求 用拓扑图的方式,为用户直观的展示各类资产(数据库设备、安全设备等)本身的运行状态、风险状态,它们之间的连接、数据交互关系,它们的所属组织关系等; # 实现效果 在线链接地址:https://codepen.io/alfredch3n/pen/oNjPdwz ![file](https://oscimg.oschina.net/oscnet/up-d3e5861fe22b79b4a7c98f2e5bfbc09d63c.png) # GoJS 入门 推荐 GoJS 入门学习教程: 1. [GoJS官方文档(点击访问)](https://gojs.net/latest/l... 展开更多

收藏 4
0
置顶
程序员
发表了博客
03/15 12:12

记录一次 Vue 组件封装过程

# 引言 开发前端项目过程中,有大量的图表数据需要展示,为了更方便地使用以及代码的复用,于是基于ECharts封装了各种各样的图表组件。直接使用封装好的组件对于刚接触我们项目的人来说会比较友好,而理解组件的封装思路和封装细节,将会有助于我们更加娴熟地运用组件到实践中。本文将会以雷达图为案例,一步步讲解在vue项目中如何使用echart,如何将其封装为能重复调用的组件。 # 准备工作 在开始之前,我们先按照正常的组件注... 展开更多

收藏 4
0
置顶
发表了博客
03/25 17:05

关于AJAX(你一定要知道的秘密)

**简介** AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 应用场景: 无刷新分页 短信无刷新获取 无刷新搜索 ... **不用刷新整个页面便可以与服务器通讯的方法** 1. Flash 2. Java applet 3. 框架:如果使用一组框架构造一个网页,可以只更新其中的一个框架,而不必惊动整个页面 4. 隐藏的frame 5. XMLHttpRequest:该对象是JavaScript的一个扩展,可使网页与服务器进行通信。是创建AJAX应用的最佳选择 **... 展开更多

收藏 10
0
置顶
发表了博客
03/25 08:15

深入剖析 JavaScript 闭包

关注公众号, 设置为 '星标' ,更多精彩内容,第一时间获取 🌞 深入剖析 JavaScript 闭包 💎导读目录 ❝ 什么是闭包 闭包的特性 闭包的优缺点 闭包的作用 闭包的注意点❞ 💎什么是闭包? ❝ 一个函数和对其周围状态的引用捆绑在一起,这样的组合就是「闭包」. 通俗的说:一个内层函数可以访问外层函数的作用域 就叫 「闭包」。 在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。 闭包的形成与变量... 展开更多

收藏 6
0
置顶
发表了博客
03/18 16:20

超长用户行为建模在躺平家居内容推荐中的应用实践

简介用户行为建模 用户兴趣建模一直是推荐系统中重要的优化点之一,用户的历史行为则是用户潜在兴趣最直接的表达。在深度学习技术大规模应用于推荐系统领域前,工程师们通过离线计算历史行为的统计特征或在线计算历史行为的命中特征来对用户序列进行表达。近年来,随着深度学习算法和相关工程技术的快速发展,直接使用原始行为序列在深度模型中进行端到端训练变得可行。 Google 提出YouTubeDNN[1]使用 pooling的方式对用户观看视... 展开更多

收藏 0
1
置顶
发表了博客
03/22 10:15

从Generator入手读懂co模块源码

这篇文章是讲JS异步原理和实现方式的第四篇文章,前面三篇是: [setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop](https://my.oschina.net/u/4638235/blog/4939766) [从发布订阅模式入手读懂Node.js的EventEmitter源码](https://my.oschina.net/u/4638235/blog/4943547) [手写一个Promise/A+,完美通过官方872个测试用例](https://my.oschina.net/u/4638235/blog/4965747) 本文主要会讲Generator的运用和实现... 展开更多

收藏 0
1
置顶
发表了博客
03/22 08:15

关于JavaScript对象的理解

对象 理解对象 ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。 我们可以把ECMAScript的对象想象成散列表:无非就是一组名值对,其中的值可以是数据或函数。 每个对象都是基于一个引用类型创建的,即创建自定义对象的最简单方式就是创建一个Object的实例,然后再为它添加属性... 展开更多

收藏 0
0
置顶
发表了博客
03/17 11:31

写给昊昊的前端零基础编译原理科普

本文是 @神说要有光 对编译小白 ssh 的一次答疑解惑,很适合零基础的新手第一次了解编译原理的概念,故分享出来。 近些年,编译原理在前端领域的应用越来越多,大家比较熟悉的有工程化领域各种转译器:babel、typescript、eslint、terser、prettier、postcss、posthtml、taro、vue template compiler 等。 由此来看,在前端生涯的路上,难以避免的要遇到编译原理这座大山。以这篇文章为起点,开始你的编译原理之旅吧~ 关注公众号... 展开更多

收藏 1
0
置顶
发表了博客
03/17 07:49

ECMAScript 2017(ES8)新特性简介

简介 ES8是ECMA协会在2017年6月发行的一个版本,因为是ECMAScript的第八个版本,所以也称为ES8. 今天我们讲解一下ES8的新特性。 ES8引入了2大特性和4个小的特性,我们接下来一一讲解。 Async函数 我们在ES6中提到了generator,Async函数的操作和generator很类似。 我们看下Async的使用: //Async 函数定义: async function foo() {} //Async 函数表达式: const foo = async function () {}; //Async 方法定义: let...... 展开更多

收藏 2
0
置顶
发表了博客
03/13 09:00

我打破了 React Hook 必须按顺序、不能在条件语句中调用的枷锁!

> 关注公众号「`前端从进阶到入院`」,前端趋势尽收眼底! React 官网介绍了 Hook 的这样一个限制: > **不要在循环,条件或嵌套函数中调用 Hook**, 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则,你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 `useState` 和 `useEffect` 调用之间保持 hook 状态的正确。(如果你对此感到好奇,我们在下面会有更深入的解释... 展开更多

收藏 0
0
置顶
发表了博客
02/28 09:00

已要求下架

已要求下架

收藏 4
5
置顶
发表了博客
03/10 08:30

【译】听尤雨溪聊:下一代前端构建工具 ViteJS 中英双语字幕

> 关注公众号「`前端从进阶到入院`」,前端趋势尽收眼底! # 【译】下一代前端工具 ViteJS 中英双语字幕 - Open Source Friday > * 原视频地址:[Next generation frontend tooling with ViteJS ✨ Open Source Friday ✨](https://www.youtube.com/watch?v=UJypSr8IhKY) > * 中英文字幕视频地址(B站):[【译】下一代前端工具 ViteJS 中英双语字幕 - Open Source Friday](https://www.bilibili.com/video/BV1kh411Q7WN) > * 中... 展开更多

收藏 2
5
置顶
发表了博客
03/08 12:49

前端开发:深入使用proxy代理解决跨域问题

在前端领域里面,跨域指的是浏览器允许向服务器发送跨域请求,进而克服Ajax只能同源使用的局限性限制。同源策略是一种约定,而且是浏览器中最基本也是最核心的安全功能,若缺少了该策略,浏览器非常容易被攻击;同源就是指“协议+域名+端口”都一样,就算有两个不同域名指向同一个IP地址也不能是同源。同源策略只有在浏览器中存在,服务器中确不存在,所以遇到需要跨域请求的地址将其转发服务器后委托服务器去请求即可。 一、实... 展开更多

收藏 2
1
置顶
发表了博客
03/08 10:37

使用React-Router实现前端路由鉴权

`React-Router`是React生态里面很重要的一环,现在React的单页应用的路由基本都是前端自己管理的,而不像以前是后端路由,React管理路由的库常用的就是`React-Router`。本文想写一下`React-Router`的使用,但是光介绍API又太平淡了,[而且官方文档已经写得很好了](https://reactrouter.com/web/guides/quick-start),我这里就用一个常见的开发场景来看看`React-Router`是怎么用的吧。我们一般的系统都会有用户访问权限的限制,某... 展开更多

收藏 2
0
置顶
发表了博客
03/04 08:30

如何编写神奇的「插件机制」,优化基于 Antd Table 封装表格的混乱代码

## 前言 最近在一个业务需求中,我通过在 Antd Table 提供的回调函数等机制中编写代码,实现了这些功能: - ✨ 每个层级**缩进指示线** - ✨ 远程**懒加载**子节点 - ✨ 每个层级支持**分页** 最后实现的效果大概是这样的: ![最终效果](https://images.gitee.com/uploads/images/2021/0301/181948_efc006a8_1087321.gif 'Kapture 2021-03-01 at 18.19.38.gif') 功能虽然已经实现了,也记录在了 [给 Antd Table 组件编写缩进指引... 展开更多

收藏 2
2
置顶
架构师
发表了博客
03/03 12:13

如何在 jquery 中控制获取 each 的遍历次数(需求场景分析与处理思路总结)

文章目录 前言 一、需求场景分析及实体类定义描述(仅关键代码) 1、实体类定义描述 2、逻辑处理与分析 3、遍历数据如何修改的问题暴露 二、处理思路 1、源码分析 jquery 中的 each 遍历 2、如何解决 jquery 中控制获取 each 的遍历次数 总结 前言 今天在做一个项目时,遇到了列表遍历的一个问题: 定义一个实体类 Page,数据写死,默认每页显示 6 条数据,通过 service 处理 dao 查询数据库的结果,在当前 new 的对象 page 中存... 展开更多

收藏 2
2
置顶
前端工程师
发表了博客
03/03 09:56

前端实现旗帜飘动效果系列 (Ⅴ):pixi.js实现

时隔两年,继续完成这个系列,现在回顾一下两年前的这篇文章 前端实现旗帜飘动效果系列 (Ⅳ):webgl实现 ,发现自己当初对webgl的理解不透彻,产生了很多纰漏,也走了不少歪路,实际上使用shader有更方便的实现方法,新的思路不再需要做复杂的仿射,只需通过简单的三角函数控制片元着色器的采样位置即可。 核心是pixi过滤器PIXI.Filter以及片元着色器。 ① PIXI.Filter类可以忽略顶点着色器,因为pixi.js内置了一套默认的顶点着... 展开更多

收藏 4
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
返回顶部
顶部