小平果的欢乐谷

你的到来会让我很意外,谢谢光临!

预加载 Skeleton Screen — 骨架屏

用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验。Skeleton ScreenSkeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展...

2018-03-17 12:14:10

阅读数:159

评论数:0

lerna -- 多包管理工具

什么是 lerna ? Lerna 它是基于 Monorepo 理念在工具端的实现。 lerna 出现的历史背景 Lerna 出现的历史背景,其实就是 Monorepos 和 Multirepos 在进行项目管理时优与劣。 说说我个人的感触: Multirepos 缺点: 在 M...

2018-02-11 23:33:17

阅读数:239

评论数:0

Redis事件与事务

一、Redis特点特性:速度快、基于键值对的数据结构服务器、功能丰富、简单稳定、客户端语言多、持久化、主从复制、支持高可用和分布式单线程架构:redis使用单线程架构和I/O多路复用模型来实现高性能的内存数据库服务。一条命令从客户端到服务端不会立刻被执行,所有命令都会进入一个队列中,然后逐个被执行...

2018-01-14 19:32:30

阅读数:158

评论数:0

【Deep Linking】:从浏览器调起 APP

Deep Linking 只是一个概念, 是指通过一个链接进入另一个网站/App,并直接浏览其内部的某个页面。 Deep Linking 给用户带来的是非常顺滑的浏览体验,尤其在 Web 世界中 Deep Linking 的实现非常容易。但如果要进入 App 并定位到对应的页面则较为困难,URI ...

2017-12-31 01:09:23

阅读数:206

评论数:0

【PWA】web推送技术

伴随着今年 Google I/O 大会的召开,一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是,有一个很重要的痛点,web 一直不能使用消息推送,虽然,后面提出了 Notification API,但这需要网页持续打开,...

2017-12-25 00:25:03

阅读数:915

评论数:0

【PWA】Service Worker 全面进阶

Service Worder 是用来代替 manifest,用来生成缓存的效果的。以前吭哧吭哧的学 manifest 的时候,就发现 MD 好难用。而且 MDN 特意告诉你,manifest 有毒,请不要乱用,保不定后面不支持。今儿,我看了下兼容性,呵呵~人生苦短,及时享乐,前端真坑,不敢乱学。前...

2017-12-24 16:28:51

阅读数:446

评论数:0

【PWA】Manifest

manifest 文件我们以前在做富应用缓存时用到过,那时候的用法是用来缓存网页上的一些资源。即: html manifest="demo.appcache"> ... html> 使用这种方式来进行离线缓存。我们参考一下里面的具体内容:CACHE MANIFEST...

2017-12-24 00:06:34

阅读数:134

评论数:0

【PWA】响应式开发

PWA 是专门应对手机开发而提出的概念,不过,由于手机端在国内四分五裂的局面看来(还包括 PC/Pad),屏幕尺寸的不同,网页设计的样式和大小当然也是完全不一样的。为了让 Web 能完美的在多端上运行,这里,我们就需要进行响应式开发。响应式的目的就是让一个网站尽可能的适配所有大小的网页。当然,响应...

2017-12-23 22:13:01

阅读数:123

评论数:0

【PWA】简介

首先,PWA 是啥? PWA 全称是: Progressive Web Apps。这是 2016 年,Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术,而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的,通过新技术的成熟,实现...

2017-12-23 21:54:59

阅读数:230

评论数:0

【微信小程序】自定义组件

手把手教你实现微信小程序中的自定义组件微信小程序中的组件前言之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!!好在微信小程序的库从 1.6.3 开始,官方对于自定义组件这一块有了比较大的变动,首先比...

2017-12-17 20:52:24

阅读数:3245

评论数:0

小程序中吸底按钮适配 iPhone X 方案

小程序中吸底按钮适配 iPhone X 方案随着第二三批iPhone X的陆续到货,身边的土豪们纷纷用了起来,因为iPhone X的齐刘海导致的适配问题很多,所以这群土豪更沉浸在各种找bug中,不出所料,豌豆公主小程序在一些地方也出现了一丢丢体验不好的地方,主要是商品详情页和购物车的吸底按钮栏,会...

