MobileWeb
关注
分享
扫一扫
文章平均质量分 73
jwllwj_2018
start：2016.7-2016.12 ~~~记录
展开
-
移动web开发相关笔记（一）
1.https://open.baidu.com/（百度数据开发平台）,http://lbsyun.baidu.com/index.php?title=car/api/weather（百度车联网API），这两个数据开发平台，一个是可以直接查，一个是有对应的api给你用。2.https://www.bejson.com/（在线格式化json等工具资源站），这个网站有很多很实用很方便的工具（不是所有功...原创 2018-06-12 04:38:40 · 243 阅读 · 0 评论 -
移动web开发相关笔记（二）
1.逻辑思维脑图（XMind）2.web端解决图片分辨的率的问题，在ios中会准备多张图片，早期的web开发中也会准备多张图片，现在流行的是准备一张大图，然后进行压缩，是用background-sizing进行压缩。3.移动端屏幕适配布局方式：◆宽度半分比，高度固定，再使用viewport属性4.抽取通用的样式：◆方便使用。◆将常用的样式定义为通用的资源，使用的时候直接添加class即可。5.推荐...原创 2018-06-12 04:38:51 · 211 阅读 · 0 评论 -
移动web开发相关笔记（三）
1.推荐以sublime插件的排名官网:https://packagecontrol.io/（sublime插件官网）2.时间算法【//总秒数var totalSecond= 3671;//获取里面的小时var hours=Math.floor(totalSecond/3600);//获取剩下的分钟var minute=Math.floor(totalSecond%3600/60);//获取剩下的...原创 2018-06-15 09:52:16 · 206 阅读 · 0 评论 -
移动web开发+前端框架bootstrap相关笔记（一）
1.定时器设置的时间如果和过渡的时间相等或者小于过渡的时间，会导致本次过渡还没有结束，下一次过渡又来了，会导致过渡结束时的事件无法被触发。2.代码的通用性◆dom元素的值【 ◇先获取dom元素，然后再根据dom元素来获取宽度、子元素个数、默认的样式等。 ◇ ◇ ◇ ◇ ◇ 】◆不要再代码中出现magicNumber【 ◇不要在代码中写死具体的数值，如 element.style.transitio...原创 2018-06-15 09:52:26 · 2898 阅读 · 0 评论 -
移动web开发+前端框架bootstrap相关笔记（二）
1.响应式布局依托于媒体查询这项技术，实现页面布局de多设备适配（改变布局而已）。2.微金所项目：◆css：【 ◇base.css （基础样式） ◇index.less （less文件） ◇index.css （生成的css文件） ◇】◆fonts：【 ◇微金所得字体图标】◆images：【 ◇图片素材】◆js：【 ◇js代码】◆lib：【 ◇css（bootstrap的css文件，因为我们用了b...原创 2018-06-15 09:52:36 · 234 阅读 · 0 评论 -
移动web开发+前端框架bootstrap+Zepto+gitbook相关笔记（一）
1.Bootstrap中的js组件里的标签页使用的是锚点链接的方式切换选项卡及内容的◆导航区域：a标签的href='#home'◆内容区域：div标签的id='home'◆使用时注意：【 ◇导航区域与内容区域的位置可以互换 ◇两块儿区域是互相独立的，仅仅通过href属性跟id进行关联，所以才可以防止不同的位置 ◇如果想要增加导航和内容，需要在两个区域都添加代码，因为需要对应，新增加的导航对应新增加...原创 2018-06-15 09:52:46 · 1130 阅读 · 0 评论 -
一点点开发经验（三）
1.使用AngularJS◆引入脚本◆指定ng-app◆var Yike=angular.module('Yike',['ngRoute','Controllers']);◆按模块的思想开发，将类似功能程序进行归类，例如将所有的控制器归类成一个独立模块，将所有的指令归类成一个独立模块var MyCtrl=angular.module('Controllers',[]);//以一个独立文件形式存在M...原创 2018-06-19 13:05:59 · 324 阅读 · 0 评论 -
CSS3的使用及基本注意说明相关笔记（四）
1.使用CSS3来DIY图片i无缝轮播效果：图片大小：126*86<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用css3动画制作自动无缝轮播图</title> <sty原创 2018-07-02 12:19:48 · 160734 阅读 · 1 评论