自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端人公众号作者

看到什么记录什么

转载 移动端必备的H5问题及解决方案

作者: suoyuesmile https://github.com/suoyuesmile/suo-blog/blob/master/articals/h5/0003.md 前言 作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题...

2020-05-03 01:10:32 18 0

转载 git 变基报错git-am is in progress

报错信息: It looks like git-am is in progress. Cannot rebase. 解决办法: 命令行执行 rm -rf .git/rebase-apply

2020-04-08 12:07:40 31 0

原创 iView中InpuNumber限定小数位最佳实践,其他都是垃圾

1、Vue进阶手册 2、vue实战企业后台视频教程 3、前端面试手册 4、Css进阶手册 5、HTML5电子书 6、ES6进阶手册 后续好的资源会在这持续更新 ...

2020-04-01 11:03:53 56 0

转载 送你四个GIF免费压缩工具,帮你无损压缩GIF文件!

阳阳,你公众号的GIF图是怎么压缩成2M的? 关于GIF压缩,其实我之前有一个特别666的网站,但现在它收费啦!收费啦!收费啦! 我是正文 今天给大家推荐几款GIF压缩工具: 01 soogif 传送门:https://www.soogif.com/compress ...

2019-12-29 16:21:44 284 0

转载 Koa项目总结三:ejs和art-template模板引擎让页面显示动态数据

这里,我主要整理两种模板引擎的使用,ejs和art-template: 1. EJS模板引擎的使用: 1.1 安装koa-views和ejs: npm install koa-views --save npm install ejs --save 1.2 引入koa-views配置中间...

2019-09-18 00:18:11 105 0

转载 npm构建保存 code ELIFECYCLE解决办法

参考文档https://blog.csdn.net/gh254172840/article/details/78871573   使用npm构建报错      解决办法,进入工作目录 1 2 3 4 rm-rf node_modul...

2019-09-17 11:01:56 287 0

转载 Nginx的https配置记录以及http强制跳转到https的方法梳理

一、Nginx安装(略) 安装的时候需要注意加上 --with-http_ssl_module,因为http_ssl_module不属于Nginx的基本模块。 Nginx安装方法: 1 2 # ./configure --user=www --group=www --prefix=/usr/...

2019-07-23 10:54:50 59 0

转载 ES10 目前可以使用的5个新特性

译者:前端小智 原文:blog.logrocket.com/5-es2019-fe… 为了保证可读性,本文采用意译而非直译。 ECMAScript 2015,也称为ES6,是一个花了6年时间完成的主要版本。从那时起,负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布...

2019-06-28 14:37:56 239 0

转载 Webpack 应用瘦身

IgnorePlugin 这是webpack内置插件 这个插件的作用是:忽略第三方包指定目录,让这些指定目录不要被打包进去 举例: moment包 比如我们要使用moment这个第三方依赖库,该库主要是对时间进行格式化,并且支持多个国家语言。 moment包打包的问题 假设我们的代码值引入了以下...

2019-06-21 18:25:07 88 0

转载 一些 实用的 git 小技巧

一些 实用的 git 小技巧 文章地址:https://juejin.im/post/5cfe63f4f265da1bd522c437 前些月,写了一个关于 git 的表格,叫Git Cheat Sheet,现分享一些有用的小技巧,更多内容请移步,另有一个非常不错的关于 git 小技巧的项目g...

2019-06-13 10:50:01 55 0

转载 自定义微信小程序tabBar+权限管理+页面跳转不刷新

