4 u前端人

尚未进行身份认证

我要认证

个人技术公众号:前端人

等级
TA的排名 1w+

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

作者: suoyuesmilehttps://github.com/suoyuesmile/suo-blog/blob/master/articals/h5/0003.md前言作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。常规...

2020-05-03 01:10:32

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

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

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

2020-02-17 18:16:37

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

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

2019-12-29 16:21:44

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

这里,我主要整理两种模板引擎的使用,ejs和art-template:1. EJS模板引擎的使用:1.1 安装koa-views和ejs:npm install koa-views --savenpm install ejs --save1.2 引入koa-views配置中间件:const views = require('koa-views');/**引入koa-v...

2019-09-18 00:17:10

npm构建保存 code ELIFECYCLE解决办法

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

2019-09-17 11:01:42

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

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

2019-07-23 10:54:50

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

译者:前端小智原文:blog.logrocket.com/5-es2019-fe…为了保证可读性,本文采用意译而非直译。ECMAScript 2015,也称为ES6,是一个花了6年时间完成的主要版本。从那时起,负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程,并使新特性快速可用,JavaScript社区对此表示...

2019-06-28 14:37:56

Webpack 应用瘦身

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

2019-06-21 18:25:07

一些 实用的 git 小技巧

一些 实用的 git 小技巧文章地址:https://juejin.im/post/5cfe63f4f265da1bd522c437前些月,写了一个关于 git 的表格,叫Git Cheat Sheet,现分享一些有用的小技巧,更多内容请移步,另有一个非常不错的关于 git 小技巧的项目git-tips。是谁动了我的代码谁动了我的代码?谁的 bug 指到了我的头上?...

2019-06-13 10:50:01

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

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

2019-04-21 10:41:28

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

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

2019-04-16 11:36:07

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

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

2019-04-16 11:29:04

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

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

2019-02-18 10:05:26

MySQL5.6安装步骤

1.下载MySQL Community Server 5.6.37https://dev.mysql.com/downloads/mysql/5.6.html#downloads  2.解压MySQL压缩包将以下载的MySQL压缩包解压到自定义目录下。例如 D:\Program Files\mysql-5.6.37-winx64 3.添加环境变量我的电脑---属...

2019-02-14 11:06:24

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

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

2019-02-12 16:02:32

小程序构建骨架屏的探索

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

2018-12-01 21:52:30

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

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

2018-12-01 21:49:20

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

1、//安装cnpm intall webpack-bundle-analyzer –save-dev2、// vue.config.jsconst BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPluginconfigureWebpack: config => { ...

2018-11-12 11:39:02

CSS-自定义变量

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

2018-11-06 10:29:44

查看更多

勋章 我的勋章
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获得
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。