![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
每日总结
weixin_45253306
这个作者很懒,什么都没留下…
展开
-
js 数据生成excel,xlsx.full.min.js的使用
var deviceList = [ ["姓名","性别","年龄"], ["小明","男","23"] ] var sheet = XLSX.utils.aoa_to_sheet(deviceList); openDownloadDialog(sheet2blob(sheet), 'device-user-table.xlsx'); // 下面两个是网上的大神封装的函数 // 将一个sheet转成最终的excel文件的blob对象 function sheet2blob(.原创 2021-03-03 17:30:28 · 2515 阅读 · 1 评论 -
jquery封装ajax的使用
废话不多说,直接上代码,一个简单的例子 <!-- 先加载jquery --> <script src="./js/jquery.js"></script> <script> // 一个简单例子,向demo.php传两个数1和2,php将相加的结果返回 getAjax(); // ajax请求的函数 function getAjax(){ $.aj原创 2020-05-08 21:29:14 · 170 阅读 · 0 评论 -
ES5构造函数语法 和 ES6构造函数class
构造函数的定义:专门用于生成对象数据类型的函数,其本质也是一种函数。构造函数又具体分为:1.JavaScrip程序定义好的构造函数,称为内置构造函数;2.在项目中自行定义的构造函数,称为自定义构造函数。构造函数与普通函数的区别:1.构造函数一定要和关键词new一起使用;2.语法规定,构造函数的函数名称第一个字母必须大写,使用大驼峰命名法;3.用于给实例化对象定义属性和方法的语法,与一般...原创 2020-04-19 21:33:19 · 172 阅读 · 0 评论 -
js节点
<!-- 节点: 整个HTML文件中的所有内容都视为一个节点,可以通过节点操作HTML文件。 节点和dom操纵相似,单笔dom更加丰富和复杂。 通过节点获取的对象和通过dom获取的对象geshi实际上是相同的 --> <div name="div" index ...原创 2020-04-08 20:23:49 · 67 阅读 · 1 评论 -
标签占位、鼠标和键盘事件
1,获取标签的占位 (1),通过属性值方式获取标签对象的对应属性 标签对象.sytle.width (2),通过标签对象的属性来获取 offsetHeight offsetWidth 高/宽 + padding ...原创 2020-04-02 20:50:33 · 133 阅读 · 0 评论 -
js实现简单的秒表
思路:使用定时器setInterval(,10)每一毫秒进行一次计数存储在一个变量中,通过将该变量取余、计算得到秒、分、时等,再将这些数据动态的显示。设置三个按钮:第一个按钮包含有开始、暂停和继续功能,第二个按钮是记录时间,第三个按钮用来重置时间。代码:<div id="tim"></div> <button id="startAndPause">...原创 2020-04-01 12:08:56 · 277 阅读 · 0 评论 -
DOM之获取标签元素、属性和属性值
1,获取标签元素 docunment.getElementById('id') 只能获取一个id标签 docunment.getElementByClassName('class') 获取class标签,结果是一个为数组,不能用forEach document.getElementsByTagName('标签名称') 获取结果...原创 2020-03-30 20:35:42 · 6904 阅读 · 0 评论 -
BOM操作
1,三大弹窗 window.alert() 提示框/警告框 window.confirm() 确认框 点击“确认”返回true,点击“取消”返回false window.prompt() 输入框 输入的数据都会转化为字符串,如果是数字则需要在转化回来2,地址栏 window.location 地址栏信...原创 2020-03-29 20:58:46 · 89 阅读 · 0 评论 -
js时间获取和BOM弹窗、滚动条操作
1,同步异步 计算机程序中,大部分都是同步程序:分支和循环语句等 有特殊的程序是异步程序 : 定时器,延时器 事件的绑定 ajax请求 异步程序会被存储在异步池中,当所有的同步程序执行结束,再开启异步池,同时开始执行异步程序,时间短的异步程序,先执行。2,Date的设定和获取 var ...原创 2020-03-26 20:38:01 · 335 阅读 · 0 评论 -
js制作时钟以及数字转汉字
思路:先将数字转化为字符串,再将字符串以“”进行分割为数组,通过调用数组中的数字,循环进行替换。将最后的结果进行处理。比如:11会转化为“一十一”,需要将“一十”替换为“十”,再比如20会转化为“二十零”,需要将“十零”替换为“十” <div id="clock"></div> <script> clock.innerHT...原创 2020-03-25 22:19:16 · 303 阅读 · 0 评论 -
js时间与定时器
一、定时器 // 定时器 // 根据设定的时间间隔,来循环执行程序 // 只要定时器不停止,程序就会一直执行 // setInterval( 参数1 , 参数2 ) // 参数1:要执行的程序,必须是一个函数的形式 function(){ 定义程序 } // 参数2:执行程序的间隔时间 单位是毫秒 ...原创 2020-03-24 21:43:44 · 419 阅读 · 0 评论 -
js对象
对象的创建对象是以键值对的形式存在的,与数组不同的是对象的键是我们认为赋予的,而数组是自动生成的索引。数组可以通过索引下标调用数据,而对象通过键名去调用数据。// 1, 字面量方式声明 // 对象当中的数据,必须是键值对形式 / 属性 属性值 // 必须自己定义 数据的键名 和 数据的数值 // 键名 : 数据 // 键名的...原创 2020-03-23 22:51:11 · 63 阅读 · 0 评论 -
js深浅拷贝
一、数据类型和存储数据类型在js中分为基本数据类型和引用数据类型,其中基本数据类型有:String, Number, Boolean, Null, Undefined等,而引用数据类型有:数组、函数、字典等。他们的存储方式是不同的。对于基本数据类型的数据直接存储在栈中。对于引用类型的数据,在栈中存储的只是一个地址,真实的数据存储在地址对应的堆中。由此引出了一个问题,当我们把‘变量1’...原创 2020-03-21 22:37:16 · 57 阅读 · 0 评论 -
js数组的增删改以及冒泡和选择排序
一、数组的操作方法1、通过下标修改、删除或添加数组中的内容 var arr = [1,2,3,4] 可以通过arr[0]=10,将arr中的1修改成10 可以通过arr[3]=40,向arr的第4位添加数据 如果有间隔的添加,比如arr[10]==100,则第10位为100,中间的都为空 删除是通过缩短数组的长度,但只能从后面开始删除。2、通过调用操作数组的方法进行增加和删除操作...原创 2020-03-19 21:23:02 · 76 阅读 · 0 评论 -
js数组
一、定义数组1、定义时赋值 //一维数组 var arr1 = ['麻子','女',21,'锡林郭勒盟'] //二维数组 var arr2 = [ ['张三','男','18','河南'], ['李四','男','19','上海'], ['王二','女','20','贵州'], ['麻子','女...原创 2020-03-18 20:59:03 · 71 阅读 · 0 评论 -
js函数预处理以及变量作用域
一、预处理JavaScript的预解释/预解析JavaScript 是 解释型 计算机语言 在 程序执行之前,会先将定义的程序,预先解释,也就是预先模拟执行一遍,找到程序中的关键词 var function 两个关键词,以及它们定义好的变量或函数。对于变量而言,如果先使用后定义,由于预处理机制,并不会报错。 console.log(int); // 后定义变量 var...原创 2020-03-17 21:16:20 · 185 阅读 · 0 评论 -
js函数封装与调用
函数的使用可以减少大量重复的代码,封装好一个函数之后,可以在后面多处去调用,有时候使用别人封装好的函数,都不需要去了解该功能是如何实现,只需要知道函数是如何使用的即可,非常之方便。语法 1,关键词 : function 2,函数名称 : 符合变量的命名规范 3,函数的参数 : 函数的执行数据 4,函数的程序 : 封装在函数{}中的程序内容 ...原创 2020-03-16 21:33:07 · 3346 阅读 · 1 评论 -
for循环、break与contrnue、循环嵌套
1、 for循环for(定义循环变量的初始值 ; 判断进入条件 ; 步长){ 循环体} for循环是应用最广泛的循环形式 适用于已知循环次数,循环嵌套情况 for循环可以和while循环进行转化 两个语法,只是形式不同,作用,功能等全都完全相同 for循环的优点之一,是将与循环变量和循环次数相关的设定,都定义在()中设定内容更加集中,不容易造成语法形式混乱...原创 2020-03-14 22:11:07 · 228 阅读 · 0 评论 -
js分支语句以及while语句
1,随机数的使用 JavaScript中,生成随机数值的方式与其他语言不同 Math.random() 生成 0 - 1 之间的小数 可以取到 0 , 不会取到1 如果要生成 a - b 范围之间的数值 要取到 a 和 b parseInt( Math.random()*( b+1-a ) + (a) ...原创 2020-03-14 21:53:11 · 923 阅读 · 0 评论 -
js运算符
1,算术运算符 + - * / % (1) , + 如果有字符串参与,执行的是字符串拼接 带有 '' "" `` 的内容,才是字符串 (2) , % 求模 / 求余数 结果的正负与被除数的正负是相...原创 2020-03-14 21:49:39 · 79 阅读 · 0 评论 -
html响应式布局
1. 响应式布局用一套代码,去适配不同的设备。既可以运行在PC端,也可以运行在移动端。注:比较适合小网站,个人博客,产品介绍页...2. CSS3 媒体查询即media queries,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。1024分辨率以上:PC端1024 ~ 768 : pad pro768 ~ 450 : pad ...原创 2020-03-14 21:40:02 · 319 阅读 · 0 评论 -
html5与xhtml以及html语义化
一. HTML5 与 XHTML区别HTML4.01 -> HTML5( 功能强大 )XHTML : XML + HTML ( 严格版本的HTML ) 发展 XHTML2.0区别: DOCTYPE文档及编码 HTML5 : <!DOCTYPE html> XHTML和HTML4.01 : <!DOCTYPE html...原创 2020-03-14 21:33:17 · 82 阅读 · 0 评论 -
移动端rem布局
一. rem布局 好处: 不同设备下看起来比较协调。 坏处: 显示的内容并不会在大屏幕展示的内容多。 em : 是一个相对单位,1em等于当前元素或父元素的font-size值。 1em == 1个font-size的大小 rem : 是一个相对单位,1rem等于根元素的font-size值。 1rem == ...原创 2020-03-14 21:29:48 · 109 阅读 · 0 评论 -
html移动端处理
一、 当用户访问淘宝网站的时候,网站做了什么处理?大网站:一般情况下,PC端的网页和移动端的网页是两套代码。用户:www.taobao.com -> 淘宝的服务端(检测用户是PC端过来,还是移动端) -> PC端 -> https://www.taobao.com -> 移动端 -> 后端重定向 -> https://ma...原创 2020-03-14 21:25:31 · 157 阅读 · 0 评论 -
flex弹性盒模型和grid网格布局
一、flex弹性盒模型适合做屏幕自适应的网页两部分: 1.父元素添加 display:flex flex-direction: row 左右排列 row-reverse 左右镜像颠倒 Colum 让子元素上下排列 Colum-reverse 上下镜像颠倒 flex-wrap:是否进行换行处理 nowrap(默认) 不换行 wrap 换...原创 2020-03-14 21:18:51 · 195 阅读 · 0 评论 -
js类型转换
一、知识点总结可以使用typeof(变量名)来检测该变量的数据类型undefined null true false NaN 虽然看起来都是 字符 但是他们都是 一种数值 NaN(not a number):虽然表示该数值不是一个数,但却是数值类型数据类型转换:是指将一种类型的数据转换成另一种数据类型 自动转换: 转化为布尔类型 : if() 中执...原创 2020-03-14 21:12:30 · 171 阅读 · 0 评论 -
js引用方法和变量
JavaScript简介:JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它与Java没有关系。Jav...原创 2020-03-14 21:05:43 · 471 阅读 · 0 评论