随笔分类 -  前端笔记

微信小程序iphone x适配
摘要：微信小程序在适配iphone x 的时候 底部的横线会出现遮挡这时候就要处理下： 在app.js文件中 创建全局变量，然后获取设备型号 在需要引用的页面js文件中onload方法里获取全局变量 let isIphoneX = app.globalData.isIphoneX; this.setDat 阅读全文
posted @ 2018-05-18 15:31 波克比520 阅读(146) 评论(0) 推荐(0)
关于使用git bash时出现vim
摘要：现在做项目，一般使用的是Git来管理代码。 但是我一般熟用的指令局限于git clone，git add，git commit，git push，git pull。。。偶尔出现冲突就解决解决冲突，遇到没出现过的问题就上网搜一搜。 刚刚出现了一个之前也出现过的问题，当我运行git commit指令时， 阅读全文
posted @ 2018-03-21 10:17 波克比520 阅读(1237) 评论(0) 推荐(0)
微信小程序注意点及快捷键
摘要：注意点 1. 微信小程序官方给出的定义是： 微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。其实他更像一个WEB APP，用户可以像打开一个网页一样打开一个微信小程序。所以，微信对小程序的要求是整体大小不能超过1MB。 2. .json 阅读全文
posted @ 2017-08-08 10:13 波克比520 阅读(485) 评论(0) 推荐(0)
移动端学习笔记（三）
摘要：响应式媒体查询——媒体设备： all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩屏设备 speech '听觉'类似的媒体类型 tty 不适用像素的设备 tv 电视 屏幕水平和垂直（orientation 阅读全文
posted @ 2017-07-05 17:30 波克比520 阅读(149) 评论(0) 推荐(0)
一个CSS的px值转rem值的Sublime Text 3自动完成插件
摘要：一个CSS的px值转rem值的Sublime Text 3自动完成插件。 插件效果如下： 下载本项目，比如：git clone https://github.com/flashlizi/cssrem 进入packages目录：Sublime Text -> Preferences -> Browse 阅读全文
posted @ 2017-06-16 16:17 波克比520 阅读(188) 评论(0) 推荐(0)
前端工作面试问题(先记录，后面再一一解答)
摘要：常见问题： 你在昨天/本周学到了什么？ 编写代码的哪些方面能够使你兴奋或感兴趣？ 你最近遇到过什么技术挑战？你是如何解决的？ 在制作一个网页应用或网站的过程中，你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的？ 请谈谈你喜欢的开发环境。 你最熟悉哪一套版本控制系统？ 你能描述当你 阅读全文
posted @ 2016-10-27 14:20 波克比520 阅读(821) 评论(1) 推荐(0)
完美解决IE6不支持position:fixed的bug【转】
摘要：废话不多说，先看一下下面这段代码：IE6 position:fixed bug 11111111111111111 以上这段代码在网上很常见，通过设置html{overflow:hidden}和body{height:100%;overflow:auto}来实现ie6下position:... 阅读全文
posted @ 2015-04-18 15:10 波克比520 阅读(173) 评论(0) 推荐(0)
Rem与Px的转换
摘要：rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素... 阅读全文
posted @ 2015-01-12 10:47 波克比520 阅读(1284) 评论(0) 推荐(0)
Swiper 中文API手册（转自挨踢前端）
摘要：最近使用Swipe.js，发现中文的资料很少，试着翻译了一下。能力有限，翻译难免错漏，欢迎指出，多谢！翻译自：http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php一了解... 阅读全文
posted @ 2015-01-06 09:17 波克比520 阅读(297) 评论(0) 推荐(0)
每位设计师都应该拥有的50个CSS代码片段(下)
摘要：26. 固定宽度的居中布局1 #page-wrap {2 width: 800px;3 margin: 0 auto;4 }Code Source我知道之前已经提到过怎样设置水平居中.在这里的代码是完美实现固定宽度的水平居中 .27. CSS3 文本分列1 #columns-3 {2... 阅读全文
posted @ 2015-01-02 11:32 波克比520 阅读(220) 评论(0) 推荐(0)
每位设计师都应该拥有的50个CSS代码片段(上)
摘要：面对每年如此多的新趋势,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用CSS3 properties, 决定这些的是浏览器支持和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中.这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB... 阅读全文
posted @ 2015-01-02 11:01 波克比520 阅读(234) 评论(0) 推荐(0)