2018年8月27日
移动端中的陀螺仪，摇一摇
摘要： 本文将详细介绍移动端中的陀螺仪的概念及相关实现 横竖屏 window下的orientation属性来表示移动端的横竖屏状态，chrome模拟器不支持该属性，只能在真机上测试 window.orientation 按照上右下左的顺序，该属性的结果分别是0、90、180、-90 [注意]手机头朝下的切换 阅读全文
posted @ 2018-08-27 16:59 手可摘星辰htss 阅读(635) 评论(0) 推荐(0) 编辑
利用百度地图做的定位，获取位置和经纬度
摘要： 有时候我们在使用一个新的技术知识技能的时候，看问题有时不是我们想要的功能，看了还不是很理解， 看了文档，查了资料后自己总结了一下，希望有帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o 阅读全文
posted @ 2018-08-27 11:02 手可摘星辰htss 阅读(951) 评论(0) 推荐(0) 编辑
租房短租发布场地，工作中遇到的复杂日期插件功能
摘要： 用到layui框架，因此要加载layui.css layui.js 涉及到日期时间区间的滑动，因此要加载swiper.css swiper.js <!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/ht 阅读全文
posted @ 2018-08-27 10:58 手可摘星辰htss 阅读(262) 评论(0) 推荐(0) 编辑
2018年8月23日
深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)
摘要： 本文属于定时器的应用部分，分别用于实现与时间相关的四个应用，包括时钟、倒计时、秒表和闹钟。与时间相关需要用到时间和日期对象Date，详细情况移步至此 时钟 最简单的时钟制作办法是通过正则表达式的exec()方法，将时间对象的字符串中的时间部分截取出来，使用定时器刷新即可 倒计时 【1】简易倒计时 简 阅读全文
posted @ 2018-08-23 11:11 手可摘星辰htss 阅读(969) 评论(0) 推荐(0) 编辑
BOM之navigator对象和用户代理检测
摘要： 属性 与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本 检测插件 检测浏览器插件是一种最常见的检测例程 对于非IE浏览器，可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性 通 阅读全文
posted @ 2018-08-23 11:04 手可摘星辰htss 阅读(261) 评论(0) 推荐(0) 编辑
2018年8月9日
jq css3实现跑马灯+大转盘
摘要： 前端效果， <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2018-08-09 17:49 手可摘星辰htss 阅读(765) 评论(0) 推荐(0) 编辑
Vue小事例
摘要： login <!DOCTYPE html><html lang="ZH-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht 阅读全文
posted @ 2018-08-09 11:58 手可摘星辰htss 阅读(300) 评论(0) 推荐(0) 编辑
前端面试题
摘要： HTML、CSS部分要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <htm 阅读全文
posted @ 2018-08-09 11:06 手可摘星辰htss 阅读(365) 评论(0) 推荐(0) 编辑
Css3动画效果,彩色文字效果,超简单的loveHeart
摘要： <!DOCTYPE html><html><head><meta charset="utf-8" /><title>Css3动画效果,彩色文字效果,超简单的loveHeart</title><link rel="stylesheet" type="text/css" href="http://www 阅读全文
posted @ 2018-08-09 11:00 手可摘星辰htss 阅读(586) 评论(0) 推荐(0) 编辑
2018年8月7日
关于javascript代码优化的8点建议
摘要： 松耦合 当修改一个组件而不需要更改其他组件时，就做到了松耦合 1、将JS从CSS中抽离：不要使用CSS表达式 //不好的做法 .box{width: expression(document.body.offsetWidth + ’px')} 2、将CSS从JS中抽离：通过JS修改CSS样式时，使用c 阅读全文
posted @ 2018-08-07 15:45 手可摘星辰htss 阅读(306) 评论(0) 推荐(0) 编辑