- 博客(49)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 axios获取content-disposition 文件名
【代码】axios获取content-disposition 文件名。获取下载文件名称
2022-10-20 11:42:47
3820
原创 map,filter,find,findindex,some,every,js中数组遍历
【代码】map,filter,find,findindex,some,every,js中数组遍历。
2022-09-14 23:56:10
138
原创 __dirname __filename path.join() path.resolve() 的用法
__dirname __filename path.join() path.resolve() 的用法
2022-03-27 23:28:32
1073
原创 uni-app 封装简易request 全局请求方法
有这样一个简单需求demo,封装接口请求,点击按钮发送请求,获取接口返回的三张图片1．先在uniapp当前项目根目录创建utils/request.js2.封装uni.request请求后导出 //utils/request.js function fetch(options){ return new Promise((resolve,reject)=>{ uni.request({ url:options.url, method:options.method,
2022-02-21 00:37:32
1031
原创 js 多维数组转化一维数组
使用Flat函数 简洁方便[1,2,[3,4,[5,6]]].flat(Infinity)// [1,2,[3,4,[5,6]]].flat(Infinity)
2022-02-15 00:14:56
158
原创 宏任务与微任务 JavaScript
先看一道题// js是单线程的,如果遇到了异步的内容,交给浏览器处理(等待,监听) console.log(1); setTimeout(() => { console.log(2); }, 0); console.log(3); // 输入答案顺序 1>>3>>2如下图js执行主线程,代码一步一步往下执行,js是单线程的,只要遇到异步的函数,不会停留,会将异.
2022-02-13 23:07:21
339
原创 小程序常用接口
- wx.getAccountInfoSync()获取当前小程序账号信息，开发者appi;版本等场景：根据不同测试环境版本的小程序，区别不同的biseUrl域名获取当前帐号信息。线上小程序版本号仅支持在正式版小程序中获取，开发版和体验版中无法获取。wx.getAccountInfoSync()- wx.getUpdateManager()获取全局唯一的版本更新管理器，用于管理小程序更新。微信文档链接 updateManager.onUpdateReady(function () {
2022-02-11 18:42:27
4599
原创 可选链 空位合并运算符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-02-11 18:41:57
332
原创 vue-router实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src=
2022-01-12 23:37:42
213
原创 git方法
git基础命令初始化仓库——git init克隆现有的仓库 ——git clone <url>将在工作区更改的文件 提交到 暂存区 ——git add 文件名将暂存区的内容，添加到当前分支。——add commit -m "内容的描述"了；时刻掌握仓库当前的状态（比如改动那些文件，但是还没有提交add或者commit）——git status用git status只能查看仓库的状态，但是查询不到具体修改了什么文件内容，需要用git diff这个命令查看相较于上一次暂存都修改了些什么内
2022-01-09 09:53:42
171
原创 获取两个数组的 并集 交集 和差集合
let a = new Set([1, 2, 3])let b = new Set([4, 3, 2])// 并集let union = new Set([...a, ...b])// Set {1, 2, 3, 4}// 交集let intersect = new Set([...a].filter((x) => b.has(x)))// set {2, 3}// 差集let difference = new Set([...a].filter((x) => !b.ha
2022-01-06 16:09:08
360
原创 今天是今年第几周(周一开始算起)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</t
2022-01-06 01:54:32
527
原创 正则匹配片段
手机号中间4位数掩码加密 let phone = '13800138000' let reg = /(\d{3})\d{4}(\d{3})/g console.log(reg.test(phone)); console.log(phone.replace(reg,'$1****$2')); // 138****8000匹配小括号/中括号/大括号和括号内容'<213>,<123213<123
2021-12-09 19:17:14
207
原创 18 个 JavaScript 入门技巧
原文出处转字符串 /* 1.转字符串 */ const input = 123 console.log(input + ''); //用空字符串拼接 console.log(String(input)); //用String()方法 console.log(input.toString()); //用 toString()方法 2.转为数字类型 const input = '123
2021-11-28 03:03:29
111
原创 JavaScript不分类知识点
js基础数据类型:基本(值)类型:string number boolean undefined null引用类型 object function array function:一种特别的对象(可以执行) array:一种特别的对象(数值下标,内部数据是有序排列的)2.判断:typeof :* 可以判断 undefined /数值 / 字符串 / 布尔值 / function* 不能判断 null 与Object arrayinstanceof:* 判断对象的具体类型.
2021-11-23 11:12:47
391
原创 js递归练习
<script> const rootList = [ { id: 1, parent: null, text: '菜单1' }, { id: 2, parent: 1, text: '菜单1-1' }, { id: 3, parent: 1, text: '菜单1-2' }, { id: 4, parent: null, text: '菜单2' }, { id
2021-11-22 23:41:11
225
原创 Array.form( )的使用
原文链接出处Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。所谓类数组对象，最基本的要求就是具有length属性的对象。第一个接收参数可以是:类数组对象/字符串/数组/{length:长度}类数组对象,属性为数字 且具有length属性 let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane', 'j
2021-11-21 19:45:23
2848
2
原创 html css 不分类的知识点
部分知识点来自B站up主 小野森森,欢迎大家关注1.html 元素float以后, 元素就变成了内联块级元素,也就是inline-block(行内块级元元素)2.除了块级元素(block),其他的 内联/内联块/浮动/溢出隐藏/纯文本都可以直接浮动元素的位置,3.浮动流,块级元素无法识别浮动流元素的位置4.使用伪元素 content这个属性是必须要写的两栏自适应布局box-sizing:border-box; 与 content-box的区别一个是已盒子的边框为边界一个是以盒子的内容为边
2021-11-21 16:20:43
61
原创 javascript Date( )日期对象
<script> /** * Date对象：js内置的用于获取当前日期与时间的对象 * 日期：只有年月日 2018/3/20 * 时间：只有时间 15：30：00 * 完整时间：年月日时 2018/3/20 15：30：00 */ //1.创建一个Date对象 let date = new Date(); ...
2021-11-21 00:39:59
348
原创 使用伪元素before after 接收标签中 data-*属性数据
HTML5 新增了data-* 属性 可以在标签中定义我们的参数而伪元素::before 或::after 可以直接接收data-*自定义参数看效果图在伪元素的content属性中 直接attr()括号内写接收参数 <body> <div class="my" data-name="隔壁老王" data-car="小鹏P7">买了</div> <style> .my::before {
2021-11-20 19:33:03
402
原创 开发踩坑记录
1.微信小程序安卓端 mescroll 上拉加载后会自动置顶移动端小程序 使用了mescroll列表上拉加载组件,然后用了vant组件库的loading交互, 在IOS端没有任何异常 在大多浏览器没有异常, 唯独小程序在安卓端app运行的时候,上拉加载loading 的时候 会自动将列表置顶了, 不知道具体为什么将vant的Toast.loading({duration:0})去掉就不会冲突影响了...
2021-11-15 01:39:10
1248
原创 CSS 绝对定位和相对定位
绝对定位和相对定位 代码练习(仅供参考)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-11-10 02:10:54
366
原创 js构造函数练习
//定义一个构造车的函数 和一个构造车主信息的函数,通过实例化对象,将信息汇总打印console出来 function Car(opt){ this.brand = opt.brand; //车标 this.color = opt.color; //颜色 this.displacement = opt.displacement //排量 } function Person(opt){
2021-11-08 01:27:49
244
原创 JS 判断变量的类型
判断变量的类型用 typeof 判断是不够准确的用 Object.prototype.tostring() 就准确完美了下面用call() 借调使用 // 判断变量类型 function checkType(val, testType) { const typeObj = { '[object String]': 'string', '[object Number]': 'numbe
2021-11-07 18:58:51
125
原创 用apply求数组元素的最大值 最小值
用apply求数组元素的最大值 最小值 <script> // 用apply 借调求数组中的最大值或最小值 // 如果一个数组我们已知里面全都是数字，想要知道最大的那个数，由于 Array 没有 max 方法，Math 对象上有 // 我们可以根据 apply 传递参数的特性将这个数组当成参数传入 // 最终 Math.max 函数调用的时候会将 apply 的数组里面的参数一个一个传入，恰好符合 Math.max 的参数传
2021-11-07 13:43:35
738
原创 css 伪元素 清除浮动 clearfix clear:both详解
案例视屏链接 清除浮动 clear:both 深度讲解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal.
2021-11-03 00:33:15
513
原创 vue 自定义指令 文字超出省略指令 v-ellipsis
<template> <div> <!-- 文字超出省略指令 v-ellipsis --> <div class="box" v-ellipsis> <!-- <div class="box" v-ellipsis="100"> --> 111111111111111111111111111111111111111111111111111111111111111111111111111111111
2021-10-20 23:26:06
1157
原创 vue自定义指令 v-copy一键复制
原文转载自添加链接描述<template> <div> <div v-clickCopy>1234566666: 点我直接复制文本</div> </div></template><script>export default { data() { return { } }, directives: { clickCopy: {
2021-10-20 00:22:53
242
原创 git 入门基础
1.git 属于版本控制系统2.安张git之后 第一件事就是配置你的 用户名 和邮箱 $ git config user.name //查看本地配置的用户名 git config --list // 查看git 配置$ git init // 初始化仓库$ git clone https://codechina.csdn.net/codechina/help-docs //克隆现有的仓库 $ git clone https://codechina.cs
2021-10-12 01:41:19
130
原创 vue自定义过滤器
vue 自定义过滤器可以对源数据进行处理，并返回处理好的数据结果, 过滤器的本质就是一个函数语法局部过滤器：在组件内部创建的过滤器，只有当前组件可以使用filters:{ 过滤器名称:function(源数据，[其它参数.....]){ // 业务处理 return 结果 }}全局过滤器：在组件外部创建的过滤器，一次只能创建一个Vue.filter(过滤器名称,function(源数据，[其它参数.....]){ // 业务处理 return 结果})...
2021-09-27 00:05:25
71
原创 jsonp 实现跨域请求 解析经纬度获取城市名称 腾讯地图
第一步：添加依赖npm install vue-jsonp --save第二步main.js 配置在vue cli项目main.js中添加import { VueJsonp } from ‘vue-jsonp’ // 网上很多博客引用不加{}，会报错Vue.use(VueJsonp)第三步 直接在vue组件中使用// 因为引入了vue-jsonp，所以可以直接使用this.jsonp,Vue.use(VueJsonp）方法里把jsonp, Vue.use(VueJsonp）方法里把j
2021-09-14 20:37:56
379
原创 JS常用判空方法
// 通常直接用取反的方法是不准确的,比如判断一个空对象 let a = {} if(!a){ //!a 的结果是false 不会进入函数执行体 不会打印出来 console.log('我是空对象'); } //上面这样取反判断空对象 是没有效果 控制台不会打印 //1.1 判断是否为null 或者 undefined 如果用双等比较 两者都可以判断, 如果用全等判断..
2021-09-12 16:26:15
10346
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人