勋章
我关注的人
技术能力
- Java
- 前端开发
- Linux
暂时未有相关云产品技术能力~
https://segmentfault.com/u/linong
-
发表了文章 2022-07-10
基于阿里云 Severless 函数计算（FC）搭建按量付费的研发工具包
在日常研发工作中，我们总会遇到一些奇奇怪怪的事情，然后我们会收集一下「检测方法」、「解决方法」等等方法来辅助我们解决问题。 但是这样的服务并不是每时每刻都会使用，甚至有可能一两个月才会使用一次。而且有一些方法需要多地部署。也有可能会有一些任务是定时执行。 对于上述遇到的问题「使用频次低」、「多地部署」、「定时执行」等等，我们搭建普通的云服务（ECS）是比较昂贵的做法，临时的云主机又比较复杂。 这篇文章带着大家看看如何基于阿里云 Severless 函数计算（FC），来减低成本，提交效率。
-
发表了文章 2022-04-27
如何通过response的头信息获取文件类型？
今天在前端工匠的群里，看到了一个问题（下载文件，但是请求头中需要传递 token，如何下载文件？怎么设置文件类型？），我们来解决一下这个问题。
-
发表了文章 2022-04-27
download使用浅析
download使用浅析
-
发表了文章 2022-04-27
前端培训-中级阶段(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 镜像。
-
发表了文章 2022-04-27
前端BUG录- 科学记数法是什么？
科学记数法是一种记数的方法。 特性：精度丢失、节省空间
-
发表了文章 2022-04-27
前端培训-中级阶段(27）-http 2.0（2019-11-28期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
前端培训-中级阶段(37）- Vue2.x单文件组件
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 上一节我们说了 vue 2.x 组件定义和使用、组件间的通信，这节我们来说说如果使用单文件组件。
-
发表了文章 2022-04-27
因为疫情《云毕业照》火了，如何快速的搞一下呢？
因为疫情，所有学校都放假了（从寒假到暑假，我也想要啊） 云合影、云毕业照、人脸融合成了热点名词，咱们也来凑凑热闹（demo 代码大概六月份就写了，一直没整理内容，现在成了吃冷饭了）
-
发表了文章 2022-04-27
前端BUG录- 因lodashjs debounce去抖优化造成的 bug
做开发其实还是要考虑一下边界问题，因为边界问题有时候会导致体验断崖式的下跌。 正好前段时间遇到了个问题，今天分享一下。之前做了一个 IM 的项目，是会话列表出现的问题：进入页面时，会加载会话列表，加载数据会造成卡顿。
-
发表了文章 2022-04-27
前端培训-中级阶段(52）- Express安装，使用 Express完成RESTful操作 MongoDB
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 当我们需要起一个服务器时，我猜大多数人的选择是 Express （至少我看到的一些小工具是）。 今天我们来安装一下，然后结合上节课操作一下 MongoDB 。
-
发表了文章 2022-04-27
基于HTML5的拖动排序
好久没有写文章，不知道写什么好。突然想到拖动这个API。之前使用 jQuery UI 实例 - 排序（Sortable）去实现了一个拖动排序，也有用jquery.gridly.js实现的一个拖动排序。
-
发表了文章 2022-04-27
前端培训-中级阶段(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，支持新
-
发表了文章 2022-04-27
前端培训-中级阶段(35）- Vue 语法
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
我想用JS实现0.1 + 0.2 输出0.3
我想用JS实现0.1 + 0.2 输出 0.3
-
发表了文章 2022-04-27
JS中函数节流&函数去抖
JS中函数节流&函数去抖
-
发表了文章 2022-04-27
前端BUG录- audio 意外的 Pending 挂起状态
最近公司一直在做众审平台相关的功能，大多数还都和音视频有关，前端终究还是逃不过这一劫。 疯狂遇到 BUG， 今天来说说其中一个：audio 加载时意外的长时间 Pending 问题。
-
发表了文章 2022-04-27
HTML5关于contenteditable介绍
HTML5已经从一个新的名词变成了我们在项目中经常用到的东西了，今天我们就来分析一番其中contenteditable 。
-
发表了文章 2022-04-27
前端培训-中级阶段(29）- ES6语法（2019-12-12期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
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 其中一种 这流程没毛病吧，先找前端自
-
发表了文章 2022-04-27
Vue实现选中，拖拽，排序效果，基于 vuedraggable 实现
今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。 其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。 正好有点问题给他解决了一下。废话不多说，先上最终效果：Vue 拖拽排序效果 测试地址。下面就是最终效果图。
-
发表了文章 2022-04-27
前端BUG录- input 数字检验异常问题
前两天才分享了 input 的属性、特征。昨天就有个小伙伴踩雷了。所以素材又有了 小伙伴做的是实名认证（移动端）相关的功能，然后有个位置校验了只能输入数字。 小伙伴发出了灵魂质疑：为什么 1. 没事 1.. 就被清空了？ 这个问题告诉我们喝一点没事，“一點點”不行。
-
发表了文章 2022-04-27
碰撞检测
刚才回答了一个H5游戏的问答。心血来潮，就想写写碰撞检测，废话不多说，直接怼。
-
发表了文章 2022-04-27
前端培训-中级阶段(23）- Manifest ApplicationCache应用程序缓存（2019-10-31期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
前端培训-中级阶段(40）- Vue2.x路由vue-router
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 单页应用的话，我们主要还是要依赖 Vue-router 来实现路由系统。今天我们来看看 vue-router 日常使用的内容。 之前我们有一些系统是用 vue-element-admin 来做的，作者写的不错，路由权限、动态路由权限都有现成的方案。找实现方法可以直接看一下开源的代码。
-
发表了文章 2022-04-27
前端BUG录-使用VUE做飘屏功能因为：key设置错误造成异常动画
如果你是想看怎么做？那么你可以直接去看我之前写的Vue 实现弹幕效果。 正好这段时间内部在抽离常用组件，运营小姐姐最近迷上了飘屏功能，各种活动都要有个飘屏才罢休。然后就安排人抽离成组件了。 结果这个组件在同一个位置绊倒了两个人，那么今天我们来分析一下。
-
发表了文章 2022-04-27
JS事件浅析
一个网页由三层组成（html 结构，js 行为，css 表现），一切的东西其实都建立在html上，html里面的dom提供了一些事件，然后通过js封装，我们可以用js去调用dom上的事件。事件有很多，有我用过的有我没用过的，今天我想分析一番。
-
发表了文章 2022-04-27
基于 Flex 实现两端对齐垂直布局
一般来说布局我们都是水平布局，最多搞个垂直居中。而且对于一些 float 、 position 好像本身就不太适合垂直布局。 正好前段时间用 weex 做了一个页面，weex 天生基于 flex 。且 weex 中 flex-direction 默认值为 column，flex-direction 定义了 flex 容器中 flex 成员项的排列方向。 页面分为三部分（header，section，footer），有一些优化的点： 类似两端对齐，但是最好可以让 section 偏上一点 尽可能一屏显示，如果不够那么出滚动条。 那么我们来看看有什么方案可以实现。
-
发表了文章 2022-04-27
前端培训-中级阶段(47）- Node.js 10.x文件模块
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
前端培训-中级阶段(50）- MongoDB 简介，安装，数据库，集合，文档概念
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-27
横竖屏检测orientation resize matchMedia
最近有人提需求，产品要适配横竖屏，这就令人头秃了呀。 这在家办公也不让闲着点。虽然说需求提出来了，但是我们身为一个前端er，还是要有自己的想法呀，我们要统计一波数据看看到底有多少人在横屏使用我们的产品。demo测试地址
-
发表了文章 2022-04-27
Web页面优化专项>加载速度优化专项 > 体积优化分享
Web页面优化专项>加载速度优化专项 > 体积优化分享
-
发表了文章 2022-04-27
前端答疑-v-if重新渲染导致的Bug
因为疫情五一假期也不能出去玩，只好在家撸代码。 正好昨天排查了一个问题，今天记录一下。
-
发表了文章 2022-04-26
基于elementUI table组件实现自定义列，宽度，排序并联动同步
哈喽，大家好又是我。昨天有个人在群里问：“基于 elementUI 如何实现拖动修改列宽度，并同步在多个表格中”。 这个功能其实听常见的，在不同的使用者眼中关注点就应该是不一样的。比如： 项目的主管，更关心进度 前端开发，关心设计稿、接口什么时候提供 后端开发，关心前端什么时候写完，什么时候联调 测试人员，关心什么时候提测，以及对应人员是谁 我们的目的是：针对于不同的人群，显示不同的字段，不同的排序规则（index、fixed）。那好，我们先来分析一下实现这样的功能都需要做什么。
-
发表了文章 2022-04-26
前端培训-中级阶段(31）- Class的基本语法，Class的继承（2019-12-26期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
前端培训-Node阶段(49）- NoSQL基础概念
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
前端培训-中级阶段(33）- Vue介绍，实例
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
前端培训-中级阶段(28）- fetch请求（2019-12-5期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
前端培训-中级阶段(5）- jQuery 的概念与基本使用（2019-7-11期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 前面我们已经基本掌握常规的语法语义，以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。 也了解 DOM、BOM，但是因为规范是一在变的，有没有什么类库可以方便操作这些呢？进入我们今天的主题jQuery
-
发表了文章 2022-04-26
前端培训-中级阶段(39）- 脚手架vue-cli
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
前端答疑—换行如何输出在页面上
工作中我们有下面几种方式收集用户输入的内容 input 输入框，单行，整体样式，纯文本。 textarea 输入框，多行，整体样式，纯文本。 contentEditable，多行，独立样式，富文本。 其他富文本编辑器，多行，独立样式，富文本。 在不想使用那么重的富文本编辑器的情况下，又想可以换行，那么 textarea 就是我们的不二之选。 下面我们就来说一下，如何在回显的时候也显示换行。
-
发表了文章 2022-04-26
前端培训-中级阶段(48）- Node10.x之HTTP模块，WEB开发框架介绍
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 HTTP模块、WEB开发框架介绍、URL & querystring
-
发表了文章 2022-04-26
前端培训-中级阶段(24）- Web Workers多线程（2019-11-7期）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 JS 是单线程，事件循环模型。使用上来说如果有大量、高强度的计算会导致 UI渲染进程卡顿。 按照 FPS: 60 来计算 1000ms/60 = 16.666ms。我们一段程序的占用时间需要低于16.666ms。
-
发表了文章 2022-04-26
前端培训-中级阶段(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 版本。
-
发表了文章 2022-04-26
禁止 浏览器title属性的默认效果
正好回答了一个问题，浏览器哪个事件里可以 禁止 浏览器对title显示默认行为？ 。 今天整理一下相关的测试 demo。
-
发表了文章 2022-04-26
前端培训-中级阶段(41）- vue2.x 状态管理Vuex
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
-
发表了文章 2022-04-26
2021年了，你还不会瀑布流布局？（三种靠谱JS方案+N种不靠谱CSS方案）
本着实用精神，我们今天来分享一下瀑布流布局（昨天有个小兄弟问我怎么做，我找了半天没找到，啊原来写在内网了）。演示地址: http://www.lilnong.top/static/html/waterfall.html
-
发表了文章 2022-04-26
基于better-scroll 实现歌词联动功能
前段时间公司要做个歌词标记功能，标记副歌、前奏、无效内容等等。找了找没有找到类似的实现，只能自己实现一把。 功能已经上线了，这里记录一下用到的相关内容。
-
发表了文章 2022-04-26
前端培训-中级阶段(36）- vue2.x 组件定义和使用，组件间的通信
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章 2022-04-26
面试题： JS 获取图片宽高
一般用于审核后台，比如说要求图片在一定区间内才能加精。 也用于在 canvas 中裁图时计算缩放比例。
-
发表了文章 2022-04-26
前端培训-中级阶段(46）- CommonJS 规范，模块化思想及操作
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。
-
发表了文章
2022-07-10
基于阿里云 Severless 函数计算（FC）搭建按量付费的研发工具包
-
发表了文章
2022-04-27
（JS）设计模式-单例模式
-
发表了文章
2022-04-27
如何通过response的头信息获取文件类型？
-
发表了文章
2022-04-27
download使用浅析
-
发表了文章
2022-04-27
前端培训-中级阶段(44）- Node 10.x介绍及使用
-
发表了文章
2022-04-27
前端BUG录- 科学记数法是什么？
-
发表了文章
2022-04-27
前端培训-中级阶段(27）-http 2.0（2019-11-28期）
-
发表了文章
2022-04-27
前端培训-中级阶段(37）- Vue2.x单文件组件
-
发表了文章
2022-04-27
因为疫情《云毕业照》火了，如何快速的搞一下呢？
-
发表了文章
2022-04-27
前端BUG录- 因lodashjs debounce去抖优化造成的 bug
-
发表了文章
2022-04-27
前端培训-中级阶段(52）- Express安装，使用 Express完成RESTful操作 MongoDB
-
发表了文章
2022-04-27
基于HTML5的拖动排序
-
发表了文章
2022-04-27
前端培训-中级阶段(43）- Vue2.x实战CURD
-
发表了文章
2022-04-27
前端培训-中级阶段(35）- Vue 语法
-
发表了文章
2022-04-27
我想用JS实现0.1 + 0.2 输出0.3
-
发表了文章
2022-04-27
JS中函数节流&函数去抖
-
发表了文章
2022-04-27
前端BUG录- audio 意外的 Pending 挂起状态
-
发表了文章
2022-04-27
HTML5关于contenteditable介绍
-
发表了文章
2022-04-27
前端培训-中级阶段(29）- ES6语法（2019-12-12期）
-
发表了文章
2022-04-27
BUG排查-koa2中koa-body和koa-bodyparser共用时POST会出现超时
