首页
学习
活动
专区
圈层
工具
发布

【前端】Web前端学习笔记【1】

JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中。 (2)break 语句 (不带标签引用),只能用在循环或 switch 中。...(提示:返回 false 可用于及早停止循环。)...其中: jQuery提供的辅助方法 $.extend(target, obj1, obj2, ...) , 它把多个object对象的属性合并到第一个target对象中,遇到同名属性,总是使用靠后的对象的值...jQuery插件的原则: 给$.fn绑定函数,实现插件的代码逻辑; 插件函数最后要return this;以支持链式调用; 插件函数要有默认值,绑定在$.fn....由于IE只支持事件冒泡,所以通过attachEvent()添加的事件处理程序都会被添加到冒泡阶段。 在IE中使用attachEvent()与使用DOM0级方法的主要区别在于事件处理程序的作用域。

91890
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery中常用的函数和属性详细解析

    jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object) 为扩展jQuery类本身.为类添加新的方法。...a : b; } }); 引用jQuery: 复制代码代码如下: $.min(3,4); //return 3 jQuery.fn.extend(object)给jQuery对象添加方法,是对jQuery.prototype...map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。...div标签 基本过滤选择器 $("tr:first") 匹配第一个选择的元素 $("tr:last") 匹配最后一个选择的元素 $("input:not(:checked) + span")从原元素集合中过滤掉匹配...jQuery.each( object, callback ) 一个通用的迭代器,可以用来无缝迭代对象和数组 jQuery.extend( target, object1, [objectN] ) 扩展一个对象

    3.7K10

    动态的求出最大值最小值

    3、打印在html页面中 用到的事件:change()事件——当内容改变时触发函数; 难点:元素的创建,以及添加; 达到如图中所示的效果: 解难(1):document.createElement...3、数组 步骤:1、创建一个空数组;2、将页面中所记录的输入记录全部添加进数组中; 难点:需要知道数组在这里的作用;对于数组相关的方法需要知道; 达到图中效果: 解难(1):push()—...本步骤内容:创建一个空数组,然后使用for循环对页面上的每一个p标签进行一个遍历,将每一个p标签的内容追加进空数组中,最后输出一次数组; 4、计算 步骤:1、对比输入记录中的的值,结出最大值、最小值;...5、显示 步骤:1、清理bug;2、将数据直观化 难点:作用域的概念; 达到图中效果: 本步骤内容:创建一个布尔值的全局变量,在change之间中的首要代码添加一个if判定,判定这个全局变量是否为...true;在最后输入0时全局变量改为false不再执行change事件中的“内容”; 技术点总结完毕; 源码: <!

    14910

    Valine 留言记录与最后编辑时间

    为 Valine 添加记录留言与最后编辑时间 解决了 url 出错的问题,这次决定为 valine 添加点额外功能。...,是则清除定时器(已设置),否则获取本地储存的值并设置到评论框(未设置 textarea 的 val()); 为评论框添加 input propertychange change 监听事件,获取当前评论框的值...定时器内,从本地储存获取 lastRecord (最后编辑时间)写入到动态添加的目标元素,从本地储存读取数据判断是否显示最后编辑时间。...监听 input propertychange change 事件时,设定时间变量并获取当前时间写入本地储存,将本地储存的时间写入动态添加的目标元素,从本地储存读取数据判断是否显示最后编辑时间。...已修复(使用 localStorage.removeItem("key") 来清除本地储存) 注意事项 以上所有操作均依赖于 jQuery ,需要引入 jQuery 后再执行。

    41510

    基于RequireJS和JQuery的模块化编程——常见问题解析

    如何解决requirejs中循环依赖问题 如果你定义的某个a模块使用到了b模块,而b模块又使用了a模块,那么就会抛出循环依赖的异常。 比如,我这里写了一个循环依赖的例子。 主页面: 从b开始的。...关于循环依赖的源码可以参考云盘 如何在requirejs中使用jquery 如果想要使用jquery比较简单,直接在main.js中添加对应的依赖即可: requirejs.config({ baseUrl...$('#test').html('test'); }); 如何在requirejs中使用jquery插件 对于jquery的插件,比较常见的做法都是传入一个jquery的对象,在这个jquery对象的基础上添加插件对应的方法...首先需要添加jquery插件的依赖,这里用两个插件举例子——jquery-ui和jquery-datatables requirejs.config({ baseUrl: './', paths

    3.7K100

    Django admin管理工具的使用、定制及源码解析

    事实上,类似 AppConfig 这样的类,我们希望在程序运行期间只存在一个实例对象。..., self).change_view(request, object_id, form_url, extra_context=extra_context)   注: change_view方法,允许您在渲染之前轻松自定义响应数据...从Django1.7以后不再使用app_label,修改app相关需要使用AppConfig。...‘actions’工具当然可以完成这个任务,不过过程会显得很麻烦:点击对象、选择 action、再点击一个按钮……肯定有更便捷的方式,对吧? 让我们想办法只点击一次就全部搞定。...而admin为我们提供了对应的方法:get_urls 这个方法可以让我们临时添加一个url,并且可以防止手动输入此url实现操作。

    4.8K40

    如何在前端编码时实现人肉双向编译

    这里我们可以用$代替React.createElement简化代码(终于可以用jQuery的坑位了),得益于coffee的语法,借助React.DOM可以用一种更简单的方式实现: {div,input,...添加action和reducer 最后我们添加一个按钮点击的事件和定时器,用于触发action,并编写对应的reducer处理数据。...在前面的App内部已经添加了this.props.actions.change(dom.value),这里看下action.coffee的代码: module.exports = change:...' Object.assign {},state,title:'hello ' + action.title when 'timer' Object.assign...一些其他的东西 这里只介绍一个中间件的思想,其他的特性例如异步action,或者dispatch一个promise等原理基本类似: dispatch = store.dispatch store.dispatch

    1.7K20

    JQuery最全常用方法指南

    JQuery Traversing 方法说明 eq(index) 从匹配的元素集合中取得一个指定位置的元素,index从0开始 filter(expr) 返回与指定表达式匹配的元素集合,可以使用”,”号分割多个...map(callback) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。 not(expr) 从匹配的元素集合中删除与指定的表达式匹配的元素。...slice(start, [end]) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。 add(expr) 把与表达式匹配的元素添加到jQuery对象中。...(str) 清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格 jQuery.each(object, callback) 一个通用的迭代器,可以用来无缝迭代对象和数组 jQuery.extend...可用于近似地迭代对象和数组(代替循环)。

    13.2K31

    如何在前端编码时实现人肉双向编译

    这里我们可以用$代替React.createElement简化代码(终于可以用jQuery的坑位了),得益于coffee的语法,借助React.DOM可以用一种更简单的方式实现: {div,input,...添加action和reducer 最后我们添加一个按钮点击的事件和定时器,用于触发action,并编写对应的reducer处理数据。...在前面的App内部已经添加了this.props.actions.change(dom.value),这里看下action.coffee的代码: module.exports = change:...' Object.assign {},state,title:'hello ' + action.title when 'timer' Object.assign...一些其他的东西 这里只介绍一个中间件的思想,其他的特性例如异步action,或者dispatch一个promise等原理基本类似: dispatch = store.dispatch store.dispatch

    2.6K50

    iOS基础理论(三)

    从程序启动到加载完成是一个完整的运行循环,然后会停下来,等待用户交互,用户的每一次交互都会启动一次运行循环,来处理用户所有的点击事件、触摸事件。...这个过程中必定有一个释放的动作。何时? 在一次完整的运行循环结束之前,会被销毁。 那什么时间会创建自动释放池?运行循环检测到事件并启动后,就会创建自动释放池。...13.使用block时什么情况会发生引用循环,如何解决? 一个对象中强引用了block,在block中又强引用了该对象,就会发射循环引用。...一般我们只在希望能控制“回调的调用时机”时才会这么做。 具体做法如下: 如果这个value是 表示时间的self.now,那么代码如下:最后两行代码缺一不可。 相关代码已放在仓库里。...EXEC_BAD_ACCESS前访问的最后一个object 通过 Zombie 设置全局断点快速定位问题代码所在行 Xcode 7 已经集成了BAD_ACCESS捕获功能:Address Sanitizer

    87230

    现代前端技术解析:现代前端交互框架

    前端框架的一次次变化,从提升效率的阶段,慢慢走向改善性能的阶段。 直接DOM操作时代 对于开发者来说,所有数据内容都可以通过DOM结构来组织和展示的。数据的处理和操作的核心其实就是DOM的处理和操作。...data-status属性; 推荐使用createDocumentFragment来代替createElement创建节点内容 因为createDocumentFragment可以将多个文档内容片段进行缓存,最后一次性插入...高效实用jQuery: 尽可能使用id选择器进行DOM查询操作; 缓存一切需要复用的jQuery DOM对象,使用find()子查询; 不要滥用jQuery,尽可能使用原生代码代替; 尽可能使用jQuery...前端数据对象劫持 使用Object.defineProperty和Object.defineProperties对ViewModel数据对象进行属性get()和set()的监听,当有数据读取和赋值等操作则扫描元素节点...创建Virtual DOM:把一段HTML字符串文本解析成一个能够描述它的JavaScript对象。

    1.4K30
    领券