2018 年 3月随笔档案 - vsmart

移动端前端常见的触摸相关事件touch、tap、swipe等整理

摘要：前端的很多事件在PC端和浏览器端可公用，但有些事件却只在移动端产生，如触摸相关的事件本文整理了移动端常见的一些事件，包括原生支持的click、touch、tap、swipe事件，也有定义型的gesture手势事件（目前只是一个概念，使用的时候需封装模拟）使用到的是移动端的Chrome浏览器，本文阅读全文

posted @ 2018-03-26 09:40 vsmart 阅读(2056) 评论(0) 推荐(0) 编辑

前端-移动端h5常用<meta>属性

摘要：1.常用属性 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no"> <meta name="format-detect 阅读全文

posted @ 2018-03-23 09:36 vsmart 阅读(1730) 评论(0) 推荐(0) 编辑

文件在线对比

摘要：https://www.sojson.com/gongju/textdiff.html 阅读全文

posted @ 2018-03-22 15:14 vsmart 阅读(799) 评论(0) 推荐(0) 编辑

模拟jquery trigger主动触发事件

摘要：// 模拟jquery trigger主动触发事件 var fireEvent = function(element,event){ if (document.createEventObject){ // IE浏览器支持fireEvent方法 var evt = document.createEventObject(); return el... 阅读全文

posted @ 2018-03-22 14:02 vsmart 阅读(670) 评论(0) 推荐(0) 编辑

Js闭包乱象

摘要：var obody = document.querySelector('body'); (obody.onclick = function(){ alert(555) //555 })() var obody = document.querySelector('body'); obody.onclick = (function(){ alert(555) //555 })()... 阅读全文

posted @ 2018-03-22 13:58 vsmart 阅读(159) 评论(0) 推荐(0) 编辑

JS 克隆数据

摘要：function clone(obj){ var type = Object.prototype.toString.call(obj).slice(8,-1).toLowerCase(); if(type=='object'){ var json = {}; for(i in obj){ if(obj.hasOwnProperty(i)){ json[i] = clon... 阅读全文

posted @ 2018-03-22 13:46 vsmart 阅读(839) 评论(0) 推荐(0) 编辑

python爬虫抓取网站的一些总结技巧

摘要：学用python也有3个多月了，用得最多的还是各类爬虫脚本：写过抓代理本机验证的脚本，写过在discuz论坛中自动登录自动发贴的脚本，写过自动收邮件的脚本，写过简单的验证码识别的脚本，本来想写google music的抓取脚本的，结果有了强大的gmbox，也就不用写了。这些脚本有一个共性，都是和w 阅读全文

posted @ 2018-03-20 17:49 vsmart 阅读(5446) 评论(0) 推荐(0) 编辑

前端常见跨域问题解决办法

摘要：什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览阅读全文

posted @ 2018-03-20 17:47 vsmart 阅读(408) 评论(0) 推荐(0) 编辑

9个必须掌握的Javascript处理数组的方法

摘要：一迭代方法 ES5为数组定义了5个迭代方法，这些方法大大方便了处理数组的任务，支持这些方法的浏览器有 IE9+,Firefox2+,Safari3+,Opera9.5+和Chrome。 1 every 对数组中每一项进行给定函数，如果每一项都返回true，则返回true 1 2 3 4 5 6 7 阅读全文

posted @ 2018-03-20 13:46 vsmart 阅读(173) 评论(0) 推荐(0) 编辑

纯CSS实现垂直居中的几种方法

摘要：垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cell html结构： 1 2 3 <div class="box box1"> <span 阅读全文

posted @ 2018-03-16 14:36 vsmart 阅读(154) 评论(0) 推荐(0) 编辑

Web前端面试题集锦

摘要：前端开发面试知识点大纲： HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。 JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、阅读全文

posted @ 2018-03-16 14:17 vsmart 阅读(280) 评论(0) 推荐(0) 编辑

总结一下这些天的web前端开发面试题

摘要：1.前端页面的构成？分别有哪些功能？分层： 1）结构层（html）structural layer 由HTML或者XHTML之类的标记语言负责创建，即：标签； 2）表示层（css）presentation layer 解决结构层如何显示的问题。 3）行为层（js）behavior layer 内容阅读全文

posted @ 2018-03-16 14:14 vsmart 阅读(4668) 评论(0) 推荐(0) 编辑

web前端面试题目汇总

摘要：HTML/CSS部分 1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔阅读全文

posted @ 2018-03-16 14:13 vsmart 阅读(410) 评论(0) 推荐(0) 编辑