随笔分类 - h5
摘要：ES5中提供了三种改变函数中this指针指向的方法,分别如下 1.call() var obj = {username:"孙悟空"}; //没有任何修饰的调用函数，函数中的this指向全局对象,此处为window function foo(para1,para2){ console.log(this
阅读全文
摘要：数组中常用的高阶方法： foreach map filter reduce some every 在这些方法中都是对数组中每一个元素进行遍历操作，只有foreach是没有返回值的，reduce是的回调函数中，是有四个参数的，下面说一下他们的基本用法 map: 映射,可以对数组中每个元素进行操作，并逐
阅读全文
摘要：1、Vue是什么? Vue是一个渐进式的javascript开发框架，通过组件的开发，最后进行组件的组合，合并组件形成页面 构造器(构造函数) 自动化构建工具 #优点 组件化开发 单页面路由 丰富的Api方法 双向的数据绑定 单向数据流 易于结合其他第三库 #缺点 生态系统不够完善 可扩展性稍差 1
阅读全文
摘要：theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5
阅读全文
摘要：前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧 一. viewport 什么是view
阅读全文
摘要：开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处
阅读全文
摘要：在移动端进行日期选择想必困扰过不少小伙伴，在PC端我们比较丰富的选择，如jQueryUI的datepicker，但这些插件都比较臃肿，而且还要依赖一个同样臃肿的库。或许PC上可以忍受比较大的文件，网速相对快嘛。然而在移动端也面临同样的问题，想用一个日期选择器还得依赖一个庞大的UI库，如mobiscr
阅读全文
摘要：阅读目录 适配的要求 适配的方法，3个步骤 适配中背景图片的处理 适配的原理解析 阅读目录 适配的要求 适配的方法，3个步骤 适配中背景图片的处理 适配的原理解析 摘要：在进行移动端界面的书写的时候，如果把宽度高度或者字体大小全部写死的话，那么在所有手机上看到的大小都一样，存在的问题就是同样大小的字
阅读全文
摘要：智能手机发展确实很迅速，像今年，我的大部分工作就都在移动端网页上。 再往前些年，看到的手机版/移动版网页，限制于浏览器与手机性能，2g网络速度等 网页设计无非是蓝、黑、白，界面单调，并且要尽可能的设计简单。 现在情况就大不相同了，软件上webkit内核浏览器大行其道，硬件突飞猛进，网速来说，4g正炒
阅读全文
摘要：posted @ 2014-11-24 20:09 vajoy 阅读(4708) 评论(12) 编辑 收藏 三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。 补充 基于“入门”一文，我想再补充几个基础知识点，主要都是针
阅读全文
摘要：1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示
阅读全文
摘要：许久没有写博客了，最近有个H5启动APP原生页面的需求，中间遇上一些坑，看了些网上的实现方案，特意来总结下 一、需要判断客户端的平台以及是否在微信浏览器中访问 1、客户端判断 在启动APP时，Android和IOS系统处理的方式是不一样的，Android这边由于开放，可以在浏览器中通过<a>标签以及
阅读全文
摘要：前端性能优化的方法？ content方面 1，减少HTTP请求：合并文件、CSS精灵、inline Image 2，减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询 3，避免重定向：多余的中间访问 4，使
阅读全文
摘要：<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素
阅读全文
摘要：.如果你把transform真的掌握的和纯熟的话,就可以直接通过CSS做出很多很炫酷的效果,甚至.轮播图和选项卡都可以通过CSS来做,咱们明天就说如何运用CSS来做轮播图,大家记得看哦! 很好,话不多说,翠花'上代码': 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <
阅读全文
摘要：html5 audio标签在ios 微信浏览器中是无法自动播放的，最近在做一个小的项目遇到这个问题，安卓和pc都是正常的，唯独ios不行，查阅了很多资料，找到了以下方法，也许不是最好用的方法，如果有更方便的方法，尽请留言： html部分： <audio id="audio"><source src=
阅读全文
摘要：html5提供了一个<canvas>标签，结合javascript的canvas api接口可以用来绘制图形和动画。最近工作中涉及到画图的任务，下面来了解一下canvas的基础：canvas画布。 1 <style type="text/css"> 2 body {padding: 40px 0 0
阅读全文
摘要：HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。 ·首先带大家熟悉一下video标签的属性方法，根据属性方法做一个小demo， HTML5支持的视频格式：
阅读全文
摘要：前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 原文作者：林鑫，作者博客：https://github.
阅读全文
摘要：首先介绍一下概念 devicePixelRatio其实指的是window.devicePixelRatio window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devic
阅读全文
浙公网安备 33010602011771号