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 · 5944 阅读 · 0 评论 -
js一些实用的小功能
js一些实用的小功能原创 2022-06-07 08:58:32 · 277 阅读 · 1 评论 -
什么是跨域 , 跨域解决方法
一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）二、什么是跨域当一个请求url的协议、域名、端口三者转载 2022-06-06 15:34:25 · 437 阅读 · 0 评论 -
js判断输入数据长度，手机号，邮箱，及其他
js判断汉字字数的//****************************************************************//* 名 称：DataLength//* 功 能：计算数据的长度//* 入口参数：fData：需要计算的数据//* 出口参数：返回fData的长度(Unicode长度为2，非Unicode长度为1)//***************************************************************...原创 2022-02-19 13:38:02 · 852 阅读 · 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 · 4634 阅读 · 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 · 965 阅读 · 0 评论 -
防抖和节流
什么是防抖(⭐⭐⭐)防抖策略（debounce）是当事件被触发后，延迟 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。防抖的应用场景：如淘宝搜索框，用户在输入框连续搜索一行字的时候可以通过防抖策略，知道用户把搜索内容全部打出才触发执行请求，这样可以有效减少请求的次数，节约请求资源好处：用户在多次触发某事件的情况下只会执行最后一次 步骤： 1. 定义一个防抖动的 timer延时器并置空 2.获取页面中input DOM元素并绑定...原创 2021-11-16 10:39:27 · 253 阅读 · 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 · 1147 阅读 · 0 评论 -
GET和POST两种基本请求方法的区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”： GET在浏览器回退时是无害的，而POST会再次提交请求。 .转载 2021-11-02 17:52:02 · 407 阅读 · 0 评论 -
前端面试题
CSS/HTML1.flex布局采用Flex布局的元素，称为Flex容器（flex container)，简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目适用场景：多列盒子浮动时可以采用弹性盒2.grid布局CSS Grid（网格）布局，是一个二维的基于网络的布局系统。Flexbox 的出现很大程度上改善了我们的布局方式，但它的目的是为了解决更简单的一维布局，而不是复杂的二维布局（实际上 Flexbox 和 Grid 能协同工作，而且配合得非常好）。Grid(网格) 布局是原创 2021-11-02 15:15:00 · 277 阅读 · 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 · 203 阅读 · 0 评论 -
this指向详解
this指向详解六月第一篇文章，也是我第一次接触思维脑图，并尝试将它运用到平时的学习中，我们共勉！思考 + 导图 + 示例代码 => 船新版本目录前言+思考题一、this的指向二、call和apply三、模拟实现一个call四、bind五、结尾前言+思考题记得当时找实习的时候，总是会在简历上加上一句——熟悉Js，例如this指向、call、apply等…而每次投递简历时我都会经历如下步骤面试前，去问度娘——this指向可以分为哪几种啊～、call和apply的区别是什么原创 2021-09-16 17:00:21 · 922 阅读 · 0 评论