![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 66
一去不复返go
前端程序员
展开
-
js 动态生成表格案例
<1>布局:一个table表格,表格分为两个部分,上面是thead表头,表头里面仅一行,有4列(th), 下面是tbody表格内容,要求tbody中的每一行都是用js动态创建的<body><table> <thead> <tr> <th>姓名</th> <th>科目</th> <......原创 2021-09-07 08:53:46 · 5878 阅读 · 0 评论 -
js一些实用的小功能
js一些实用的小功能原创 2022-06-07 08:58:32 · 204 阅读 · 1 评论 -
什么是跨域 , 跨域解决方法
一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)二、什么是跨域当一个请求url的协议、域名、端口三者转载 2022-06-06 15:34:25 · 390 阅读 · 0 评论 -
js判断输入数据长度,手机号,邮箱,及其他
js判断汉字字数的//****************************************************************//* 名 称:DataLength//* 功 能:计算数据的长度//* 入口参数:fData:需要计算的数据//* 出口参数:返回fData的长度(Unicode长度为2,非Unicode长度为1)//***************************************************************...原创 2022-02-19 13:38:02 · 784 阅读 · 0 评论 -
Vue中html导出docx文件和table导出excel
html导出docx文件方法一、技术实现:fileSaver.js+html-docx-jshtml-docx.js,这个比较是16年的插件,不适合现在的,主要就是with(obj){}这个已经不符合规范,有的框架不适用1.npm安装$ npm install --save html-docx-js$ npm install --save file-saver2.引入import htmlDocx from 'html-docx-js/dist/html-docx';imp.原创 2022-01-05 16:39:12 · 4465 阅读 · 0 评论 -
数组创建和操作数组方法
数组三要素 : 元素 , 下标 , 长度创建数组的基本方式有两种方式一:使用Array()构造函数 语法: var colors=new Array();注:小括号可直写数组的项目数量var colors=new Array(5);或者数组包含的具体值 var colors=new Array(1,2,3,5,0,10);方式二:使用数组字面量表示法 语法: var cols=[10,15,12,3,5,6,1];var cols=[];两种创建数值的方式不同之处在于 : new Array原创 2021-11-24 19:29:46 · 909 阅读 · 0 评论 -
防抖和节流
什么是防抖(⭐⭐⭐)防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。防抖的应用场景:如淘宝搜索框,用户在输入框连续搜索一行字的时候可以通过防抖策略,知道用户把搜索内容全部打出才触发执行请求,这样可以有效减少请求的次数,节约请求资源好处:用户在多次触发某事件的情况下只会执行最后一次 步骤: 1. 定义一个防抖动的 timer延时器并置空 2.获取页面中input DOM元素并绑定...原创 2021-11-16 10:39:27 · 230 阅读 · 0 评论 -
js实现localStorage储存多条数据(对象)
1,先获取到浏览器里面的key值 1 varGame_Data = JSON.parse(localStorage.getItem('loc'))// 之前存储 2,判断这个值存不存在 1 2 3 4 5 6 7 8 9 10 if(Game_Data ==null) { //不存在就建立一个新的数组(第一次进入浏...原创 2021-11-16 10:39:00 · 1061 阅读 · 0 评论 -
GET和POST两种基本请求方法的区别
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”: GET在浏览器回退时是无害的,而POST会再次提交请求。 .转载 2021-11-02 17:52:02 · 385 阅读 · 0 评论 -
前端面试题
CSS/HTML1.flex布局采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目适用场景:多列盒子浮动时可以采用弹性盒2.grid布局CSS Grid(网格)布局,是一个二维的基于网络的布局系统。Flexbox 的出现很大程度上改善了我们的布局方式,但它的目的是为了解决更简单的一维布局,而不是复杂的二维布局(实际上 Flexbox 和 Grid 能协同工作,而且配合得非常好)。Grid(网格) 布局是原创 2021-11-02 15:15:00 · 243 阅读 · 0 评论 -
本地存储localStorage
HTML中可以使用javascript操作window的localStorage对象进行键值对形式的本地数据存储,实现数据共享和数据持久化,localStorage的数据永远不会过期,除非自己删除,这样可以实现在不同html之间进行数据信息传递:1.判断本地存储是否可用:if(window.localStorage) {// localStorge可用}else {// localStorge不可用}2.存储数据:// 获取本地存储对象var localStorage =wi...原创 2021-09-27 19:53:15 · 164 阅读 · 0 评论 -
this指向详解
this指向详解六月第一篇文章,也是我第一次接触思维脑图,并尝试将它运用到平时的学习中,我们共勉!思考 + 导图 + 示例代码 => 船新版本目录前言+思考题一、this的指向二、call和apply三、模拟实现一个call四、bind五、结尾前言+思考题记得当时找实习的时候,总是会在简历上加上一句——熟悉Js,例如this指向、call、apply等…而每次投递简历时我都会经历如下步骤面试前,去问度娘——this指向可以分为哪几种啊~、call和apply的区别是什么原创 2021-09-16 17:00:21 · 883 阅读 · 0 评论