- 博客(64)
- 收藏
- 关注
RSS订阅原创 Vue2中 引入使用 babel-polyfill 兼容低版本浏览器
注意：本文主要介绍的 vue-cli 版本：3.x， 4.x；最近在项目中使用 webpack 打包后升级，用户反馈使用浏览器（chrome 45）访问白屏。经过排查发现：由于 chrome 45 无法兼容 ES6 语法导致的，因此需要将项目中的 ES6 语法转 ES5 语法。babel-polyfill npm地址1.2 引入方式一（推荐）：main.js 顶部第一行方式二：vue.config.js 中，在 chainWebpack 内添加以下代码1.3（新增）在 babel.config.j
2024-04-18 14:34:54
1784
原创 (转)JS各种数据流之间的格式（ArrayBuffer、Uint8Array、Blob、 File、DataURL）相互转换及应用
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob对象指定要读取的文件或数据。Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成来用于数据操作。Blob表示的不一定是 JavaScript 原生格式的数据。File 接口基于Blob，继承了blob的功能并将其扩展使其支持用户系统上的文件。属性名称读/写描述size只读。
2024-04-11 19:52:41
1426
原创 Blob 转 Uint8Array、Uint8Array 转 Blob、String 转 Uint8Array、Uint8Array 转 String、异或
在这个Node.js示例中，我们首先使用Buffer.from方法将字符串按照UTF-8编码转换为Buffer对象，然后从这个Buffer对象创建一个新的Uint8Array。这个xorBinaryArrays函数接受两个Uint8Array作为参数，并返回一个新的Uint8Array，其中的每个元素都是对应输入元素异或的结果。数组涉及到编码问题，因为字符串是由字符组成的，而Uint8Array是一个用于存储8位无符号整数的数组。以下是一个函数，用于将字符串转换为UTF-8编码的。异或可以用于数据加密；
2024-04-11 19:38:35
1324
原创 为什么forEach中的await不起作用
在JavaScript的forEach方法中使用await是无效的，因为forEach方法不支持异步操作的等待。forEach是一个数组的遍历方法，它会对数组中的每个元素依次执行提供的回调函数。而在JavaScript中，await关键字只能在异步函数(async函数)中使用，用于等待一个Promise对象的解析结果。
2024-04-11 19:19:31
714
原创 js int 和 uint8array ，相互转换
请注意，这些方法都假设输入的Uint8Array每个元素不会大于255，并且Uint8Array的长度在int能够表示的范围内。方法一：使用TypedArray的reduce方法。方法三：使用BigInt对象进行转换。方法二：使用for循环和位运算符。需要翻转unit8array。
2024-04-10 10:31:16
791
原创 前端md5校验文件
前端获取文件的md5值，与文件一同传到后端，后端同样对md5值进行校验。如果相同，则文件未被损坏（其实这种方式优点类似于tcp、ip的差错校验，好像token也是这种方式）
2024-04-09 20:00:21
347
原创 cookie,sessionStorage,localStorage的区别及应用场景、http状态码含义、使用token登录、无感登录
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie，session等跟服务端进行数据交互。浏览器的存储方式有哪些？
2024-03-28 22:11:47
1159
原创 详解JS方法之slice、splice、substring、substr
slice() 方法可从已有的数组中返回选定的元素。参数start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。如果不传参数，则当0处理。参数end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
2024-03-28 21:14:51
4352
原创 createDocumentFragment()用法总结
是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元素位置和几何上的计算）。因此，使用文档片段通常会带来更好的性能。
2024-03-25 21:15:14
1420
原创 localhost和127.0.0.1和192.168.xx.xx和0.0.0.0 的区别
localhost和127.0.0.1和192.168.xx.xx和0.0.0.0 的区别
2022-10-08 22:00:47
1753
原创 js-cookie的用法
js-cookie的用法cookie的作用无需多言，自己封装一个cookie，不停地复制黏贴页颇为麻烦，在这里，有npm为我们封装好的插件js-cookie: https://www.npmjs.com/package/js-cookie。引用方法:1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>2.本地下载下来后：<script
2020-05-18 17:12:17
531
转载 JS中的 map, some, every, forEach 用法总结，跳出循环 return false break不起作用
JS中的 map, some, every, forEach 用法总结，跳出循环 return false break不起作用~ 之前对于forEach方法了解的不多，在使用时，突然发现return true fasle break没有反应当想跳出循环可以使用every 和 some方法，下面是简单的总结every 用法every 当内部return false时跳出整个循环（return true;也是需要写）//every()当内部return false时跳出整个循环let list =
2020-05-18 14:48:03
541
转载 vue 验证码倒计时60s
vue 验证码倒计时60s//html <div class="input-div" v-show="formData.phone"> <input type="text" class="input code" name="code" v-model.trim="formData.code" placeholder="验证码"> <button @click="getCode(formData)" class="code-btn" :disabled="
2020-05-18 14:42:03
149
转载 vue样式加scoped后不能覆盖组件的原有样式解决方法
vue样式加scoped后不能覆盖组件的原有样式解决方法<style scoped></style>为了vue页面样式模块化，不对全局造成污染，建议每个页面的style标签加上scoped，表示他的样式只属于当前的页面，父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担，如无法覆盖原有组件的样式。 可以加 /deep/ 。深度作用选择器 /deep/ or >>>如果希望 scoped 样式中的选择器“深入”，即影响子组件例
2020-05-18 14:38:03
245
转载 (@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*854(比例：15：10 | 15.2）1366*768 (比例：16：9 | 不常见）1440*900 （16：10 17寸 仅苹果用）1440*1050（比例：5：4 | 1
2020-05-18 14:34:53
977
转载 js实现网页只能在微信内打开，浏览器打不开！
转载：js实现网页只能在微信内打开，浏览器不能打开 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> </head> <body>
2020-05-18 14:22:16
516
原创 微信小程序的get和post请求方法的区别
微信小程序默认的请求方法是get；当需要使用post的请求方法的时候。需要把数据转换为json格式但是post方式提交的话就有所改变了‘Content-Type’: 'application/json’用在get请求中没问题.POST请求需要改成 : “Content-Type”: “application/x-www-form-urlencoded”需要加上 method: “PO...
2019-10-10 09:53:03
2415
原创 javascript中break，continue和return语句用法
javascript中break，continue和return语句用法break语句：break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。...
2019-09-28 15:33:23
304
转载 js数组与字符串的相互转换
js数组与字符串的相互转换一、数组转字符串需要将数组元素用某个字符连接成字符串，示例代码如下：var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代...
2019-09-28 15:23:52
128
转载 动态添加类名几种方法
<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名， 第二个参数：boolean值 --> <!-- 对象的形式: 用花括号包裹起来，类名用引号， -->...
2019-09-28 15:18:13
4362
原创 Vue父组件向子组件传递一个动态的值，子组件只能获取初始值，不能实时更新的解决方法
Vue父组件向子组件传递一个动态的值，子组件只能获取初始值，不能实时更新的解决方法解决方法就是用子组件的watch()监听父组件的数据变化；原来需要在子组件watch(监听)父组件数据的变化。而watch只能传递基础类型的变量，比如数组data() { return { shuzu: new Array(11).fill(0) }},watch: ...
2019-09-28 15:15:16
5814
1
原创 Echarts自定义数据视图样式（表格样式）
用echarts的时候，由于echarts的原本的数据视图太过简单粗暴，为了项目更加美观，细致，不得不自己写一个表格样式,其实echarts也给我们自己写表格样式的空间optionToContent，下面以表格样式的数据视图为例，来实现一个自己的数据视图。 hourLineChart(data) { // 先进行排序 let newData = data.sort...
2019-09-28 15:00:55
4516
3
转载 js属性对象的hasOwnProperty方法
js属性对象的hasOwnProperty方法Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。判断自身属性是否存在var o = new Object();o.prop = 'exists';function changeO() { o.newprop = o.prop; delete o.prop;}o.has...
2019-08-26 17:53:49
146
原创 toLocaleDateString()函数和setHours()函数获取当天零点
toLocaleDateString()函数的返回值为String类型，返回一个表示该Date对象的"本地化"字符串，且只包含年月日部分的日期信息。//不同浏览器上的显示效果并不一定相同//定义一个"2013-07-21"的Date对象var date = new Date(2013, 6, 21, 13, 12, 59, 231);document.writeln( date.toLo...
2019-08-05 20:33:55
798
转载 vue中computed 和 watch的异同
https://blog.csdn.net/webxiaoma/article/details/72626439
2019-06-14 15:11:06
151
转载 vue全面介绍
一、简介Vue.js 是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js；同时比起 React + Redux 相对复杂的架构，Vue.js 更加轻量级也更加容易上手，是初创项目的首选前端框架。Vu...
2019-06-13 20:50:12
1632
1
原创 bootstrap-table 两列对应合并
1、获取数据后先进行排序 // 表格数据处理 function compare(property) { //数组排序 return function(a, b) { var value1 = a[property]; var value2 = b[property]; return value1 - value2; } }var mould = res.resul...
2019-06-06 09:42:28
2462
原创 bootstrap -table单元格，删除，修改事件
bootstrap -table单元格，删除，修改事件// 表格数据处理function tableData(data) {$(selectors.table).bootstrapTable('destroy');$(selectors.table).bootstrapTable({ data: data, striped: false, pagination: true, cac...
2019-06-05 15:46:12
2730
原创 bootstrap-treeview的基本使用方法
<link href="css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet"> <script src="js/plugins/treeview/bootstrap-treeview.js"></script>
2019-06-05 15:04:48
1354
1
转载 在JS中如何实现邮箱提示补全功能
在JS中如何实现邮箱提示补全功能如下所示： <!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" cont...
2019-06-05 14:13:31
942
1
原创 jquery中的【children()与find()】、【html()与text()、val()】用法区别详解
一、jquery中children()与find()用法区别详解1、children() 是一个筛选器，顾名思义就是筛选子元素，筛选那些符合条件的子元素。jquery取索引使用eq函数。eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素。2、f...
2019-06-05 12:00:51
1112
原创 js 实现本地搜索功能
$(selectors.input).keyup(function() { remove(); var arr_Name = []; var arr_value = []; for (var i = 0; i < searchData.material.length; i++) { if (searchData.material[i].material_Name.i...
2019-05-27 16:41:32
5748
1
原创 bootstrap-Table 合并单元格函数
bootstrap-Table 合并单元格函数注意：在传入数据的时候，记得将闯入的数据排序；比如：mergeCellFun(dataList, ‘mouldNum’); dataList是排序过的； // 表格数据处理 function tableFn(dataList) { $(selectors.table).bootstrapTable('destroy'); $(selec...
2019-05-17 11:01:03
1152
转载 location.href和open的几种用法和区别
window.location.href和window.open的几种用法和区别一、location.href常见的几种形式二、location.href不同形式之间的区别三、location.href总结四、window.location.href和window.open的区别使用js的同学一定知道js的location.href的作用是什么，但是在js中关于location.href...
2019-05-14 15:28:09
2770
转载 JavaScript中call()函数详细用法
call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。注意：该方法的作用和 apply() 方法类似，只有一个区别，就是call()方法接受的是若干个参数的列表，而apply()方法接受的是一个包含多个参数的数组。语法fun.call(thisArg, arg1, arg2, ...)参数thisArg：在fun函数运行时指定的this值。需要注...
2019-04-17 14:27:35
371
转载 attr和prop的区别
attr 和 prop 的区别介绍：对于 HTML 元素本身就带有的固有属性，在处理时，使用 prop 方法。对于 HTML 元素我们自己自定义的 DOM 属性，在处理时，使用 attr 方法。实例 1：<a href="https://www.runoob.com" target="_self" class="btn">菜鸟教程</a>这个例子里 <a&...
2019-04-13 10:55:57
1999
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人