随笔分类 - 面试题
计算当前日期是星期几(蔡勒公式)
摘要:function weekDate(y, m, d){ // 求解cy年cm月cd日是星期几,parseInt代表取整 var cc = parseInt(y / 100); var cy = y - cc * 100; var cm = m; var cd = d; // 某年的1、2月要看作上一
阅读全文
快速将数据变为树结构
摘要:data = [ {id:1, pid:0}, {id:2, pid:1}, {id:3, pid:1}, {id:4, pid:3}, {id:5, pid:2}, {id:6, pid:0}, ] parents = {} data.forEach((v,k)=>{ console.log(k,
阅读全文
长连接、短连接、长轮询和WebSocket
摘要:原文链接:http://caibaojian.com/http-connection-and-websocket.html 对这四个概念不太清楚,今天专门搜索了解一下,总结一下:· 长连接:在HTTP 1.1,客户端发出请求,服务端接收请求,双方建立连接,在服务端没有返回之前保持连接,当客户端再发送
阅读全文
利用JS实现简单的瀑布流效果
摘要:转载:https://www.cnblogs.com/dyx-wx/p/4642637.html 一.瀑布流之准备工作 首先声明下, 为了方便演示和联系, 我使用的是本地图片, 如果大家有需要的话可以尝试着写下网络的, 不过本地和远端的大致是相同的. 那么我就来简单介绍下本地的瀑布流效果吧, 我们要
阅读全文
一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
摘要:在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: 可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码,这句话的意思是强制使用IE7模式来解析网页代码! 在这里送上几种
阅读全文
JS中判断某个字符串是否包含另一个字符串的五种方法
摘要:String对象的方法 方法一: indexOf() (推荐) ? 1 2 var str = "123" console.log(str.indexOf("2") != -1); // true ? 1 2 var str = "123" console.log(str.indexOf("2")
阅读全文
vue学习视频网址(各种前端视频 网址)
摘要:基础信息详解:https://segmentfault.com/blog/vueroad 网址:http://biaoyansu.com/18.1
阅读全文
jQuery中animate()对Firefox无效的解决办法
摘要:在使用 animate()做返回顶部的动画时,会出现对Firefox无效的情况,如: 它对Chrome,IE,Opera 有效,而另一种情况: 则只对Firefox有效。 如果需要对所有浏览器有效,则需要将两者结合起来: 这样就可以对所有浏览器有效了
阅读全文
标准盒模型与IE盒模型之间的转换
摘要:首先上图,这两张很明显可以看出IE盒模型和标准盒模型之间的差别。 当然今天不是去细细追究两种模型具体是怎么去计算布局的,那个很多文章已经已经有过了,不再重复。以前刚开始学习盒模型的时候,就学到的是IE的盒模型不规范,不符合标准的盒模型,要加文档申明把IE的转换为标准的。要给文档头部加上 DOCTYP
阅读全文
动态加载的元素绑定事件
摘要:动态填见进去的元素 绑定的事件 有时绑定不上 1 先解绑 在从新绑定 $(".className").unbind('click').bind('click',function(){ }) 2也可以绑定document 也可以 $(document).on('click','.className',
阅读全文
js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
摘要:第一种,只区分浏览器,不考虑版本 第二种,区分浏览器,并考虑IE5.5 6 7 8
阅读全文
js中几种实用的跨域方法原理详解
摘要:这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.
阅读全文
jq给动态生成的标签绑定事件的几种方法
摘要:经常遇到给动态生成的标签绑定事件不好用,自己简单测试总结了下,结论如下了: 点击按钮,就会在d2中添加一个li标签,这个可以。 但是,如果这样在初始化时,用bind方法给将来要动态生成的li标签绑定方法是无效的,点击生成的li标签,没有任何反应。 因为bind方法只能给在执行它时已经存在的静态标签j
阅读全文
移动端bug之解决方式
摘要:1、Android中元素被点击时产生的边框: * { -webkit-tap-highlight-color: rgba(250,250,250,0); /*更改点击事件的焦点色*/} 2、去除移动端输入框内阴影: input,textarea { border: 0; /* 方法1 */ -web
阅读全文
HTTP协议详解
摘要:转自:http://blog.csdn.net/gueter/archive/2007/03/08/1524447.aspx Author :Jeffrey 引言 HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,
阅读全文
前端的冒泡和事件默认事件如何处理
摘要:1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不
阅读全文
5.Javascript 原型链之原型对象、实例和构造函数三者之间的关系
摘要:前言:用了这么久js,对于它的原型链一直有种模糊的不确切感,很不爽,隧解析之。 本文主要解决的问题有以下三个: (1)constructor 和 prototype 以及实例之间啥关系? (2)prototype是啥,__proto__又是啥,他们之间啥关系? (3)如果改变一个 construct
阅读全文
3.说一下你了解的弹性FLEX布局.
摘要:页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型 flex弹性布局 使用弹性布局可以有效的分配一个容器的空间 即使我们
阅读全文
一些面试题 没有答案
摘要:1.电话初探 1.说一下你了解CSS盒模型。 盒模型 盒模型是计算元素尺寸的模型规则 在我们CSS中盒模型分为两种 W3C标准盒模型 正常情况下我们用的都是这个标准的盒模型 标准盒模型中元素尺寸使用如下计算方式 元素实际宽度 = width + padding(左右内边距大小) + border(左
阅读全文
浙公网安备 33010602011771号