前端学习目标 基础课程:HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3 应用课程:jQuery easyUI 移动端开发 响应式开发 PHP基础 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select ...
分类:
其他好文 时间:
2020-01-04 01:37:54
阅读次数:
287
html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。 点击查看:官方文档 点击查看:线上demo 安装 ...
分类:
移动开发 时间:
2020-01-04 01:19:51
阅读次数:
208
dom-to-image是一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库。 它基于Paul Bakaus的domvas并且已被完全重写,修复了一些错误并添加了一些新功能(如Web字体和图像支持)。 github:点击查看 线上demo:点击 ...
分类:
移动开发 时间:
2020-01-04 01:09:47
阅读次数:
402
Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现,提供响应式解决方案。这篇文章尝试通过循序渐进的方式,逐层探索 Viewport 的设计原理,希望能给读者带来更加清晰、更加全面的技术认知。 ...
分类:
其他好文 时间:
2020-01-03 14:05:36
阅读次数:
62
优秀的基于VUE移动端UI框架合集 1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于web ...
分类:
移动开发 时间:
2020-01-02 22:18:48
阅读次数:
144
在移动端开发的过程中大家都会发现,移动端的显示一般与桌面端的不一样。比如在iphone6上显示一个1334x750像素大小块状元素,虽然在苹果官网上iphone6标称的屏幕像素密度是1334x750规格,但是我们却发现这个1334x750像素大小的块状元素却不能铺满整个屏幕。那到底是为什么呢?下面从 ...
分类:
移动开发 时间:
2020-01-02 15:46:49
阅读次数:
142
Fiddler设置与安装证书 一、Fiddler常见设置 Options位置:Tools->Options 二、移动端连上Fiddler作为代理 注意:因为Charles也是默认8888端口,小心同时打开两个应用导致端口冲突。 1. IOS端连接Fiddler 1.1 iOS 手机设置代理步骤: a ...
分类:
其他好文 时间:
2020-01-01 16:28:37
阅读次数:
157
移动web开发——flex布局 1.传统布局和flex布局对比 1.1传统布局 + 兼容性好 + 布局繁琐 + 局限性,不能再移动端很好的布局 1.2 flex布局 + 操作方便,布局极其简单,移动端使用比较广泛 + pc端浏览器支持情况比较差 + IE11或更低版本不支持flex或仅支持部分 1. ...
分类:
其他好文 时间:
2019-12-31 21:48:09
阅读次数:
64
4.1移动端主流方案 1.单独制作移动端页面(主流) 通常情况下,网址域名前面加 m(mobile)可以打开移动端。通过判断设备,如果是移动设备打开,则跳到移动端页面。 也就是说,PC端和移动端为两套网站,pc端是pc端的样式,移动端再写一套,专门针对移动端适配的一套网站。 京东pc端、移动端: 2 ...
分类:
移动开发 时间:
2019-12-31 21:37:39
阅读次数:
95
移动端WEB开发之响应式布局 1. 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备的划分情况: + 小于768的为超小屏幕(手机) + 768~992之间的为小屏设备(平板) + 992~1200的中等屏幕(桌面显示器) ...
分类:
移动开发 时间:
2019-12-31 21:33:29
阅读次数:
85