2017-12-12 00:19:57

阅读数:316

评论数:0

【微信小程序】IOS/Android兼容坑

一、时间转换问题:这不只是小程序上面的问题是ios系统 都有这个问题 就是new Date(“2017-06-16”) 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下1.替换”-“为”/“2.删除”.“后面的字符串(带毫秒也会有问题)代码如下: /** * 字符...

2017-12-02 16:12:46

阅读数:339

评论数:0

【微信小程序】video视频组件问题

前言将babel捧作前端一个划时代的工具一定也不为过,它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网?反正我是不放心,我就曾经过被坑过,于是萌生了研究babel代码转换的想法。本文不是分析babel源码,仅仅是看看babel转换的最终产物。es6在babel中又...

2017-12-02 16:02:39

阅读数:9360

评论数:2

babel到底将代码转换成什么鸟样?

前言将babel捧作前端一个划时代的工具一定也不为过,它的出现让许多程序员幸福地用上了es6新语法。但你就这么放心地让babel跑在外网?反正我是不放心,我就曾经过被坑过,于是萌生了研究babel代码转换的想法。本文不是分析babel源码,仅仅是看看babel转换的最终产物。es6在babel中又...

2017-09-17 22:01:09

阅读数:697

评论数:0

jscpd--前端代码重复率检测

在实际开发中,一般的重复代码有一下几类 完全一致的代码或者只修改了空格和评论 结构上和句法上一致的代码,例如只是修改了变量名 插入和删除了部分代码 功能和逻辑上一致的代码,语义上的拷贝 很明显越往后,重复代码检测难度越大。在实际情况中,我们的检测要求只要大致能满足前两者就已经足够了。在技术上,重复...

2017-09-05 23:28:17

阅读数:752

评论数:0

MAC显示屏的网页图片兼容方案

背景图片不同分辨率下的兼容方案调研PC首页改版中遇到的mac下使用一倍图时,很模糊,一方面,MAC带来了高清屏幕的革命,另一方面,页存在严重的分辨率适配问题,但毕竟我们的用户大部分是在wins平台的机器上,我们为了在满足大部分用户的一般分辨率的同时,一些MAC用户的所要拥有的极致体验,也不容忽视,...

2017-09-01 02:02:24

阅读数:298

评论数:0

浅谈搜索引擎——SEO

浅谈搜索引擎——SEO浅谈SEO 如何快速提高网站的权值及浏览量 有效方式,专业检测网站的流量 SEO 与SEM的区别 SEO(Search Eneginee Optimization) 搜索引擎优化 免费 SEM (Search Eneginee Market) 搜索引擎市场 付费 百度引...

2017-08-13 21:58:45

阅读数:9364

评论数:0

Web性能优化中的一些关键点get了吗?

##Web性能优化:Performance,数据搜集方法###浏览器新提供的performance接口精确的告诉我们当访问一个网站页面时当前网页每个处理阶段的精确时间(timestamp),以方便我们进行前端分析。 它是浏览器的直接实现,比之前在网页中用js设置Date.time或者cookie来...

2017-08-06 09:55:16

阅读数:234

评论数:0

前端工程师的小伙伴--chrome

作为一个前端工程师你了解你的小伙伴么--chromechrome的常用功能我就不说了,F12,element,network,timeline,resources,aduits,console这些我就默认大家都已经掌握了。估计很多人不知道Chrome地址栏功能,我作为一个low到家的前端工程师,必...

2017-08-06 09:52:01

阅读数:431

评论数:0

MongoDB之Mongoose的使用

MongoDB的介绍在说MongoDB数据插入操作之前,我们先来简单了解下它的数据逻辑结构。 mongodb的逻辑结构是一种层次结构,主要由:文档(document)、集合(collection)、数据库(database)这三部分组成的。 文档(document):由键/值对构成,像{a:1};...

2017-07-27 00:20:01

阅读数:356

评论数:0

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