JavaScript
JavaScript专栏
Eric-x
永远相信美好的事情即将发生
展开
-
如何使用Webpack打包
简单的说了一下webpack是干嘛的,和webpack如何安装,如何进行打包,步骤很详细,感兴趣的同学可以试着操作一下。文章目录1、webpacks是什么?2、Webpack安装3、初始化项目4、使用webpack进行JS打包5、使用webpack进行CSS打包总结1、webpacks是什么?Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、le.原创 2022-04-22 15:24:37 · 12846 阅读 · 3 评论 -
JS中const、let、var的区别和用法
var、let、const的区别,看这一篇就够了原创 2022-01-23 15:35:36 · 445 阅读 · 0 评论 -
JS 指定区域打印功能
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>局部打印案例</title> <script type="text/javascript"> function doPrint() { bdhtml=window.document.转载 2021-12-29 09:51:44 · 875 阅读 · 0 评论 -
JS中子页面调用父页面方法和变量
直接了当原创 2021-12-15 09:26:35 · 7227 阅读 · 0 评论 -
Layui回填table表格中的单选框
相信知道layui这个前端框架的小伙伴对于它并不陌生。这里长话短说,layui进行数据回填的非常的方便的,但关于table模块的单选框回填在网上资料却很少,这里写的就是如何对Layui中的table进行单选框的回填。要回填表格中的单选框,需要先了解一个属性,parseData,如下图是Layui官方对于该参数的解释。该参数理解起来也很简单,就是可以通过该参数来操作后台返回过来的原数据。具体使用如下:table.render({ elem: '#authorizeTable' , url: '${原创 2021-12-13 15:59:01 · 3880 阅读 · 0 评论 -
script标签放在页面头部和尾部的区别
script标签放在页面头部和尾部的区别一般script标签会被放在头部或尾部。头部就是里面,尾部一般指里------放在各个位置的区别1.标签放置在标签内部时: 将script放在里,浏览器解析HTML,发现script标签时,会先下载完所有这些script,再往下解析其他的HTML。讨厌的是浏览器在下载JS时,是不能多个JS并发一起下载的。不管JS是不来来自同一个host,浏览器最多只能同时下载两个JS,且浏览器下载JS时,就block掉解析其他HTML的工作。将script放在头部,会让网页原创 2020-11-02 10:04:51 · 4712 阅读 · 1 评论 -
layui switch 开关监听 弹出确定状态转换,点击之后才修改开关状态
layui switch 开关监听 弹出确定状态转换,点击之后才修改开关状态这个插件是一个checkbox,只是在layui中封装了。所以layui的js和css是必不可少的。这是效果图。话不多说,直接上代码HTML代码如下:> <form class="layui-form" action=""> <div class="layui-form-item"> > <label class="layui-form-label">开关</la原创 2020-10-21 15:09:27 · 1449 阅读 · 0 评论 -
layui表格实现多选表格行批量删除
话不多说,直接上代码首先这种方法要用layui数据表格中的“开启表格头部工具栏区域”功能,HTML代码如下js代码如下(layui渲染表格)删除所选js方法说一下整体思路:首先一个很普通的渲染表格,只是在表头中需要放一个隐藏列,用来存储ID。然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行,接着通过循环选中行的长度,将该行的ID字段一个个添加到数组中,这样就获取到了需要删除多行的ID值了。全程图片,完整过程!如不懂,可私聊作者...原创 2020-10-11 20:21:01 · 3424 阅读 · 0 评论 -
17jQuery中的Ajax与异步操作
1、jQuery中的Ajax写法.ajax(type:类型,“POST”或“GET”,默认值为“GET”url:发生请求的地址async:设置异步,true(异步)或false(同步)默认truedata:是一个对象,连同请求发送到服务器的数据dataType:服务器返回的数据类型,一般设置为“json”success:是一个方法,请求成功后的回调函数error:是一个方法,请求失败时调用此函数传...原创 2020-04-29 18:39:22 · 124 阅读 · 0 评论 -
16jQuery中的动画效果
1、jQuery的基本动画效果(1)显示元素:show()(2)隐藏元素:hide()(3)显示或者隐藏:toggle(参数一,参数二,参数三)以上这三个方法可以有参数,也可以没有参数参数一:执行时间,show为600毫秒,delay为800毫秒也可以自定义,自己写的不需要加双引号参数二:切换效果:默认为swing,也可以改为linear参数三:要执行的函数,也可以直接写个function 2、j...原创 2020-04-29 16:39:34 · 109 阅读 · 0 评论 -
15jQuery中的事件介绍
1、jQuery中的事件(1)单击事件:click(2)双击事件:dblclick(3)按下鼠标:mousedown(4)松开鼠标:mouseup(5)鼠标移入:mouseover(6)鼠标移出:mouseout(7)鼠标移动:mousemove(8)指针穿过元素:mouseenter(9)指针离开元素:mouseleavemouseover和mouseover区别在于:mouseover 子元...原创 2020-04-29 15:47:16 · 112 阅读 · 1 评论 -
14jQueryDOM节点的操作与元素的筛选
1、jQuery中节点的添加(1)插入指定元素的内部通过jQuery创建节点,并添加属性和文本内容var str = (“<divclass=’box’>新创建的节点</div>”)将新创建的节点插入到指定元素中(“<div class=’box’>新创建的节点</div>”)将新创建的节点插入到指定元素中(“<divclass=’box’&g...原创 2020-04-29 11:11:59 · 129 阅读 · 0 评论 -
13jQuery基础使用与样式篇(jQuery和DOM之间的相互转换)
1、jQuery中的页面加载事件:(1)$(document).read(function(){ }); 可以有多个该事件2、jQuery与DOM的相互转换(1)DOM对象转为jQuery对象 (2)jQuery对象转为DOM对象方法一:直接通过jQuery对象的索引进行转换 方法二:通过jQuery的get(索引)方法进行转换 3、jQuery的基本使用3.1:属性的操作:获取属性、设置属性(...原创 2020-04-29 11:10:39 · 119 阅读 · 0 评论 -
12JavaScript异步Ajax与json、XMLHttpRequest总结
1、JSON(1)JSON中所有的数据都是通过键值对的形式存在,(2)在JSON中A. 没有声明变量B. 末尾没有分号C. 数据由逗号分离D. 花括号保存对象E. 方括号保存数组(3)JSON值可以是:A. 数字(整数或浮点数)B. 字符串(在双引号中)C. 布尔值(true或false)D. 数组(在方括号...原创 2020-04-28 17:20:04 · 167 阅读 · 0 评论 -
11JS中的Form表单基本使用(表单提交)
1、form表单事件(1)提交表单发生的事件:onsubmit(2)重置按钮被点击发生的事件:onreset2、Form表单中的action(1)规定向何处提交表单的地址(URL)|(提交页面)(2)可以用来提交地址3、method:提交方式(1)get:为默认提交方式,在网页链接上看的到表单填写的信息a. :可以通过参数形式接收数据b. :通过创建对象和属性接数据(2)post:安全一点,对于表...原创 2020-04-28 09:43:06 · 2074 阅读 · 0 评论 -
10JS中的浏览器对象模型BOM总结
1、浏览器对象模型BOM在BOM中有一组对象用来对浏览器的操作(1)window对象:代表的是整个浏览器窗口,同时window也是网页中的全 局对象(2)Navigator:代表当前浏览器的信息,通过该对象可以识别不同的浏览 器(3)Location:代表当前浏览器的地址栏信息,通过该对象可以获取地址 栏信息,或操作浏览器页面跳转(4)History:代表浏览器...原创 2020-04-27 17:28:59 · 122 阅读 · 0 评论 -
09JavaScript中的事件(键盘事件、执行多次事件、事件冒泡、事件委派)
1、JS事件(1)点击事件:onclick(2)双击事件:ondblclick(3)失去焦点:onblur(4)获得焦点:onfocus(5)鼠标移入:onmouseover(6)鼠标移出:onmouseout(7)鼠标移动:onmousemove(8)窗口尺寸被调整:onresize(9)按下鼠标:onmousedown(10)松开鼠标:onmouseup(11)滚动鼠标滚轮:onmousewh...原创 2020-04-27 11:00:16 · 451 阅读 · 0 评论 -
08JavaScript文档对象模型DOM总结
1、获取节点(1)document.getElementById(通过ID来获取节点)(2)document.getElementsByTagName(通过标签来获取节点)(3)document.getElementsByClassName(通过class来获取节点)注意:第二种和第三种方式获取到的都是数组 a. 父节点.firstchild:获取元素的首个子节点b. ...原创 2020-04-26 16:44:13 · 79 阅读 · 0 评论 -
07JavaScript中的正则表达式和常用正则
1、string对象:(1)search:查找(括号里为要查找的内容)(2)Substring:获取字符串(起点,终点)获取的值不包括终点那个字符(3)Charat:获取某个字符(括号里为数组的索引)返回字符串中的某一位(4)Split:分隔字符串,将字符串分隔成数组(5)Match:会将匹配到的内容封装到一个数组中返回,但是只会寻找第一个符合要求 的内容,如果需要多个内容,那么要加一个全...原创 2020-04-26 16:43:17 · 98 阅读 · 0 评论 -
06JavaScript中的内建对象
1、数组:1、1数组的基本介绍:(1)数组也是属于对象的,对于连续的数组,使用length可以获取到 数组的长度,对于非连续的数组,使用length获取的是自身长度。(2)修改lenght:a. 如果修改的length大于原长度,那么多出的部分会空出来b. 如果修改的length小于原长度,那么多出的部分会被删除(3)通过构造函数创建的数组,如果括号里面只有一个值,那么这个...原创 2020-04-26 16:42:12 · 100 阅读 · 0 评论 -
05JS函数的基本认知
1、函数的基本使用(1)在函数体内,要先声明,在调用(2)代码是从上往下执行,并且不会执行return后面的函数(3)如果是通过表达式来创建的函数,是不可以提前调用的,只能 在函数表达式后面调用。(4)函数参数中,[形参一,形参二],这里的【】表示可以使用参数, 也可以不使用方括号里面的参数2、构造函数(1)构造函数就是一个普通的函数,创建方式和普通函数没有区别, 不同的是构造函数习惯...原创 2020-04-26 16:41:13 · 90 阅读 · 0 评论 -
04JavaScript对象
1、Object:对象数据类型,在JS中,除了string、number、boolean、 null、 undefined这五种基本数据类型,其它的值只要不是 这五种数据类型,都属于对象 2、在对象中,可以存储多个不同数据类型作为该对象的属性,有三种不同的分类(1)内建对象(2)宿主对象(3)自定义对象 3、创建对象,通过new关键字例如:var i = new o...原创 2020-04-26 16:40:04 · 91 阅读 · 0 评论 -
03JS中的流程控制语句
在JS程序中,有三种基本流程结构(1)顺序结构:根据顺序一条一条的执行代码,从上到下(2)分支结构:执行代码的时候,根据条件的成立进行选择例如:if else语句 和switch语句(3)循环结构:用来重复不断地的做同一件事例如:for循环 、white循环、for in循环 do…white循环1、if…else判断语句:该语句是在指定的条件成立时执行代码,在条件不成立时执行else...原创 2020-04-26 16:38:58 · 133 阅读 · 0 评论 -
02JS中的运算符
1、JavaScript运算符(1)算术运算符:+ 加 :可以对两个值进行加法运算,如果是两个字符 串类型则进行拼接- 减 * 乘 /除这三个字运算符都是对两个值进行运算,并返回运算 结果%取模 :取余数++ 自增 但是每次只能加一个-- 自减 同上(2)关系运算符:> :大于 >= :大于或者等于<:小于 ...原创 2020-04-26 16:37:11 · 109 阅读 · 0 评论 -
01JS中的基本数据类型和标识符命名规范的基本认识
1、在JS总一共有六种数据类型:(1)string 字符串 (2)number:数值(包括了整数、浮点数、NaN)(3)boolean:布尔值(true/false) (4)null:空值(5)undefined:未定义 (6)object:对象其中基本数据类型有:string、number...原创 2020-04-26 16:33:06 · 151 阅读 · 0 评论