H5_wenshao的博客

原创 jQuery对checkbox的各种操作

1 //注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop23 //1、根据id获取checkbox4 $("#cbCheckbox1");56 //2、获取所有的checkbox7 $(“input[type=‘checkbox’]”);//or8 $(“input[name=‘cb’]”);910 //3、获取所有选中的checkbox11

原创 js监听盒子滚动事件判断滚动条是否触底

const content_div = $(".checkbox-container .content")[0];const form_radio = $(".sel-option")[0];console.log(form_radio, “radio”);console.log(form_radio.value, “checked”);const addEvent = (function () {if (window.addEventListener) {return function (el

原创 描点动画置顶

const goTagOne = function goTagOne(id) {const mao = document.getElementById(id);if (mao) {const pos = mao.offsetTop;function getScrollTop() {let scrollTop = 0;if (document.documentElement && document.documentElement.scrollTop) {scrollTop = d

原创 微信小程序组件库

http://inmap.talkingdata.com/wx/index_prod.html#/components/switch

原创 微信小程序点击事件传索引值找到数组中的指定对象，更新值渲染页面

原创 简单自定义日期时间封装

原创 电话号模糊处理

原创 解决elementUI在火狐浏览器限制number类型失效

原创 input正则效验

Input的校验表达式1、只是不能输入空格2、不能输入空格及英文状态下的逗号3、只能输入数字<input type=“text” maxlength=“11” οnkeyup="value=value.replace(/[^\d]/g,’’) "onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,’’))”/>4、只能输入英文及数字<input

转载 vue如何在input/el-input中限制只能输入数字且最多两位小数或其他，且能被v-model正常监听到

只能输入数字且最多两位小数 <el-input placeholder="请输入价格" v-model="feedsForm.price" onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/);this.dispatchEvent(new Event('input'))" > 在标签里用原生事件onkeyu

原创 cookie的存储和定义时效

cookie是浏览器存储数据的一种机制一、设置cookiecookie的时效分为：1、会话时效 session (关闭浏览器自动删除)(默认)2、自定义时效document.cookie = ‘name=张三’指定时效，只要不超过时间，cookie就会一直存在设定一个函数，来执行带有时效的cookie；参数一：键名参数二：数值参数三：时效 cookie的时效是当前时间的开始function mySetCookie ( key , value , time ) {//获取当前时间c

原创 jQuery中 封装 ajax请求 -- 逆战班

jQuery中封装 ajax 请求有三种：一、$.get( ) get请求方式php二、$.post( ) post请求方式php三、$.ajax( ) 请求方式php

原创 JavaScript之面向对象的基本思想--逆战班

面向对象的基本思想一、 简单的理解就是创建一个对象，给这个对象添加上属性和属性值，还有函数方法等，之后通过操作这个对象，来完成需要的效果步骤1：创建对象步骤2：给对象创建属性和属性值步骤3：给对象添加方法步骤4：定义对象返回值二、面向对象编程的三大特点1、继承继承是指从已有的类中派生新的类，新的类能够吸收已有类的数据属性和行为，并能够扩展新的功能。特点：可扩展性，代码复用。2...

原创 JS中异步执行原理--逆战班

计算机程序执行分为同步执行,和异步执行所谓的同步执行,就是正常的计算机程序执行的3大顺序流程例如：顺序控制语句 从上至下,从左至右分支控制语句 if,switch循环控制语句 for,while,do…while,for…in,forEach()所谓的异步执行,是一种特殊的程序的执行方式例如：setInterval setTimeout事件的绑定 onclick…ajax请求...

原创 JavaScript中的 “冒泡排序” 和 “选择排序”---逆战班

冒泡排序和选择排序作用原理：将数组中的数值，按照执行的顺序，从小到大排序一、冒泡排序1、原理：相邻的两个单位比较存储的数据，如果第一个单元的数据较大，就将两个相邻单元交换存储数据。2、过程：从起始单元开始比较，第一次循环会选出一个最大值，放在数组所有单元的最后，之后每次循环都会比较出一个本次循环的最大值，放在当前参与比较的最后，之前已经比较出的单元，不会参与下一次比较。如下示意图所示：...

原创 JavaScript中的 NaN---逆战班

NaN1、NaN不是一个数值（not a number）表示存储数据的数据类型，如果有非数值参与计算，结果就是NaN上面的两个变量中存储的数据都不是数值，执行结果就是NaN2、NaN有趣的特性是，即使使用 NaN 本身，它也不等于任何值：3 NaN 作为操作数当算数运算的操作数为 NaN 时，也会生成NaN 值：JavaScript 中用 NaN 表示的的“Not A Numb...

原创 CSS3浮动及定位 -- 逆战班

浮动与清除浮动一、float1、浮动指设置了浮动属性的元素会脱离文档流的控制，移动到其父元素中指定位置的过程。语法：选择器 {float: 属性值;}说明：left:元素向左浮动right:元素向右浮动none：元素不浮动（默认值）2、文档流: 是文档中可显示对象在排列时所占用的位置3、浮动的特性浮动脱离文档流，不占位置，会影响文档流，浮动只有左右浮动。浮动首先创建包含块...

原创 CSS3 动画属性 - 逆战班

1、transition： 过渡transition ：过渡效果的 CSS 属性的名称 完成过渡效果需要多少秒或毫秒 速度效果的速度曲线 过渡效果何时开始1）过渡效果的 CSS 属性的名称（一般有）：all（默认值）、no、 width、height2）transition-duration:规定完成过渡效果需要多少秒（s）或毫秒(ms)。3)transition-delay:定义过渡效果...