摘要: 前端开发测试工具有很多 其中BrowserSync 是一个非常好用的工具,可以在PC以及各类移动终端使用; BrowserSync 工具利用局域网IP创建一个本地服务器,会生成一个类似http://192.168.2.170:3000 的URL,这样所有与你电脑共用同一个局域网的设备都可以访问你的页 阅读全文
posted @ 2018-02-07 14:38 Luna666 阅读(860) 评论(0) 推荐(0)
摘要: HBuilder是专为前端打造的开发工具,具有最全的语法库和浏览器兼容数据, 以方便制作手机APP,最保护眼睛的绿柔设计等优点在近几年盛行; 开发移动端APP项目想要在手机真机上测试: 首先打开HBuilder--文件--新建--移动APP, 由于HBuilder自带mui框架,在新建时可以勾选上, 阅读全文
posted @ 2018-02-01 10:25 Luna666 阅读(1225) 评论(0) 推荐(0)
摘要: span标签元素不能自动换行,在超出父盒子的宽度后不能够自动换行 如下界面: 解决办法:将span属性加上display:block设置为行级元素;设置宽度然后在强制断行 效果如下: 阅读全文
posted @ 2018-01-30 15:39 Luna666 阅读(1268) 评论(0) 推荐(0)
摘要: 写移动端怎么会不用到框架呢? 现在比较火的是mui、amaze UI 之类的,mui是现在最灵活轻便的一个框架,能够从pc到移动灵活的自适应, 只需要调用他定义的类名就能使用,非常方便,只是需要自己来查找、更改样式 页面如下 head标签内引入mui css 、mui js <meta name=" 阅读全文
posted @ 2018-01-29 17:47 Luna666 阅读(1265) 评论(0) 推荐(0)
摘要: 由于项目需要写一个开关按钮,找了bootstrap,以及amaze UI框架上面的switch开关按钮,更改样式太复杂了, 有很多问题,就干脆使用js写一个, 效果如下: 逻辑是点击二级圆点时背景色改变,圆点移动,而这2步只需要使用js来改变类控制; 代码如下 html: <body><div id 阅读全文
posted @ 2018-01-25 14:57 Luna666 阅读(506) 评论(0) 推荐(0)
摘要: 在写css时需要引用一个百度的api地图,却发现设置点的logo图片不能显示,后查阅百度测试发现是图片路径的问题: 在引用的下载的html页面找到 var icon = new BMap.Icon 将括号后的图片地址改为"http://map.baidu.com/image/us_mk_icon.p 阅读全文
posted @ 2018-01-25 14:20 Luna666 阅读(602) 评论(0) 推荐(0)