08 2018 档案

新鲜出炉的8月前端面试题
摘要：出处https://mp.weixin.qq.com/s/Mdbh_xNauDxbHvXTlWcHpg 前言 最近参加了几场面试，积累了一些高频面试题，我把面试题分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累，是否有自己的思考，思 阅读全文
posted @ 2018-08-28 16:50 手可摘星辰htss 阅读(259) 评论(0) 推荐(0)
移动端中的陀螺仪，摇一摇
摘要：本文将详细介绍移动端中的陀螺仪的概念及相关实现 横竖屏 window下的orientation属性来表示移动端的横竖屏状态，chrome模拟器不支持该属性，只能在真机上测试 window.orientation 按照上右下左的顺序，该属性的结果分别是0、90、180、-90 [注意]手机头朝下的切换 阅读全文
posted @ 2018-08-27 16:59 手可摘星辰htss 阅读(699) 评论(0) 推荐(0)
利用百度地图做的定位，获取位置和经纬度
摘要：有时候我们在使用一个新的技术知识技能的时候，看问题有时不是我们想要的功能，看了还不是很理解， 看了文档，查了资料后自己总结了一下，希望有帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o 阅读全文
posted @ 2018-08-27 11:02 手可摘星辰htss 阅读(981) 评论(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 阅读(279) 评论(0) 推荐(0)
深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)
摘要：本文属于定时器的应用部分，分别用于实现与时间相关的四个应用，包括时钟、倒计时、秒表和闹钟。与时间相关需要用到时间和日期对象Date，详细情况移步至此 时钟 最简单的时钟制作办法是通过正则表达式的exec()方法，将时间对象的字符串中的时间部分截取出来，使用定时器刷新即可 倒计时 【1】简易倒计时 简 阅读全文
posted @ 2018-08-23 11:11 手可摘星辰htss 阅读(1075) 评论(0) 推荐(0)
BOM之navigator对象和用户代理检测
摘要：属性 与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本 检测插件 检测浏览器插件是一种最常见的检测例程 对于非IE浏览器，可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性 通 阅读全文
posted @ 2018-08-23 11:04 手可摘星辰htss 阅读(300) 评论(0) 推荐(0)
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 阅读(813) 评论(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 阅读(357) 评论(0) 推荐(0)
前端面试题
摘要：HTML、CSS部分要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <htm 阅读全文
posted @ 2018-08-09 11:06 手可摘星辰htss 阅读(393) 评论(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 阅读(632) 评论(0) 推荐(0)
关于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 阅读(353) 评论(0) 推荐(0)
跨域以及一些解决方法
摘要：跨域 最近在回顾一些知识，归纳一下以前的笔记再结合各个资料说一下我对跨域和跨域问题的解决方法。 产生跨域安全问题不是后台服务器不允许前台调用， 其本质是浏览器的同源策略(Same-origin policy)造成的，它是浏览器最基本和最核心的安全机制，同源是指URI scheme、host name 阅读全文
posted @ 2018-08-06 16:42 手可摘星辰htss 阅读(361) 评论(0) 推荐(0)
javascript中的内存管理和垃圾回收
摘要：不管什么程序语言，内存生命周期基本是一致的：首先，分配需要的内存；然后，使用分配到的内存；最后，释放其内存。而对于第三个步骤，何时释放内存及释放哪些变量的内存，则需要使用垃圾回收机制。本文将详细介绍javascript中的内存管理和垃圾回收 分配内存 为了不让程序员费心分配内存，JavaScript 阅读全文
posted @ 2018-08-06 16:40 手可摘星辰htss 阅读(290) 评论(0) 推荐(0)