前端linong_社区达人页

2024年03月

• 03.31 17:27:59
  提交了问题 2024-03-31 17:27:59

  无法使用 @灵码 开盲盒

2022年07月

• 07.10 20:55:48
  发表了文章 2022-07-10 20:55:48

  基于阿里云 Severless 函数计算（FC）搭建按量付费的研发工具包

  在日常研发工作中，我们总会遇到一些奇奇怪怪的事情，然后我们会收集一下「检测方法」、「解决方法」等等方法来辅助我们解决问题。 但是这样的服务并不是每时每刻都会使用，甚至有可能一两个月才会使用一次。而且有一些方法需要多地部署。也有可能会有一些任务是定时执行。 对于上述遇到的问题「使用频次低」、「多地部署」、「定时执行」等等，我们搭建普通的云服务（ECS）是比较昂贵的做法，临时的云主机又比较复杂。 这篇文章带着大家看看如何基于阿里云 Severless 函数计算（FC），来减低成本，提交效率。

  

2022年04月

• 04.27 18:35:27
  发表了文章 2022-04-27 18:35:27

  （JS）设计模式-单例模式

  （JS）设计模式-单例模式
• 04.27 18:25:55
  发表了文章 2022-04-27 18:25:55

  如何通过response的头信息获取文件类型？

  今天在前端工匠的群里，看到了一个问题（下载文件，但是请求头中需要传递 token，如何下载文件？怎么设置文件类型？），我们来解决一下这个问题。

  
• 04.27 16:47:42
  发表了文章 2022-04-27 16:47:42

  download使用浅析

  download使用浅析

  
