随笔分类 - 2.4 前端工作解决方案
摘要：1.忽略所有：**/*.文件后缀 2.webpack.base.conf.js: 调整rules数组 参照资源： https://eslint.org/demo/ https://blog.csdn.net/qq_34645412/article/details/78974413
阅读全文
摘要：什么是微信小程序？ 答：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心 是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 1.微信小程序目的： 使用前端技术开发接近native体
阅读全文
摘要：1.设备像素（device pixel） 指的是设备中使用的物理像素。 iphone5 640x1136px 2.css像素（css pixel） 逻辑像素 px：相对单位，相对的是设备像素（device pixel）,所以相同的值在不同的屏幕上的大小是不同的哦。 3.Retina视网膜屏幕 ppi
阅读全文
摘要：1.用background设置图片，然后设置图片的size：100% auto； 图片自动调整高度会造成无法填充满div，出现空白。 但利用img的话加载速度会受到很大的影响。 但图片是可以实现完美的响应式的！ 2.媒体查询无效？ 什么鬼？ 不能控制元素的显示？ 答：用bootstrap框架的响应式
阅读全文
摘要：一：什么是响应式？ 1.一次书写，多设备可用。 一个网站兼容多个终端。 响应式是为了解决移动互联网而诞生的！ 二：为什么要响应式？ 1.重点在移动端，从移动端到PC端的过渡。 免安装，开发成本低，迭代速度快。服务器更新。 传播设备广。 三：响应式利弊？ 什么情况下用？ 1.不适合开发复杂逻辑。 2.
阅读全文
摘要：文章拷贝来源： http://www.360doc.com/content/14/0704/06/10734150_391862769.shtml 文章来源：转载请注明来自520UEDhttp://www.520ued.com http://www.520ued.com/article/5387ea
阅读全文
摘要：各种单位要搞清楚，自己试一试，实践出真知！ 2.屏幕分辨率 响应式 哦，电脑的分辨率：1440x900表示水平有1440个像素点哦！ 垂直有900个像素点。 而网页在浏览器中，所以宽度是电脑的分辨率 — 浏览器的侧边框哦！ 同样，网页的宽度是电脑的分辨率 — 浏览器上下边框哦！ 3.手机分辨率： 我
阅读全文
摘要：<img src="" width="" height="" alt=""> 一：图片的宽度和高度的关系？ 1.宽度设置，高度会自行按原比例调整！ 2.高度设置，不设置宽度，那么宽度也会按图片原比例调整哦。 3.强行同时设置图片的高和宽，会导致图片失真哦，图片的宽高比例变化了。 除非你设置比例一样。
阅读全文
摘要：一：响应式图片（自动缩放可以，但为了节省带宽）、响应式视频、响应式包含框 1.如果 max-width 属性设置为 100%, 图片永远不会大于其原始大小。 同理min-width！ （字面意思直接就理解了） 2.viewport 3.桌面电脑 平板 4.响应式图片 默认是绝对大小，但设置了相对大小
阅读全文
摘要：一： 1.为什么浏览器对于页面的渲染会有差异，因为他们没有完全的遵循W3C的规范。 所以为了针对不同的浏览器实现相同的渲染效果。 为主流浏览器写一套属性兼容方案。 就是在属性前 + 浏览器内核的前缀。 ２.css hack。 3.用javascript来解决渲染的不一致。 4.针对IE， 用IE条件
阅读全文
摘要：1.对于ie7甚至更低，直接页面跳转：window.location.href=”upgrade.html” 2.对于ie8，csshack jshack 3.meta标签的设置 用指定的渲染引擎来渲染
阅读全文
