前端人公众号作者

看到什么记录什么

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

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

2019-04-21 10:41:28

阅读数 72

评论数 0

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

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

2019-04-16 11:36:07

阅读数 23

评论数 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

阅读数 53

评论数 0

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

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

2019-02-18 10:05:26

阅读数 254

评论数 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

阅读数 66

评论数 0

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

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

2019-02-12 16:02:32

阅读数 496

评论数 0

小程序构建骨架屏的探索

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

2018-12-01 21:52:30

阅读数 294

评论数 0

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

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

2018-12-01 21:49:20

阅读数 163

评论数 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').BundleA...

2018-11-12 11:39:02

阅读数 1438

评论数 2

CSS-自定义变量

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

2018-11-06 10:29:44

阅读数 73

评论数 0

vue中的动态组件

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

2018-11-02 10:26:31

阅读数 102

评论数 0

VUE2组件懒加载浅析

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

2018-11-02 10:22:24

阅读数 285

评论数 0

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

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

2018-11-02 09:55:25

阅读数 94

评论数 0

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

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

2018-11-02 09:54:06

阅读数 66

评论数 0

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

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

2018-10-28 16:41:35

阅读数 63

评论数 0

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

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

2018-10-28 16:35:17

阅读数 67

评论数 0

原生JS实现DOM爆炸效果

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

2018-10-28 16:31:30

阅读数 35

评论数 0

动手打造Nginx多进程架构

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

2018-10-28 16:30:29

阅读数 60

评论数 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

阅读数 2858

评论数 0

nginx include conf nginx多文件拆分配置

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

2018-09-04 11:53:09

阅读数 401

评论数 0

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