模仿webpack实现简单的打包工具 webpack是一款前端项目构建工具,随着现在前端生态的发展,webpack已经成为前端开发人员必备的技能之一,很多开发人员开始使用react和vue的时候,都会使用默认的单页应该创…
分类:html
前端交互体验优化若干点
做前端也有一段时间了,对于实现各种需求来说已经是游刃有余了,代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。 用户体验说起来是一个比较模糊的概念,但是又是实实在在地决定着用户用起来爽不爽。 典型的中后台应用…
返回信息流页面重新加载问题
近期做了一个移动端项目,首页为信息流列表,在检测过程中,微信端进入详细页,返回到信息流页面,每次数据重新加载,不能定位到最后一次点击的信息位置,严重影响体验。 针对这个问题,百般询问度娘,终于解决,已分享给大家,…
开源 lattice-plane 格子飞机游戏
lattice-planelattice-plane是一个开源的h5移动端游戏,使用webpack打包,babel装换代码。 github地址:https://github.com/yujingwyh/…游戏…
页面重构和回流
在了解什么是重构和回流之前,我们应该先看看浏览器是怎么渲染的? 浏览器的渲染过程: 1.处理HTML脚本,生成DOM树(DOM树里包含所有的HTML标签,包括display:none和js动态添加的元素等)2.处理CSS…
CSS实现元素垂直居中
CSS实现元素垂直居中 对元素的垂直居中针对于单行元素和多行元素将分情况讨论。 一、父元素高度确定的单行文本 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致…
CSS垂直居中和水平居中
前言 总括: CSS居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂直居中和水平居中,实际上水平居中是很简单的,但垂直居中的方式和方法就千奇百怪了。 原文地址:CSS…
一步步入门编写PHP扩展
1、写在最前 随着互联网飞速发展,lamp架构的流行,php支持的扩展也越来越多,这样直接促进了php的发展。 但是php也有脚本语言不可避免的问题,性能比例如C等编译型语言相差甚多,所以在考虑性能问题的时候最好还是通过…
新手程序员常犯的十个错误
先介绍下背景,博主由运营转行前端,入职一个月,完成了一个相对较大的模块。由于基础相对薄弱,犯下了不少错误,故想记录下来警醒自己和分享各位。 前端技术栈是 ES6 + backbone + react + antdUI,后…
网页打开Android APP
原理解析 在Android平台而言,URI主要分三个部分:scheme,authority,path其中authority又分为host和port。格式如下: <scheme>://<host>:…
handlebar.js模板引擎(轻页面小工程可用)
介绍 Handlebars 让你能够有能力高效地容易地创立语义化的模版。Handlebars兼容Mustache语法,在大多数情况下它可以读取Mustache的语法并在你当前模板中使用。具体点击这里 安装 下载 npm …
懒加载的3种实现方式
优势 性能收益:浏览器加载图片、decode、渲染都需要耗费资源,懒加载能节约性能消耗,缩短onload事件时间。 节约带宽:这个不需要解释。 通常,我们在html中展示图片,会有两种方式: img 标签 css bac…