移动端适配问题解决方案

2018-7-9 Mechau 前端技术资源

随着时间的发展,现在基本上人手一部手机的低头族。做为前端开发的程序猿,在开发移动端web应用的时候,对面一堆各色尺寸不一样的屏幕,就有点淡淡的忧伤。 以上是2018年二月份最新的友盟数据,可在这里查看详情 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏...

阅读全文>>

标签: 移动端

评论(0) 浏览(235)

开发中我们需要遵循的几个设计原则!

2018-7-6 Mechau 前端技术资源

出处:https://www.cnblogs.com/pengdai 一、开发原则 S:单一职责SRP O:开放封闭原则OCP L:里氏替换原则LSP I:接口隔离法则 D:依赖倒置原则DIP 合成/聚合复用原则 迪米特法则 在软件开发中,前人对软件系统的设计...

阅读全文>>

评论(0) 浏览(194)

谈谈移动端布局

2018-7-5 Mechau 前端技术资源

移动端推广速度快,效果好,越来越多的企业,商家开始重视移动站的建设和移动页面(h5)的制作。随着移动页面的玩法越来越多,对前端技术的要求也会越来越高。 选择合适的布局,是写好移动页面的第一步。今天我们就来谈谈移动端的布局问题。 为什么移动端布局如此混乱?这是由多方的原因造成的。 1. css这套技术系统本身十分混乱,基本上...

阅读全文>>

标签: 移动端

评论(0) 浏览(250)

js json的格式、存储与发送

2018-7-4 Mechau 前端技术资源

1.Json的格式 其实json就是对象。源生的js代码并没有类的概念。对象救就是object。对象有自己的属性,也可以有自己的方法。json是一种轻量级的存储和交换信息的语言。他有自己的格式。 较为简单的json。里面只有简单的对象,key+value的形式: var CellInfo = {        ...

阅读全文>>

标签: js json

评论(0) 浏览(194)

手机端页面常见的问题

2018-7-3 Mechau 前端技术资源

1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加:-webkit-overflow-scrolling: touch或者给body增...

阅读全文>>

标签: 手机端

评论(0) 浏览(447)

前端工程师必备实用网站

2018-7-2 Mechau 前端技术资源

素材类网站 千库网,一个免费下载图片素材的网站:http://588ku.com/  Unsplash是一个分享免费高质量照片的网站,照片分辨率都挺大,而且都是真实的摄影师作品,图片多是风景和静物:https://unsplash.com/  插件类网站 jq22...

阅读全文>>

评论(0) 浏览(237)

由‘==’和‘===’引出的js的隐式转换问题

2018-6-1 Mechau 前端技术资源

‘==’和‘===’都是Javascript中的比较运算符,都是比较运算符两边是否相等。对于‘==’和‘===’的区别,大家也都知道:   ‘==’仅仅是比较运算符两边的数值是否相等,如果数值相等则返回true;‘===’不仅会判断运算符两边的数值是否相等,并且还会判断两边的类型是否相等,只有数值和类型都相等才会返回true。虽然知道以上的判断依据已经能解决绝大数此类问题,但是如果...

阅读全文>>

标签: javascript

评论(0) 浏览(276)

jquery原理的简单分析

2018-5-31 Mechau 前端技术资源

       jquery是一个轻量级的JS框架,这点相信大部分人都听过,而jquery之所以有这样一个称呼,就是因为它悄悄披了一件外衣,将自己给隐藏了起来。       /以下截取自jquery源码片段       (function( window, undefined ) { ...

阅读全文>>

标签: JQuery

评论(0) 浏览(285)

css的多行省略号处理

2018-5-30 Mechau 前端技术资源

      在我们的页面布局的时候,经常会有这样的需求,超过指定行文本的时候会进行(省略号...)的处理,那么我们改怎么设置css呢?如下: 设置盒子的css为: overflow:hidden;; text-overflow:ellipsis; white-space:nowrap; &n...

阅读全文>>

标签: css3

评论(0) 浏览(294)

原生js的ajax请求

2018-5-29 Mechau 前端技术资源

传统方法的缺点:       传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带...

阅读全文>>

标签: javascript Ajax

评论(0) 浏览(259)

Powered by emlog 京ICP备12006971号-1 sitemap