• 04.27 16:44:01
  发表了文章 2022-04-27 16:44:01

  前端培训-中级阶段(44）- Node 10.x介绍及使用

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。 支持 windows、linux、macOS、Docker 镜像。

  
• 04.27 16:39:42
  发表了文章 2022-04-27 16:39:42

  前端BUG录- 科学记数法是什么？

  科学记数法是一种记数的方法。 特性：精度丢失、节省空间

  
• 04.27 16:32:10
  发表了文章 2022-04-27 16:32:10

  前端培训-中级阶段(27）-http 2.0（2019-11-28期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.27 15:41:12
  发表了文章 2022-04-27 15:41:12

  前端培训-中级阶段(37）- Vue2.x单文件组件

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 上一节我们说了 vue 2.x 组件定义和使用、组件间的通信，这节我们来说说如果使用单文件组件。

  
• 04.27 15:36:25
  发表了文章 2022-04-27 15:36:25

  因为疫情《云毕业照》火了，如何快速的搞一下呢？

  因为疫情，所有学校都放假了（从寒假到暑假，我也想要啊） 云合影、云毕业照、人脸融合成了热点名词，咱们也来凑凑热闹（demo 代码大概六月份就写了，一直没整理内容，现在成了吃冷饭了）

  
• 04.27 15:29:45
  发表了文章 2022-04-27 15:29:45

  前端BUG录- 因lodashjs debounce去抖优化造成的 bug

  做开发其实还是要考虑一下边界问题，因为边界问题有时候会导致体验断崖式的下跌。 正好前段时间遇到了个问题，今天分享一下。之前做了一个 IM 的项目，是会话列表出现的问题：进入页面时，会加载会话列表，加载数据会造成卡顿。

  
• 04.27 15:23:25
  发表了文章 2022-04-27 15:23:25

  前端培训-中级阶段(52）- Express安装，使用 Express完成RESTful操作 MongoDB

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 当我们需要起一个服务器时，我猜大多数人的选择是 Express （至少我看到的一些小工具是）。 今天我们来安装一下，然后结合上节课操作一下 MongoDB 。
• 04.27 15:14:22
  发表了文章 2022-04-27 15:14:22

  基于HTML5的拖动排序

  好久没有写文章，不知道写什么好。突然想到拖动这个API。之前使用 jQuery UI 实例 - 排序（Sortable）去实现了一个拖动排序，也有用jquery.gridly.js实现的一个拖动排序。
• 04.27 15:08:43
  发表了文章 2022-04-27 15:08:43

  前端培训-中级阶段(43）- Vue2.x实战CURD

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 前面我们基本学会了 Vue 的基本使用，那么今天我们来尝试实现一个库存管理系统，因为没有学服务端（放后面 express 里面做接口），我们暂时就不考虑服务端的实现了，直接存本地。 demo地址：https://www.lilnong.top/static/html/vue-erp-test.html。 demo地址，修改为 vue@2.6.11，支持新

  
• 04.27 14:56:37
  发表了文章 2022-04-27 14:56:37

  前端培训-中级阶段(35）- Vue 语法

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
• 04.27 14:48:45
  发表了文章 2022-04-27 14:48:45

  我想用JS实现0.1 + 0.2 输出0.3

  我想用JS实现0.1 + 0.2 输出 0.3

  
• 04.27 14:40:38
  发表了文章 2022-04-27 14:40:38

  JS中函数节流&函数去抖

  JS中函数节流&函数去抖

  
• 04.27 14:36:31
  发表了文章 2022-04-27 14:36:31

  前端BUG录- audio 意外的 Pending 挂起状态

  最近公司一直在做众审平台相关的功能，大多数还都和音视频有关，前端终究还是逃不过这一劫。 疯狂遇到 BUG， 今天来说说其中一个：audio 加载时意外的长时间 Pending 问题。
• 04.27 14:32:20
  发表了文章 2022-04-27 14:32:20

  HTML5关于contenteditable介绍

  HTML5已经从一个新的名词变成了我们在项目中经常用到的东西了，今天我们就来分析一番其中contenteditable 。
• 04.27 14:28:15
  发表了文章 2022-04-27 14:28:15

  前端培训-中级阶段(29）- ES6语法（2019-12-12期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.27 14:15:25
  发表了文章 2022-04-27 14:15:25

  BUG排查-koa2中koa-body和koa-bodyparser共用时POST会出现超时

  周日有个小伙加我，帮他排查了一下问题。正好记录一下。 前端是：axios 后台是：koa2 问题：axios 发 post 请求不携带参数请求正常，携带参数就无响应。 因为我也不知道小伙那些说的是真的，那些是假的，那我们就一点一点排查，我大致定位问题为以下几个方向。 参数携带不正确，axios 发过去的数据是错的，比如说被 {id: 1} 却发送的 [object Object] 参数携带不正确，比如说后台只接收 appliction/json、application/x-www-form-urlencoded、multipart/form-data 其中一种 这流程没毛病吧，先找前端自

  
• 04.27 13:55:10
  发表了文章 2022-04-27 13:55:10

  Vue实现选中，拖拽，排序效果，基于 vuedraggable 实现

  今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。 其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。 正好有点问题给他解决了一下。废话不多说，先上最终效果：Vue 拖拽排序效果 测试地址。下面就是最终效果图。
• 04.27 13:50:35
  发表了文章 2022-04-27 13:50:35

  前端BUG录- input 数字检验异常问题

  前两天才分享了 input 的属性、特征。昨天就有个小伙伴踩雷了。所以素材又有了 小伙伴做的是实名认证（移动端）相关的功能，然后有个位置校验了只能输入数字。 小伙伴发出了灵魂质疑：为什么 1. 没事 1.. 就被清空了？ 这个问题告诉我们喝一点没事，“一點點”不行。

  
• 04.27 13:43:04
  发表了文章 2022-04-27 13:43:04

  碰撞检测

  刚才回答了一个H5游戏的问答。心血来潮，就想写写碰撞检测，废话不多说，直接怼。

  
• 04.27 11:30:44
  发表了文章 2022-04-27 11:30:44

  前端培训-中级阶段(23）- Manifest ApplicationCache应用程序缓存（2019-10-31期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.27 11:19:55
  发表了文章 2022-04-27 11:19:55

  前端培训-中级阶段(40）- Vue2.x路由vue-router

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 单页应用的话，我们主要还是要依赖 Vue-router 来实现路由系统。今天我们来看看 vue-router 日常使用的内容。 之前我们有一些系统是用 vue-element-admin 来做的，作者写的不错，路由权限、动态路由权限都有现成的方案。找实现方法可以直接看一下开源的代码。
• 04.27 11:10:46
  发表了文章 2022-04-27 11:10:46

  前端BUG录-使用VUE做飘屏功能因为：key设置错误造成异常动画

  如果你是想看怎么做？那么你可以直接去看我之前写的Vue 实现弹幕效果。 正好这段时间内部在抽离常用组件，运营小姐姐最近迷上了飘屏功能，各种活动都要有个飘屏才罢休。然后就安排人抽离成组件了。 结果这个组件在同一个位置绊倒了两个人，那么今天我们来分析一下。

  
• 04.27 10:57:05
  发表了文章 2022-04-27 10:57:05

  JS事件浅析

  一个网页由三层组成（html 结构，js 行为，css 表现），一切的东西其实都建立在html上，html里面的dom提供了一些事件，然后通过js封装，我们可以用js去调用dom上的事件。事件有很多，有我用过的有我没用过的，今天我想分析一番。
• 04.27 10:48:00
  发表了文章 2022-04-27 10:48:00

  基于 Flex 实现两端对齐垂直布局

  一般来说布局我们都是水平布局，最多搞个垂直居中。而且对于一些 float 、 position 好像本身就不太适合垂直布局。 正好前段时间用 weex 做了一个页面，weex 天生基于 flex 。且 weex 中 flex-direction 默认值为 column，flex-direction 定义了 flex 容器中 flex 成员项的排列方向。 页面分为三部分（header，section，footer），有一些优化的点： 类似两端对齐，但是最好可以让 section 偏上一点 尽可能一屏显示，如果不够那么出滚动条。 那么我们来看看有什么方案可以实现。

  
• 04.27 10:39:46
  发表了文章 2022-04-27 10:39:46

  前端培训-中级阶段(47）- Node.js 10.x文件模块

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.27 10:25:23
  发表了文章 2022-04-27 10:25:23

  前端培训-中级阶段(50）- MongoDB 简介，安装，数据库，集合，文档概念

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.27 10:17:11
  发表了文章 2022-04-27 10:17:11

  横竖屏检测orientation resize matchMedia

  最近有人提需求，产品要适配横竖屏，这就令人头秃了呀。 这在家办公也不让闲着点。虽然说需求提出来了，但是我们身为一个前端er，还是要有自己的想法呀，我们要统计一波数据看看到底有多少人在横屏使用我们的产品。demo测试地址
• 04.27 10:09:51
  发表了文章 2022-04-27 10:09:51

  Web页面优化专项>加载速度优化专项 > 体积优化分享

  Web页面优化专项>加载速度优化专项 > 体积优化分享

  
• 04.27 09:51:08
  发表了文章 2022-04-27 09:51:08

  前端答疑-v-if重新渲染导致的Bug

  因为疫情五一假期也不能出去玩，只好在家撸代码。 正好昨天排查了一个问题，今天记录一下。

  
• 04.26 22:25:01
  发表了文章 2022-04-26 22:25:01

  基于elementUI table组件实现自定义列，宽度，排序并联动同步

  哈喽，大家好又是我。昨天有个人在群里问：“基于 elementUI 如何实现拖动修改列宽度，并同步在多个表格中”。 这个功能其实听常见的，在不同的使用者眼中关注点就应该是不一样的。比如： 项目的主管，更关心进度 前端开发，关心设计稿、接口什么时候提供 后端开发，关心前端什么时候写完，什么时候联调 测试人员，关心什么时候提测，以及对应人员是谁 我们的目的是：针对于不同的人群，显示不同的字段，不同的排序规则（index、fixed）。那好，我们先来分析一下实现这样的功能都需要做什么。

  
• 04.26 22:16:54
  发表了文章 2022-04-26 22:16:54

  前端培训-中级阶段(31）- Class的基本语法，Class的继承（2019-12-26期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.26 21:59:05
  发表了文章 2022-04-26 21:59:05

  前端培训-Node阶段(49）- NoSQL基础概念

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.26 21:50:22
  发表了文章 2022-04-26 21:50:22

  前端培训-中级阶段(33）- Vue介绍，实例

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.26 21:44:16
  发表了文章 2022-04-26 21:44:16

  前端培训-中级阶段(28）- fetch请求（2019-12-5期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。

  
• 04.26 21:08:43
  发表了文章 2022-04-26 21:08:43

  前端培训-中级阶段(5）- jQuery 的概念与基本使用（2019-7-11期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 前面我们已经基本掌握常规的语法语义，以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。 也了解 DOM、BOM，但是因为规范是一在变的，有没有什么类库可以方便操作这些呢？进入我们今天的主题jQuery

  
• 04.26 20:59:19
  发表了文章 2022-04-26 20:59:19

  前端培训-中级阶段(6）- jQuery 元素节点操作（2019-7-18期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 上一节我们讲了 jQuery 的基本使用。这节我们讲元素节点相关的内容。
• 04.26 20:51:16
  发表了文章 2022-04-26 20:51:16

  前端培训-中级阶段(39）- 脚手架vue-cli

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
• 04.26 20:36:35
  发表了文章 2022-04-26 20:36:35

  前端答疑—换行如何输出在页面上

  工作中我们有下面几种方式收集用户输入的内容 input 输入框，单行，整体样式，纯文本。 textarea 输入框，多行，整体样式，纯文本。 contentEditable，多行，独立样式，富文本。 其他富文本编辑器，多行，独立样式，富文本。 在不想使用那么重的富文本编辑器的情况下，又想可以换行，那么 textarea 就是我们的不二之选。 下面我们就来说一下，如何在回显的时候也显示换行。

  
• 04.26 20:27:14
  发表了文章 2022-04-26 20:27:14

  前端培训-中级阶段(48）- Node10.x之HTTP模块，WEB开发框架介绍

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 HTTP模块、WEB开发框架介绍、URL & querystring

  
• 04.26 19:50:33
  发表了文章 2022-04-26 19:50:33

  前端培训-中级阶段(24）- Web Workers多线程（2019-11-7期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 JS 是单线程，事件循环模型。使用上来说如果有大量、高强度的计算会导致 UI渲染进程卡顿。 按照 FPS: 60 来计算 1000ms/60 = 16.666ms。我们一段程序的占用时间需要低于16.666ms。
• 04.26 19:43:03
  发表了文章 2022-04-26 19:43:03

  前端培训-中级阶段(45）- Node10.x环境搭建，NPM包管理器

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 上节课我们了解到了一个可以在本地执行 js 的 javascript 执行环境：NodeJS。今天我们来安装 NodeJS、环境配置、NPM 使用、版本管理。 推荐使用 node 10.x 版本（2018年，最新是 10.22.1），下文我们基于 v10.16.0 版本。

  
• 04.26 19:04:44
  发表了文章 2022-04-26 19:04:44

  前端培训-中级阶段(8）- jQuery 元素属性样式操作（2019-08-01期）

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 最近调研了一下 vue-element-admin，用来做了个小项目。发现自己需要学习的地方还有很多啊。

  
• 04.26 18:55:35
  发表了文章 2022-04-26 18:55:35

  禁止 浏览器title属性的默认效果

  正好回答了一个问题，浏览器哪个事件里可以 禁止 浏览器对title显示默认行为？ 。 今天整理一下相关的测试 demo。
• 04.26 18:40:41
  发表了文章 2022-04-26 18:40:41

  前端培训-中级阶段(41）- vue2.x 状态管理Vuex

  前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。