前端
zgh0711
努力让自己变得更有价值
展开
-
H5 项目快速开发模版 vue-template-mobile
本人从事前端开发工作已有四年,这期间做的大部分都是移动端 H5 项目,这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说,有些功能和配置其实是通用的,基本上每个项目都会用到,比如说:微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的,就有了这个项目(主要就是为了偷懒,,,)项目地址:https://github.com/zgh0711/vue-template-mobile这个项目是啥Vue 移动端新项目模板,封装了 H5原创 2020-09-23 22:55:20 · 3311 阅读 · 1 评论 -
结合面试题学习 JS 词法作用域与预解析
在面试题之前先做一下名词解释词法作用域什么是作用域作用域就是指一个变量可以被使用的范围. 即从什么地方开始可以被访问到. 到什么地方结束, 不能在访问到, 这个范围称为变量的作用域.什么是块级作用域块级作用域就是使用代码块来限定变量的使用范围.在 js 中( ES5 以前 )没有块级作用域.在 es6 中引入了 let 命令, 来代替 var 声明变量. 而 let 命令声明的变量就具有块级作用域.所谓的块级作用域就是从变量声明开始, 到变量所在的最近的(最小的)花括号结束为止.js 中的词法原创 2020-08-30 21:57:27 · 508 阅读 · 0 评论 -
浏览器缓存相关知识总结
缓存会根据请求保存输出内容的副本,例如 页面、图片、文件,当下一个请求来到的时候:如果是相同的 URL,缓存直接使 用本地的副本响应访问请求,而不是向源服务器再次发送请求。因此,可以从以下 2 个方面提升性能。减少相应延迟,提升响应时间减少网络带宽消耗,节省流量我们用两幅图来了解下浏览器的 缓存机制。1、浏览器第一次请求第一次请求2、浏览器再次请求再次请求从以上两幅图中,可以清楚的了解浏览器 缓存 的过程:首次访问一个 URL ,没有 缓存 ,但是,服务器会响应一些 header 信息原创 2020-08-30 16:40:15 · 670 阅读 · 0 评论 -
CSS 将文本固定为多行显示,溢出时显示省略号的实现方式及注意要点
平时在开发时,经常会有要求让文字单行或多行显示,多余的文字用省略号代替的需求。文本单行显示很好解决,用如下的 CSS 属性就行了: overflow: hidden; white-space: nowrap; text-overflow: ellipsis;那么多行文本的要怎么处理呢,针对多行文本,有二种处理方式,首先就是对于 webkit 内核的浏览器,处理起来比较简单,使用如...原创 2019-01-18 15:41:44 · 2409 阅读 · 0 评论 -
带输入框的页面在进行布局的时候需要注意的几个点
带输入框的页面在平时开发的时候经常会碰到,最常见的比如登录,注册等页面。今天就拿一个基本的登录页面来讲下在给这类页面做布局的时候需要注意的几个问题。1,靠近底部或者固定在底部的元素不要使用 fixed,absolute 等定位方式如果使用了 fixed ,absolute 等方式将元素固定在底部,在 Android 中,当键盘弹起时,你会发现固定在底部的元素跟着键盘一起被顶上去了,顶上去了不说...原创 2019-07-05 09:39:46 · 1162 阅读 · 0 评论 -
写 CSS3 动画时需要注意的几个点和几个动效 Demo
最近项目中需要做一组宣传的页面,这几个页面上全都是静态图片再加上各种动画,为了做出符合预期效果的页面,我也是恶补了一下 CSS3 动画相关的知识,最后做出来的效果也是达到了设计师的要求。动画相关知识如果以前没有接触过或者写过 CSS 动画,有些动画相关的知识还是需要学一下的,这里我并不会讲这些基础知识。这些资料网上有很多,也都写的很好,这里我贴出一些写的不错的分享出来。CSS3 动画基础C...原创 2019-08-22 13:25:05 · 598 阅读 · 0 评论