- 博客(143)
- 收藏
- 关注
RSS订阅转载 Fix 'jumping scrollbar' issue using only CSS
https://aykevl.nl/2014/09/fix-jumping-scrollbar
2019-04-10 14:46:02
303
转载 vue-router
一.官网的例子1.HTML Hello App! 默认会被渲染成一个 `` 标签 --> Go to Foo Go to Bar 2.router-link： 组件支持用户在具有路由功能的应用中（点击）导航。通过 to 属性指定目标地址，默认渲染成带有正确链接的 标签，可
2017-09-06 23:26:40
592
转载 vue props
#props用于接收来自父组件的数据（子组件期待获得的数据）类型：字符串数组或者objecte.g.数组：props: ['size', 'myMessage']对象： props: { // 只检测类型 height: Number, // 检测类型 + 其他验证 age: { type: Number, defau
2017-09-06 14:59:12
5016
翻译 vue递归组件
递归组件组件在它的模板内可以递归地调用自己，不过，只有当它有 name选项时才可以//当你利用Vue.component全局注册了一个组件,全局的ID作为组件的 name 选项，被自动设置.components: { //组件实例选项方式注册//注册之后便可以在父实例的模块中以自定义元素 的形式使用。 ModuleView, },//全局的ID作为组件
2017-09-06 14:27:07
3599
原创 clientX, pageX, offsetX, screenX
均为只读属性。1.clientX 属性返回当事件被触发时鼠标指针相对于浏览器页面（或客户区）的水平坐标。客户区指的是当前窗口（可视区域不包括工具栏和滚动条）。例如，不论页面是否有水平滚动，当你点击客户端区域的左上角时，鼠标事件的 clientX 值都将为 0。2.pageX属性返回当事件被触发时鼠标指针的位置相对于整个文档的x（水平）坐标以像素为单位的只读属性。这个属性
2017-09-06 14:25:17
514
转载 前端模块化
CommonJS&SeaJS&RequireJS一、Amd可以做到避免Common.js的 “临时读取并加载文件”，它是提前读取并加载。而Cmd可以做到的是，“提前读取文件，但在需要再加载”，这样可以避免浏览器临时加载文件的假死，也可以避免提前加载引起的逻辑问题。都是提前读取：模块的加载都是并行的, 没有区别, 区别在于执行模块的时机, 或者说是解析。大家叫sea.js懒加
2017-07-27 11:23:46
453
转载 原型
原型是JavaScript接触到的第一个比较重要的概念，发现一个写的比较好的文章，总结一下转自：https://segmentfault.com/a/11900000066399391 先弄懂什么是prototype以及_proto__proto_:任何一个对象Object都有_proto_，它是每一个对象的私有属性，是天生自带的。prototype:不是任何对象都有proto
2017-07-26 17:48:22
461
翻译 Promise，Ajax，fetch
一、Promise相关https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promisehttp://liubin.org/promises-book/#chapter1-what-is-promisenew Promise( /* executor：execu
2017-07-25 20:09:43
1917
转载 Jsonp原理
转自：http://justcoding.iteye.com/blog/1366102/知道跨域问题可以使用jsonp解决，原理理解的不是很清楚JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。Jsonp原理：
2017-07-25 18:12:03
398
翻译 箭头函数和普通函数的区别
面试时被问到箭头函数和普通函数的区别。。。-_-||借用别人的一个栗子：function make () { return ()=>{ console.log(this); }}var testFunc = make.call({ name:'foo' });testFunc(); testFunc.call({ name:'bar' }); Object
2017-07-25 18:04:38
18416
1
转载 js 自定义extend函数
转自：http://blog.csdn.net/openblogs/article/details/251691651.实现：/** * 有一个函数为extend,该函数有两个参数 * arg1 * arg2 * 当第一次调用该函数的时候，创建一个类， * 当第二次调用该函数的时候，为这个类提供扩展 */function extend(js
2017-07-07 15:50:16
642
转载 JavaScript事件委托的技术原理
转自：http://www.webhek.com/post/event-delegate.html使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。假定我们有一个UL元素，它有几个子元素： Item 1 Item 2 Item 3 Item 4 Item
2017-07-07 15:44:43
290
转载 js的回调函数
转自：http://www.jb51.net/article/59447.htm回调：函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回调。不带参： function a(callback){ alert('a'); callback.call(this);//或者是 callback（）, callback.a
2017-07-05 16:37:44
355
转载 JavaScript 生命周期
一、JavaScript有生命周期吗？转自：http://blog.sina.com.cn/s/blog_694c144f0101pida.html从页面数据被装载到页面数据装载完毕的初始化阶段：javascript代码被浏览器解析，运行环境被初始化，函数和闭包被建立，而那些可以被立即执行的指令被执行并实时地得到结果。页面数据装载完毕一直到新的请求被发起之前的运行阶段：完成初始化的程序
2017-07-03 09:31:11
11938
转载 ajax请求与UI进程阻塞
转自：http://blog.csdn.net/web_xyk/article/details/52292183在与后台实现数据交互时经常会遇到一种这样的情况：1.需要用一个ajax请求后台数据，并且要在获取到数据之后再渲染到页面，这个时候就必须用同步（async:false）。2.然而在这个时候就会有另一种情况，当ajax的请求花费的时间比较长的时候需要一个loa
2017-06-28 11:10:48
2056
1
转载 AMD规范中模块id的命名规则
AMD规范中模块id的命名规则转自：https://github.com/amdjs/amdjs-api/wiki/AMD还没有接触过AMD，但是在看面试题的时候发现有这个问题，记录一下。AMD(Asynchronous Module Definition)异步模块定义规范制定了定义模块的规则，这样模块和模块的依赖可以被异步加载。此规范只定义了一个函数且为全局变量：de
2017-06-28 11:03:19
719
原创 动态获取input的value值含有双引号等特殊字
问题：前端从后台拿数据显示到页面上的input文本框内function escapeHtml(string) { var entityMap = { "&": "&", ": "<", ">": ">", '"': '"', "'
2017-06-28 09:28:51
6137
转载 MVC，MVP 和 MVVM架构
转自：http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html一、MVC（Model-View-Controller）软件分为三部分：View;Controller;ModelView:视图——用户界面（前端）Controller:控制器——业务逻辑（后端）Model:模型——数据保存（数据库）各部分单向通信：
2017-06-27 13:31:22
282
转载 JavaScript中const， var， let的区别
转自：http://www.cnblogs.com/ksl666/p/5944718.html1.const定义的变量不可以修改，而且必须初始化。1 const b = 2;//正确2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值4 // b = 5;5 // console.log('函数外修
2017-06-24 14:30:40
449
原创 创建一个dom元素
一、原生JavaScriptvar a = document.createElement("a");a.setAttribute('href',href);二、jQuery$(function(){ $("input[type='button']").click(function() { new_obj = $(""); $(thi
2017-06-24 14:00:10
1874
转载 $.ajax()方法详解
一、jquery中的ajax方法参数 转自：http://www.cnblogs.com/tylerdonet/p/3520862.html1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用
2017-06-22 16:40:03
527
原创 jQuery使用手册
http://www.cnblogs.com/skylaugh/archive/2006/12/18/595563.html
2017-06-22 10:43:19
248
转载 js中for in
上一篇相关文章：http://blog.csdn.net/yintianqin/article/details/72864020一、谈谈js中for in 需要注意的地方转自：http://www.2cto.com/kf/201411/348278.htmljs中for in 可以遍历对象或数组的显性属性，也就是说我们自己定义的属性是可以遍历的，那些原型上默认已有的属性，例如：
2017-06-19 16:58:56
731
转载 jQuery()方法的第二个参数详解
转自：http://www.jb51.net/article/65153.htm关于jQuery()方法的第二个参数，有下面这几种用法：1.jQuery(selector, [context])这种用法，相当于 $(context).find(selector) 或者 context.find(selector)2.jQuery(html, [ownerDocument
2017-06-10 11:16:35
1295
转载 xslt/xpath对不存在属性的判断问题
转自：http://blog.chinaunix.net/uid-11080168-id-2915047.html有xml片段如下 写xsl片段如下 本意是查找所有属性title不等于bad的mytag，然后输出它的name。原来以为会输出：kank
2017-06-10 10:14:31
5347
转载 preceding-sibling::*[1]
还是有点不太明白search the relative information about xpath axis 'preceding-sibling', find there are the same question from otherssee[1]. The output display document order when apply precedi
2017-06-09 14:48:51
2352
原创 纯数据xml通过xslt转换成报表xml
一、除了要知道xml，xslt的知识，还需要了解ExcelXml（可用Excel打开的报表xml）各标签的含义。数据放在标签的标签内。每一行数据放在标签内，每个单元格的内容放在标签内每个标签都有自己的属性（废话-_-||），主要都是样式相关的。有些比较重要，比如：下面部分转自：http://woniu1983.iteye.com/blog/7007491
2017-06-08 15:11:52
2922
转载 jQuery插件，实现表格选中状态及鼠标滑过高亮
一、理论该部分转自：http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html//jQuery开发插件的两种方法jQuery.fn.extend();jQuery.extend();那么jQuery.fn是啥？jQuery.fn = jQuery.prototype = { init:function(sele
2017-06-06 14:46:11
2073
转载 （function($){….}）（jQuery）
出处：http://blog.csdn.net/xuemoyao/article/details/19021659（function($){….}）（jQuery）我们先看第一个括号里边的内容：function($){….}，这不就是一个匿名的函数吗？但是它的形参比较奇怪，是$,这里主要是为了不与其它的库冲突。这样我们就比较容易理解第一个括号内的内容就是定义了一个匿名函数，我们
2017-06-06 13:16:30
359
转载 浏览器内核的解析和对比
出处：http://www.qdfuns.com/notes/16583/cae477c1b5500ba9e21ab94bc17cc771.html浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。
2017-06-05 17:44:00
3580
原创 uploadify火狐不能上传
原因：uploadify是一个基于flash的上传文件的插件，由于，火狐浏览器在使用flash的post方法时，会生成新的session导致上传失败。解决：在页面加一个隐藏域，保存新session之前的sessionId。HTML代码：
2017-06-05 17:33:26
1333
转载 JQuery中$.ajax()方法参数详解
出处：http://blog.sina.com.cn/s/blog_4f925fc30100la36.htmlurl: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。
2017-06-05 09:26:05
461
转载 IE遍历数组时遇到的问题
一.属性遍历出处：http://blog.csdn.net/jufeng9318/article/details/7997142Array.prototype.Contains = function (str) { if (!str) return false; for (var i = 0; i < this.length; i++) {
2017-06-05 09:23:15
2135
转载 onpropertychange与jQuery同时使用时在IE78产生的BUG
出处：http://www.cnblogs.com/gada/articles/4048836.html今天用oninput和onpropertychange写了一个suggest，实现的自动填充功能，如下： 正常浏览器没有什么问题，那问题就来了，学挖掘机技术哪家强？阿不。。那个浏览器有问题呢？答：IE7、IE8。如下图：当载入页面的时候(没有做
2017-06-05 09:18:04
795
转载 jQuery中的text()、html()和val()以及innerText、innerHTML和value
出处：http://www.cnblogs.com/fozero/p/5916878.html*jQuery中设置或者获取所选内容的值：text();设置或者获取所选元素的文本内容；html();设置或者获取所选元素的内容（包括html标记）；val();设置或者获取表单字段的值（前提是表单设置了value属性）；(text()和html()的区别是
2017-06-02 15:40:34
1245
原创 实时监听input输入的变化（兼容主流浏览器）
【转载】监听输入框的值，一般通过onchange/onkeyup/onkeypress/onkeydown实现，但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown/onkeypress/onkeyup在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完善。onpropertychange属性可在
2017-06-02 14:43:00
4239
原创 input监听 propertychange 和 oninput 和 onchange
oninput,onpropertychange,onchange的用法onchange触发事件必须满足两个条件：a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）b）当前对象失去焦点(onblur)；onpropertychange的话，只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；oninput是onpropertychange的非IE浏览器版
2017-05-27 09:58:28
1636
转载 HTML头部声明文件类型
出处：http://www.cnblogs.com/chendc/p/5407308.htmlHTML头部声明文件类型在你每一个页面的顶端，你需要文件声明。是的，必须。 如果不指定文件类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式（quirks mode）”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并
2017-05-24 17:01:22
1297
转载 IFrame和Ajax比较
出处：http://blog.csdn.net/hy6688_/article/details/38302613Ajax： 是指一种创建交互式网页应用的网页开发技术。主要是利用XmlHttpRequest对象。该对象在 Internet Explorer 5 中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest
2017-05-22 14:01:21
2053
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人