3 我还记得那天夕阳下的奔跑

尚未进行身份认证

前端小白

等级
TA的排名 12w+

jquery 实现DOM节点增删+循环获取表单值 示例

交互:1.点击“添加故障”:可添加多个故障,默认首次进入展示一条故障录入框,添加上限不限;点击“删除故障”,可删除最近一条故障,删除至仅有一个故障后,“删除故障”按钮消失;2.点击“添加方案”:可添加多个方案,默认展示一个方案,添加上限不限;点击“删除”,可删除该方案,删除至仅有一个方案后,”删除“按钮消失。图1弹框初始样式图2点击几次”添加故障“按钮图3点击几次”添加绑定方...

2018-11-21 17:52:16

微信公众号页面禁止长按弹出系统菜单,兼容ios和安卓

cssSelect{-webkit-touch-callout:none;/*系统默认菜单被禁用*/-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/*用户是否能够选中文...

2018-09-18 14:34:21

实现移动端复制粘贴指定内容,兼容ios和安卓

最近做一个微信公众号的需求,有个复制功能,需要复制券码。如下图所示:我使用了clipboard.js插件,发现能兼容ios和安卓。我的使用方法如下:<divclass="coupon-code-box"id="copy-target"><p>卷码1: 456645978qqf114</p><p&gt

2018-09-17 16:53:17

微信二次分享解决方案

这几天做一个微信公众号的需求,有个分享功能。发现分享从公众号分享到微信是正常的,可以看到缩略图、名称、描述,但是直接转发该分享或者点开该分享再次通过微信分享时,就只出现了链接地址,也没有缩略图。测试的图片如下:图1第一次分享-正确图2第二次分享-不正确原因:我的情况是,触发分享事件的页面与分享的目标页面不是同一个页面,当用户通过分享链接点开页面并分享该页面,由于该页面(前面...

2018-09-17 15:03:58

DOM 扩展

对DOM的两个主要的扩展是SelectorsAPI(选择符API)和HTML5。以下内容注意兼容性。一、选择符API1、querySelector()方法接收一个参数,即CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。2、querySelectorAll()方法接收一个参数,即CSS选择符,但返回的是所有匹配的元素而不仅仅是一个元素。这个方法返...

2018-08-30 16:01:40

DOM1

DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),DOM定义了访问HTML和XML文档的标准。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。此处主要讨论与浏览器中的HTML页面相关的DOM1级的特性和应用,以及JavaScript对DOM1级的实现。注意,IE中的所有DOM对象都是以COM对象的形式实现的...

2018-08-28 18:02:27

js数组迭代方法

ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象–影响this的值。//其中(可选的)这个参数暂时未遇到过。其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。下面是5中方法的介绍:every()对数组中的每一项执行函数,如果每一项都返回true,则该方法返回true。some()对数...

2018-07-02 14:56:21

解决webstorm卡顿

每次打开webstorm都卡死了,总是记不住怎么处理,在此记录一下我常用的方法,方便查找。原因:webstorm在加载项目的时候,会扫描所有的文件,并建立索引。解决办法:在对应文件上右键->markdirectoryas->excluded,这样就可以把这个文件标记并排除出来,使webstorm不会扫描这个文件下面的文件,同样其他的独立的文件也可以如此处理,需要恢...

2018-06-29 16:03:12

web移动端开发技巧与注意事项汇总

一、meta的使用1、<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览2...

2018-06-22 17:20:33

BOM——history 对象

history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。因为history是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。出于安全方面的考虑,开发人员无法得知用户浏览过的URL。不过,借由用户访问过的页面列表,同样可以在不知道实际URL的情况下实现后退和前进。使用go()方法可以在用户的历史记...

2018-06-15 09:54:12

BOM——location 对象

location是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location对象是很特别的一个对象,因为它既是window对象的属性,也是document对象的属性;换句话说,window.location和document.location引用的是同一个对象。location对象的用处不只表现在它保存着当前文档的信息,还表现在它将U...

2018-06-14 16:03:46

BOM——window 对象

BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的全局对象。因此所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。varage=29;wind...

2018-06-14 13:35:08

闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,以createComparisonFunction()函数为例。functioncreateComparisonFunction(propertyName){returnfunction(object1,object2){varvalue1=objec...

2018-06-13 15:07:04

递归函数

递归函数是在一个函数通过名字调用自身的情况下构成的,如下所示。functionfactorial(num){if(num<=1){return1;}else{returnnum*factorial(num-1);}}这是一个经典的递归阶乘函数。虽然这个函数表面看来没什么问题,但下面的代码却可能导致...

2018-06-11 10:54:51

鼠标悬停图片位置呼出浮层,点击浮层按钮可上传图片替换原图

举个栗子,鼠标悬停头像位置呼出浮层,点击浮层按钮可修改头像。不说废话,直接看效果图:        图1正常情况下              图2鼠标悬停于头像位置时html代码:<divclass="user-avatar">    <imgid="headUrl">     <divclass="modify-avatar"...

2018-06-01 17:19:21

前端HTML5几种存储方式的总结

转自http://www.cnblogs.com/LuckyWinty/p/5699117.html总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。 目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器 ...

2018-05-25 09:58:25

自定义单选框样式

大多数情况下我们需要重新定义单选框的样式,比如下图:html代码如下:<divclass="user-info-detail">    <p>        <spanclass="item-name">性别</span>        <labelclass="choice-itemradio-sex"fo

2018-05-07 14:18:54

动态填充两个相关联的下拉框(如二级地址)

动态填充两个相关联的下拉框。例如:先获取所有的省,然后根据用户选中的省再获取该省的所有市。效果如下图:                                                                图1                                                                图2html代码如...

2018-05-07 11:38:06

实时计算用户输入的字符数

某输入框限定最多输入15(或其他数字)个字符并实时计算用户输入的字符数,显示出可输入字符数。右下角数字表示允许长度,数字可到负,到负标红。效果如下图:html代码如下:<divclass="user-info-detail">    <p>      <spanclass="item-name"><iclass="ico...

2018-05-03 18:24:52

js 引用类型 -- Function类型

函数实际上是对象。每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数通常是使用函数声明语法定义的,如下面的例子所示。functionsum(num1,num2){    returnnum1+num2;}这与下面使用函数表达式定义函数的方式几乎相差无几。var...

2018-04-18 18:06:19

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!