- 博客(115)
- 收藏
- 关注
RSS订阅转载 js原生拖拽
原生拖拽 通过拖拽事件，可以控制拖放相关的各个方面，其中最关键的地方在于确定哪里发生了拖拽事件，有些事件是在被拖动的元素上触发的，而有些事件是在放置目标上触发的，拖动某个元素时，将依次触发下列事件: dragstart drag dragend 按下鼠标并开始移动鼠标时...
2019-09-10 01:31:03
564
转载 CSS经典面试题
CSS面试题整理 在IE6下无法定义小高度的容器，是因为有一个默认的行高。 IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了...
2019-09-10 01:30:59
550
转载 async.js的工作流控制
我花很久意识到一件事情，在JS里面，全局变量是一个贬义词，我现在突然明白了，回调其实也有点类似贬义词了。 pub/sub允许把来源层的事件发布至其他层，比如MVC三层架构设计模式中把从视图层的事件发布至模型层，promise这种抽象设计允许把简单任务表示成对象，进而合并这些对象来表示更复杂的...
2019-09-10 01:30:55
494
转载 手机端+PC端无缝滚动
<!-- 一、由于touchend,touchcancel在安卓浏览器上是有bug,所以采用了百度的touch.js事件 二、左右箭头部分在手机端自动隐藏 三、PC上使用左右箭头切换+自动轮播 四、无线端使用向左向右拖拽，类似京东等手机端轮播效果 ...
2019-09-10 01:30:51
603
转载 学习Fuse(一)
What is Fuse? Fuse is a toolkit that developers and designers use to create native, cross-platform mobile apps for iOS and Android. Fuse是开发和设计者用来...
2019-09-10 01:30:47
429
转载 前端面试：精选经典面试题(十二)
function fn() { this.a = 0; this.b = function() { alert(this.a) }}fn.prototype = { b: function() { this.a = 20; ...
2019-09-10 01:30:43
386
转载 看完这些文章，你也会H5移动端布局了
最近有很多同学问我怎么做移动端的布局，所以我就花了些时间整理了一下我认为不错的文章，大家有时间可以看一看： http://www.w3cplus.com/mobile/mobile-terminal-refactoring-mobile-layout.htmlhttp://www.w3...
2019-09-10 01:30:40
389
转载 《DOM启示录》第一章
1.1 DOM是一个树型结构 当你在HTML里写下如下的结构的时候，浏览器会把它解析成一棵DOM树： <!DOCTYPE html><html lang="en"><head><title>HTML</title>...
2019-09-10 01:30:35
450
转载 怎么清除缓存？
道理不多说了，直接上图： F5的情况： CTRL+F5的情况： 转载于:https://my.oschina.net/u/1792175/blog/598110...
2019-09-10 01:30:30
584
转载 QUnit的使用
最近我准备构建一个自己的轻量级的库，但是我遇到了一些问题，最大的问题就是比如写着写着，我怕后面写的东西会覆盖掉前面的一些功能，所以我只能不停的测试，于是我想到了用一些测试库，试着安装传说中的mocha啥的，on my god,我的破电脑完全不给力装不上去，最后找了这一款超级轻量级的语法简单的测...
2019-09-10 01:30:27
676
转载 js中的reduce学习
// Define the callback function.function addRounded (previousValue, currentValue) { return previousValue + Math.round(currentValue); ...
2019-09-10 01:30:23
129
转载 前端面试：精选经典面试题(四十六)
以下break和continue运行的结果分别是多少？ var num=0; for(var i=0;i<10;i++){ if(i%4==0){ continue } num++; ...
2019-09-10 01:30:19
162
转载 前端面试：精选经典面试题(四十四)
获取本月第一天是周几？本月有多少天？ var date = new Date(); date.setMonth(0); console.log(date.getDay()); date.setMonth(date.getMonth()+1); date...
2019-09-10 01:30:15
119
转载 JavaScript入门教程
HTML是网页的结构，CSS是网页的外观，JavaScript是页面的行为。 ### JavaScript的特点 - 动态改变页面内容 - 改变网页外观 - 验证表单数据 - 响应事件 ### 什么是脚本语言 - 不需要编译成二进制，以文本的形式存在 - 脚本语言都需要其他语言...
2019-09-10 01:30:11
359
转载 选项卡的另外几种实现思路
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>...
2019-09-10 01:30:07
215
转载 sinon.js的使用
<!DOCTYPE html><html lang="en"> <head> <title>QUnit/Sinon.JS</title> <link rel="stylesheet" href="qunit...
2019-09-10 01:30:03
805
转载 动画学习笔记
平滑动画基本原理 function animate(){ var box = document.getElementById("box"); var duration = 1000; var start = (new Date).valueOf(); var ...
2019-09-10 01:30:00
154
转载 前端面试：精选经典面试题(六十)
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？ 查找浏览器缓存 DNS解析、查找该域名对应的IP地址、重定向（301）、发出第二个GET请求 进行HTTP协议会话 客户端发送报头(请求报头) 服务器回馈报头(响应报头) html文档开始下载 文档树建立，根据标记请求所需...
2019-09-10 01:29:56
160
转载 前端面试：精选经典面试题(二十五)
需求 前端面试：精选经典面试题(二十四) 模拟文曲星上的猜字游戏，实现猜数算法，游戏开始后，系统会随机给出四个不重复的数字，由用户输入自己猜测的四个数字。 1. 如果数字猜对而且位置也对，就是1个A 2. 如果数字猜对但位置不对，就是1个B 3. 返回结果是如“2A1B”这样的字符 4. 猜...
2019-09-10 01:29:52
157
转载 前端面试：精选经典面试题(二十七)
当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？ document.getElementById("demo").onclick = handler; function handler(){ //具体执行的代码 } 如何获取用户在输入框里按下了回车键 ...
2019-09-10 01:29:49
138
转载 前端面试题一套
一. css 40分 1. 什么是盒模型？ 2. Doctype的几种类型？ 3. 如何布局左不动右边自适应的两列布局？ 3. 如何布局两列等高？ 5. 如何布局右侧定宽，左侧或中间自适应？ 6. 如何布局三列自适应？ 7. gif,png,jpg的区别？ 8. 什么是css sp...
2019-09-10 01:29:45
102
转载 前端面试：精选经典面试题(二)
谈谈你对Cookie的理解 谈谈你对Cookie的理解 观察cookie的时候发现，是形如下列的形式: console.log(document.cookie); "lhb_smart_0=1; bdshare_firstime=1450019742837; __utm...
2019-09-10 01:29:42
110
转载 开通前端大神的twitter每日播报
为了提高自己的前端水平，同时为了提高自己的英文水平，我原打算每天没事的话翻译一篇国外的前端相关的文章，但翻译一篇文章是相当耗费时间和精力的，这会影响我的正常工作，但是我感觉twitter上因为有字数的限制，所以每天的内容不是特别多，如果能坚持下来，对自己和别人也是一个很好的帮助，所以，从今天开...
2019-09-10 01:29:38
204
转载 《DOM启示录》序及目录
DOM启示录 因为个人学习缘故而翻译，所以一些不是很重要的内容我一概略过不翻译直接扔掉了，专业翻译人士请折叠我。 前言 我是开发网站的，有些我也会自娱自乐的搞搞音乐，许多年前，我注意到一个有趣的现象，搞音乐的人好多搞音乐的人自以为是自己是自我创作型的人才，他们不屑于学习任何音乐理论，他们...
2019-09-10 01:29:35
281
转载 JavaScript设计模式
学好设计模式是我们能顺利的看一些库之类的代码的前提。 分类 创建型 结构型 行为型 namespace window.moyu_edu = moyu_edu || {}; 模块化 var moyuModule = (function(){ va...
2019-09-10 01:29:31
55
转载 前端面试：精选经典面试题(五十九)
/** @fileoverview 为字符串实现一个render方法，实现下面的变量替换功能 **/ var greeting = 'my name is $(name),age $(age)'; console.log(result); // my name is XiaoMing,...
2019-09-10 01:29:27
91
转载 MVC 架构
## Controller 拥有控制和协调每个用户的请求和处理，使用集中化的方式进行请求的管理，它从用户那里接收请求，并且根据请求决定执行什么样的业务逻辑，同时将界面的处理委派给模板引擎。 具体而言，它主要作用就是分发请求、调用不同业务逻辑，委派相应视图，它作为系统中处理所有请求的最初入口...
2019-09-10 01:29:23
74
转载 关于js异步的种种
<script>// 回调地狱setTimeout(function(){ console.log("one"); setTimeout(function(){ console.log("two"); setTimeout(fun...
2019-09-10 01:29:19
60
转载 前端面试：精选经典面试题(四十)
ajax 是什么?ajax 的交互模型?同步和异步的区别 ajax技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器后来都引入了相同的实现。在XHR出现之前，我们必须借助于iframe、flash等hack技术来实现通信。XHR为向服务器发送...
2019-09-10 01:29:15
79
转载 前端面试：精选经典面试题(十四)
面试官：做一个图片轮播的脚本。 基本上有二种思路，具体有时间详讲 面试官：图片加载比较慢，你这个轮播组件怎么解决。 懒加载，加一个菊花图，new一个img对象，监听onload事件，load完了再替换 面试官：如果图片很多，有两万个，怎么办。 一般轮播图不会考虑放这么多图片，真有这么...
2019-09-10 01:29:11
103
转载 IE的hack
color:red; /* 所有浏览器都支持 / color:red !important;/ Firefox、IE7支持 IE8支持*/ _color:red; /* IE6支持 / color:red; /* IE6、IE7支持 / +color:red; /* IE7支持 / color...
2019-09-10 01:29:08
66
转载 前端面试：精选经典面试题(三十五)
// //实现如下的函数// function extractIds(data){// //你的代码// }var data = { id: 1, items: [ {id: 2}, {id: 3, items: [ {id: 4}, ...
2019-09-10 01:29:04
55
转载 移动端布局知识
关于rem html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px / 一句话理解viewport 视窗 viewport（viewport的功能在于控制你网站的最高块状（bloc...
2019-09-10 01:29:00
101
转载 eslint使用备注
{ "ecmaFeatures": {}, "rules": { "no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no...
2019-09-10 01:29:00
387
转载 前端面试：精选经典面试题(八)
js实现一个深拷贝方法 方法一 var newObject = JSON.parse(JSON.stringify(oldObject)); 方法二 function cloneObject(obj) { var clone = {}...
2019-09-10 01:28:56
67
转载 前端面试：精选经典面试题(四)
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。 添加 追加 appendChild 添加到某兄弟节点的前面 insertBefore 移除 removeChild 移动 insertBefore 复制 cloneNode(true...
2019-09-10 01:28:52
64
转载 js中那些具有二义性的符号
， 连续运算符； 参数分隔符； 对象/数组声明分隔符； 增值运算符； 正值运算符； 连接运算符 () 函数调用运算符; 强制运算，优先级； 形式参数表； ？： （问号没有二义性） 条件运算符； 冒号声明标签含义； 冒号声明switch分支含义； 冒号声明对象成员的含义； [] 数组下标...
2019-09-10 01:28:48
302
转载 如何培养自己写的JavaScript的思维
在着手编写函数或程序时，首先要做的就是用清晰、通俗的语言描述程序需要做什么，如果只是一个相对简单的问题，那么就可以将期直接转换成JavaScript语句，但很多问题通常需要将其分解成几个更小的问题来解决。 比如，我们都知道JS(我指的是要兼容低版本的浏览器)中是没有一个叫getElement...
2019-09-10 01:28:44
253
转载 看代码学angular
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&l...
2019-09-10 01:28:39
85
转载 兼容console.log
因为IE8下面不兼容console.log，所以我们可以这样处理，这样不会因为随便忘记了注释掉console.log而出现bug if(!window.console){ window.console = { log:function(){}, time:function...
2019-09-10 01:28:36
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人