一.需求 1.tabBar在实际的项目中,被UI要求字体大小为20rpx,而微信自带的是24rpx 2.tabBar加上了权限管理(只有会员才可以看到专属的tabBar入口) 3.tabBar点击后,如果是同样的tabBar禁止重新加载数据 4.tabBar对应的页面要有缓存(也就是跳转不刷...

2019-04-21 10:41:28 389 0

转载 使用 ESlint、lint-staged 半自动提升项目代码质量

最近在项目部署了ESlint还有一些配套的工具,比如 prettier husky lint-staged,有些心得写出来分享下。 依据本篇可以实现在git commit之时,重新格式化代码,同时进行代码检查预防一些低级错误。最终期待项目中的开发人员提交到线上的代码符合代码规范、风格统一,看起来...

2019-04-16 11:36:07 624 0

转载 使用git hooks实现代码自动部署更新

环境:CentOS 7 先说下整体思路:在服务器中创建远程仓库A(裸仓库)和本地仓库B(一般仓库)。然后在仓库A中创建使B git pull A的脚本,并每当有用户 git push A的时候就触发该脚本。 1. 初始化两个仓库 两个仓库的目录分别是 A:/home/mycode/test....

2019-04-16 11:29:04 156 0

转载 迅雷、百度云速度太慢?这 6 个超好用的下载工具你一定要知道

  互联网时代,下载工具是个刚需。虽然随着网速、移动设备的发展,很多轻量化的内容都朝着「在线化」的趋势靠拢,但是在需要下载大文件的情况下——比如一部 4K 影视作品、大型游戏等——一个好用的下载工具还是十分必要。 据 A 君了解,现在大多数人谈到「下载」,多是「左手迅雷,右手百度云」。但是对于...

2019-02-18 10:05:26 2174 0

转载 MySQL5.6安装步骤

1.下载MySQL Community Server 5.6.37 https://dev.mysql.com/downloads/mysql/5.6.html#downloads     2.解压MySQL压缩包 将以下载的MySQL压缩包解压到自定义目录下。例如 D:\Progr...

2019-02-14 11:06:24 216 0

转载 页面可视化搭建工具技术要点

前言 春节放假前邀请了三位讲师在线分享了【在线分享】活动运营可视化生成器专题。今日早读文章由腾讯AlloyTeam@陈韩杰投稿分享。 正文从这开始~~ 背景 页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, ...

2019-02-12 16:02:32 2879 1

转载 小程序构建骨架屏的探索

首屏 一般情况下,在首屏数据未拿到之前,为了提升用户的体验,会在页面上展示一个loading的图层,类似下面这个 其中除了菊花图以外网上还流传这各种各样的loading动画,在PC端上几乎要统一江湖了,不过最近在移动端上面看到不同于菊花图的加载方式,就是这篇文章需要分享的Skeleton Sc...

2018-12-01 21:52:30 472 0

转载 使用 Skeleton Screen 提升用户感知体验-web端骨骼屏

一直以来,无论是web还是iOS、android的应用中,为了提升应用的加载等待这段时间的用户感知体验,各种奇门遁甲之术层出不穷。其中,菊花图以及由它衍生各种加载动画是一个非常大的流派,如下图所示: 由它衍生而出的各种加载动画也是遍地开花: 在很多的应用的交互中,这种菊花的加载的设计已...

2018-12-01 21:49:20 582 0

原创 [Vue CLI 3] 配置 webpack-bundle-analyzer 插件

1、 //安装 cnpm intall webpack-bundle-analyzer –save-dev 2、 // vue.config.js const BundleAnalyzerPlugin = require('webpack-bundle-analyzer'...

2018-11-12 11:39:02 4178 3

转载 CSS-自定义变量

CSS-自定义变量 使用背景: 一些常见的例子: 为风格统一而使用颜色变量 一致的组件属性(布局,定位等) 避免代码冗余 *更方便的从CSS向JS传递数据(例如媒体断点) 为什么使用: 以下几点是未来CSS属性的简短说明: 动态性,可以在运行时更改 可以方便的从JS中读/...

2018-11-06 10:29:44 158 0

转载 vue中的动态组件

在我们平时使用vue中的模板的时候,许多时候都是直接定义成一个固定的模板,但是,vue中提供了一个动态模板,可以在任意模板中切换,就是用vue中<component>用:is来挂载不同的组件。 <div id="app" v-clo...

2018-11-02 10:26:31 201 0

转载 VUE2组件懒加载浅析

vue2组件懒加载浅析 一、 什么是懒加载       懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 二、为什么需要懒加载       在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,...

2018-11-02 10:22:24 1383 0

转载 JS利用交叉观察器解锁懒加载新姿势

懒加载,一个在我们前端性能优化中高频出现的词汇,无论是懒加载图片还是懒加载模块,无非都是希望用户可以在滚动指定视区再去加载相应的资源, 从而达到节省用户流量、提升首次加载时间、减轻服务器的压力的目的。 “懒加载”不是一个新的概念,对于经验丰富的你们来说,一定积累了很多实现方法,但为什么本文还...

2018-11-02 09:55:25 252 0

转载 JS进阶篇--JS数组reduce()方法详解及高级技巧

去除嵌套的思路: 用递归、reduce()、concat()来实现。 递归解决多层嵌套,reduce()解决每层数组的迭代拼接,concat()来拼接数组即拆除一层嵌套。 let sum = [0, 1, 2, 3].reduce(function(acc, val) {         ...

2018-11-02 09:54:06 195 0

转载 幻术,一行代码实现镂空效果

幻术,一行代码实现镂空效果 【深圳】DJI 大疆创新 互联网团队 前端及大量职位招聘中 (内推 15-50k + 丰厚年终 + 股份)简历请发至 evan.zhou@dji.com,合适的话当天回复,当天内推。 更多福利 这篇文章分享我最近遇到的需求和解决过程中遇到的问题,以及学到新知识...

2018-10-28 16:41:35 193 0

转载 快来撸一个页面生成器吧!

厌倦了写活动页?快来撸一个页面生成器吧! 前言 如果你经常接触一些公司的活动页,可能会经常头疼以下问题:这些项目周期短,需求频繁,迭代快,技术要求不高,成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求,随着公司规模的增加,我们不可能无限制的增加人手不断地重复着这些活动。这里我就不具...

2018-10-28 16:35:17 104 0

转载 原生JS实现DOM爆炸效果

爆炸动效分享   前言 此次分享是一次自我组件开发的总结,还是有很多不足之处,望各位大大多提宝贵意见,互相学习交流。 分享内容介绍 通过原生js代码,实现粒子爆炸效果组件 组件开发过程中,使用到了公司内部十分高效的工程化环境,特此打个广告: 新浪移动诚招各种技术大大!可以私聊投简历哦! ...

2018-10-28 16:31:30 89 0

转载 动手打造Nginx多进程架构

最近对Nginx源码比较感兴趣,借助于强大的VS Code,我一步一步,似魔鬼的步伐,开始了Nginx的探索之旅。关于 VS Code 如何调试 Nginx 可参考上篇文章《VS CODE 轻松调试 Nginx》。 一. 引言 Nginx 其实无需做太多介绍,作为业界知名的高性能服务器,被广大...

2018-10-28 16:30:29 238 0

原创 ant-design-vue 自定义主题

https://github.com/ant-design/ant-design/issues/8348    issues地址看到的 1、插件地址: https://github.com/yesmeck/webpack-less-theme-plugin 下载插件 npm i webpa...

2018-10-01 23:19:07 6109 0

转载 nginx include conf nginx多文件拆分配置

nginx 的配置很灵活,支持include配置文件,如果我们的域名都配置到nginx.conf. 这个文件就会比较乱, 也影响管理和阅读.所以直接拆分出来,分成不同的配置文件. 怎么实现呢  see  如果你想在vhost下放多个配置文件  我想都加载到nginx中 include ...

2018-09-04 11:53:09 1196 0

转载 前端人员,Nginx的反向代理及负载均衡

2018-04-07 09:49:47 1.集群的简介     简单来说,集群就是指一组相互独立的计算机,利用高速通信网络组成的一个较大的计算机服务系统,每个集群节点都是运行各自服务的独立服务器。这些服务器之间可以彼此通信,协同向用户提供应用程序、系统资源和数据,并以单一系统的模式加以管理。当...

2018-09-04 11:18:51 209 0

转载 如何手写一款KOA的中间件来实现断点续传

如何手写一款KOA的中间件来实现断点续传       本文实现的断点续传只是我对断点续传的一个理解。其中有很多不完善的地方,仅仅是记录了一个我对断点续传一个实现过程。大家应该也会发现我用的都是一些H5的api,老得浏览器不会支持,以及我并未将跨域考虑入内,还有一些可能出现的一场等~巴...

2018-09-04 10:39:56 489 1

转载 H5唤起APP指南(附开源唤端库)

前一段时间在做电流App H5页面,需求中落地页占比较大,落地页承担的职责就是引流。引流有两种形式,同时也是我们对唤端的定义:引导已下载用户打开APP,引导未下载用户下载APP。 引导已下载用户打开APP,从数据上说用户停留在APP中的时间更多了,是在提高用户粘性;从体验上说,APP体验是要比H...

2018-09-03 16:21:00 840 0

转载 Google Tag Manager上手

简介 Google Tag Manager包含三个主要部分: Tag:添加到页面的代码 Trigger:决定哪些代码能触发 Variable:用于接收和存储数据,被Tag和Trigger使用 https://tagmanager.google.com 在Google Tag Manage...

2018-09-03 10:59:29 2989 0

转载 scrollIntoView scroll-behavior平滑滚动

经常有这样的需求:点击一个链接(内链)跳转到当前页面中间某个部分。对于这样的需求,很容易想到使用锚点实现。但有一个问题:滚动一步到位,太生硬了。 我还是比较喜欢平滑滚动。HTML5 中提供了 CSS 属性 scroll-behavior 并且修改了一系列滚动函数的可接受参数用于支持平滑滚动特性。...

2018-09-01 20:04:33 1680 0

转载 五款前端移动端调试利器

移动端调试痛点?——送你五款前端开发利器 之所以写这个总结,还要从上周的一次移动端项目的 debug 说起。那天,测试小姐姐拿着自己的 iphone6s 过来找我,说页面打不开。我想:这怎么可能,我手机里挺好的呀,Chrome调试工具也没报错呀!就把她手机拿过来看了看,发现一进去还真就是一片空白...

2018-08-30 18:36:44 1034 0

转载 Canvas 核心技术

最近项目需求中要写较多H5小游戏,游戏本身体量不是很复杂,主要是承载较多业务逻辑,所以决定用canvas来完成游戏部分。之前只是知道H5中有canvas这个东西,也知道它大概是画图的,但具体怎么用,还是一无所知的。在MDN在看了一些相关资料,一口气也看了HTML 5 Canvas 核心技术和HTM...

2018-08-29 12:10:09 680 0

转载 针对单个 js 文件禁用 ESLint 语法校验

问题描述: 在 Vue-cli 创建的项目中,使用了 ESLint 规范代码的项目中 如何针对单个 js 文件禁用 ESLint 语法校验,但整个项目依然保留 ESLint 的校验规则?   解决方案: 在代码顶部添加一行注释 /* eslint-disable */ ESLint...

2018-08-29 12:09:00 849 0

转载 使用three.js开发3d地图初探

公司要做智慧消防楼层可视化,需要用到web3d,开源的引擎中先研究了cesium三维地球,但cesium做楼层感觉是大材小用,而且体验也不好,最终选用的是功能强大、更适合小型场景的three。 three是图形引擎,而web二维三维地图都是基于图形引擎的,所以拿three来开发需求简单的三维地图...

2018-08-23 15:31:45 3040 3

转载 使用threejs离屏渲染实现高斯模糊效果

之前的博客里我使用webgl实现了简单的离屏渲染效果,最近在使用threejs库开发项目的时候,想实现点击物体高亮,背景物体虚化的效果。为了实现这个效果,我决定将每帧渲染出来的图片拿出来,进行一次高斯模糊,在把它贴到一个背景板上。         这里面由于使用了离屏渲染就有几点需要注意   ...

2018-08-22 16:36:36 1191 0

提示
确定要删除当前文章?
取消 删除