JavaScript
文章平均质量分 79
shenwen5225
这个作者很懒,什么都没留下…
展开
-
jquery日历插件daterangepicker全面详解汇总
引入插件库<script src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script><script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterange原创 2020-06-02 18:06:10 · 6095 阅读 · 0 评论 -
自定义事件与触发 Event()
参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event/Event浏览器支持:Event() 构造函数, 创建一个新的事件对象 Event。语法new Event(type, option);参数说明:type 是DOMString 类型,表示所创建事件的名称。option 可设置以下属性:bubbles 默认值为 false,表示该事件是否冒泡。cancelable 默认值为 false, 表示该事件能否被取消。com原创 2020-05-14 15:36:07 · 774 阅读 · 0 评论 -
JS/HTML 与后台数据交互基础案例详解
文章目录1. form 表单提交2. ajax 原生代码提交3. Jquery 中的 ajax 封装使用下面列举 3 种常用的方法。1. form 表单提交普通的 form 表单提交数据时,页面会跳转到提交地址页。这里提交的地址 http://localhost/index.php 代码为:<?php echo 'GET--'.json_encode($_GET).'<b...原创 2020-02-11 23:56:33 · 1903 阅读 · 0 评论 -
ajax 版本L1L2知识点全面收集整理
文章目录什么是AjaxXmlHttpRequest 对象属性XmlHttpRequest 对象方法XmlHttpRequest 对象事件什么是AjaxAjax 全称:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法。是一种用于创建快速动态网页的技术。其优点是在不重新加载整个页面的...原创 2020-02-11 23:26:49 · 186 阅读 · 0 评论 -
容易被忽略的函数相关知识收集整理
文章目录函数的 name 属性双冒号运算符尾调用尾调用优化尾递归尾递归优化函数的 name 属性新增函数的 name 属性,返回该函数的函数名。//这个属性早就被浏览器广泛支持,但是直到 ES6,才将其写入了标准。function foo() {}foo.name // "foo"//如果将一个匿名函数赋值给一个变量时://ES5 的name属性,会返...原创 2020-02-07 14:17:25 · 143 阅读 · 0 评论 -
ES6 函数参数默认值处理
ES6 新规范中可以给函数的参数指定默认值。//ES5 的一种变通方法function run(x){ x = x === undefined ? 0 : x; console.log(x)}run(); //0run(false); //falserun(8); //8//ES6 新增function run(x=0...原创 2020-02-07 14:08:16 · 455 阅读 · 0 评论 -
ES6 箭头函数语法大全
es6 箭头函数和参数文章目录箭头函数箭头函数ES6 允许使用箭头函数 =>。它表达式的语法比函数表达式更简洁,它没有自己的 this,arguments,super,new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。箭头函数有几个使用注意点:1.函数体内的 this 指向该函数定义时当前作用域中的 this。2.不可以当作构造函数,...原创 2020-02-07 13:48:20 · 268 阅读 · 0 评论 -
Range 对象
文章目录对象只读属性对象方法Range 对象表示一个包含节点与文本节点的一部分的文档片段。浏览器支持:IE9+ 及主流浏览器都支持,其中有少数几个方法个别浏览器不支持。获取 Range 对象1.Document.createRange 方法创建 Range。var range = document.createRange();2.通过 Document 对象的构造函数 Range()...原创 2020-01-27 00:55:17 · 600 阅读 · 0 评论 -
Selection 对象
获取 Selection 对象var selObj = window.getSelection();//或者 document.getSelection();Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区,可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。术语锚点(anchor):锚指的是一个选区的起始点(不同于HTML中的锚点链接)...原创 2020-01-26 01:14:12 · 848 阅读 · 0 评论 -
contentEditable 中光标控制
文章目录简易 div 输入框1.获取光标位置2.设置光标位置3.设置选中区域4.获取选中内容5.在光标处插入内容简易 div 输入框HTML5规范引入了 contenteditable 属性,它几乎可以用在任何元素上,只要添加这一属性 即可变为可编译区域。查看详情一个简单的 <div> 输入框: <style> .editdiv{ min-heigh...原创 2020-01-22 17:59:33 · 4813 阅读 · 1 评论 -
textarea 高度自适应和光标控制
文章目录相关知识点封装工具相关知识点textatea 输入框特点具有默认的宽度和高度,输入内容到边会自动换行,可设置 white-space:pre; 使其水平不会自动换行除非按下enter键。无论是否设置高度,输入内容高度超过会出现滚动条,可监听其 scrollHeight 使其高度随内容高度自适应。输入中按下enter换行时根据浏览器不同会在光标处插入换行符 ‘/r/n’ 或 ‘/...原创 2020-01-22 12:33:23 · 979 阅读 · 0 评论 -
光标与光标位置
文章目录设置光标的颜色光标控制基础API封装方法设置光标的颜色输入框光标默认颜色和输入框文字颜色相同,高度随字体大小改变。1.利用文字镂空模拟实现input,textarea { color: red; /* 光标的颜色随文本颜色*/ -webkit-text-fill-color: transparent; /*让文本颜色透明*/ text-shadow: 0px...原创 2020-01-21 18:06:37 · 3361 阅读 · 0 评论 -
移动端软键盘遮挡问题
文章目录scrollIntoView 介绍防遮挡具体使用利用 scroll 实现防遮挡scrollIntoView 介绍移动端的H5页面,当输入框元素获取焦点时,会吊起软键盘,如果输入框被软键盘遮挡了,则页面会发生滚动使输入框显示在可视区。浏览器这种默认处理机制在元素设置了绝对定位或设置了html,body{height:100%;}时可能会失效,通常需要手动处理。防软键盘遮挡的处理思路:...原创 2020-01-21 12:36:52 · 994 阅读 · 0 评论 -
页面编辑器API
当一个HTML文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。当使用 contentEditable时,调用 execCommand() 将影响当前活动的可编辑元素。简单说,就是 document 具有 execCommand 方法,可以操纵具有属性 contentEditable 的元素中的内容。contentEdita...原创 2020-01-20 18:49:46 · 566 阅读 · 0 评论 -
vue中px自动转rem插件使用
在用vue写移动端的项目时会用到rem适配,而将px计算转换rem比较麻烦也不好修改,并且许多UI插件使用的单位仍然是px,这时我们可以使用 postcss-pxtorem 工具帮助我们自动转换。以 vue-cli2.0 创建的项目为例:1.在 src/assets/js/ 文件夹下创建 rem.js 文件,自定义 html 的 font-size 大小,例:/* 移动端适配 */;(fu...原创 2020-01-20 12:18:54 · 5272 阅读 · 0 评论 -
移动端文件上传和图片压缩
HTML5中,input 元素新增 accept,capture 属性可用于在手机端调用相册和相机。accept 允许选择的文件类型。详情capture 调用设备的摄像头或麦克风。详情浏览器支持:Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 都支持。大致规范如下:1.当 accept=“image/*” 时,capt...原创 2020-01-20 10:58:25 · 667 阅读 · 0 评论 -
JS 对象 Object
文章目录Object 对象的属性和方法Object 静态方法Object 是一个构造函数,当然他也是一个对象。ECMAScript 中的所有对象都由这个对象继承而来,Object 对象中的所有属性和方法都会出现在其他对象中。创建实例对象var obj1 = { a:1, b:2 }; //1.字面量语法,内部自动调用了 new Object()var obj2 = ...原创 2020-01-17 11:28:36 · 108 阅读 · 0 评论 -
Object.create 方法
Object.create(proto,prop) 创建一个新对象,使用现有的对象来提供新创建对象的原型对象。/*参数 proto 新创建对象的原型对象 prop 可选。如果没有指定为 undefined,是要添加到新创建对象的可枚举属性(设置属性描述)*/-------------------------------------------------------------...原创 2020-01-17 11:25:35 · 2031 阅读 · 0 评论 -
JS 对象概念与数据类型
文章目录对象的概念数据类型对象的概念对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,称之为对象里面的属性和方法)。JavaScript中的3大对象,分别是本地对象、内置对象和宿主对象。1.本地对象与宿主无关,独立于宿主环境的ECMAScript实现提供的对象。本地对象就是 ECMA-262 定义的类(引用类型)。需要通过new来创建所需的实例对象。包括:Object、...原创 2020-01-17 09:46:25 · 108 阅读 · 0 评论 -
ES6 解构赋值
文章目录数组解构赋值对象解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号使用解构赋值常见用途ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。数组解构赋值只要等号两边的模式相同,左边的变量就会被赋予对应的值let [a, b, c] = [1, 2, 3]; // a = 1, b = 2...原创 2020-01-16 12:46:51 · 83 阅读 · 0 评论 -
JS 变量
文章目录ES5 基础ES6 新增变量声明ES5 基础变量是存储信息的容器。命名规则如下:1.变量必须以字母开头2.变量也能以 $ 和 _ 符号开头(不推荐这么做)3.变量名称对大小写敏感(y 和 Y 是不同的变量)声明(创建) JavaScript 变量:var name; //未赋值的变量,其实际值是:undefinedname = "aaa"; ...原创 2020-01-16 11:03:10 · 76 阅读 · 0 评论 -
JavaScript 错误(Error)及处理错误
一、概述程序的非正常运行状态被称为“异常”或“错误”,解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。ECMAScript 定义了六种类型的错误:ReferenceError :找不到对象时TypeError :错误的使用了类型或对象的方法时RangeError :使用内置对象的方法时,参数超范围SyntaxError ...原创 2019-03-01 17:31:30 · 1494 阅读 · 0 评论 -
JavaScript 对象详解(二)
1.以字面量方式创建一个对象var obj = { name: 'Jone', age: 25 };包含的基本信息:自身的:键名(属性名): name , age键值(属性值): Lee , 20属性描述信息: −\color{#EEF0F4}{-}−age: {−\color{#EEF0F4}{-}−value: 20, −−−−−\color{#EEF0F4}{-----...原创 2019-02-28 14:55:21 · 82 阅读 · 0 评论