- 博客(23)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 老生常谈的闭包
javascript的闭包今天又在看闭包的使用了，整理一下闭包的东西。看到远古时期大佬对闭包的定义 非常晦涩——闭包，***是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义（或创建）时的值（深连结）***。简单来说，闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量（键值对），而这些键值对是不会随上一级函数的执行完成而销毁。周爱民说得更清楚，闭包就是“属性表”，闭包就是
2023-03-07 17:11:24
125
原创 配制setting.json Vuer prttier ESlist 等配置
前端配制 ESLint（代码规范和错误检查工具）Prettier（代码格式化工具）Vetur（识别 vue 文件）EditorConfig for VS Code（定义项目的编码规范，编辑器的行为会与.editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高，这在多人合作开发项目时十分有用而且必要）Manta's Stylus Supremacy（使得 stylus 格式化更好看）
2022-10-18 22:43:09
367
原创 JS事件冒泡和事件捕获
绑定事件方法（addEventListener）的第三个参数是控制事件触发顺序的，默认为false，即为事件冒泡，若为true，即为事件捕获
2022-06-24 20:35:20
1020
原创 JavaScript中reduce的用法
arr表示原数组 prev表示上一次调用回调时的返回值，或者初始值init cur表示当前正在处理的数组元素 index表示当前正在处理的数组元素的索引，若提供init值，则索引为0，否则索引为1 init表示初始值......
2022-05-13 18:14:38
260
翻译 Flex布局详解
传统的布局 基于盒模型 依赖于display属性 + position属性 + float属性 ，但是特殊布局就有些捉襟见肘了，垂直居中 就不容易实现了一、Flex布局是什么？flex是Flexible Box的缩写，意为弹性布局，用来为盒模型提供最大的灵活性//任何一个容器都可以指定为Flex布局.box{ display:flex;}//行内元素也可以使用Flex布局.box{ display:inlone-flex;}//Webkit内核的浏览器，必...
2022-05-13 11:52:45
78880
17
原创 JSON排序
如将下面的数据姓名，身份证排在前面ListData ={ '业务凭证ID': "1687712517322702848", '姓名': "王凯", '完成时间': "2021-03-02 19:46:43", '接单时间': "2021-03-02 18:56:43", '月份': "2021-03", '订单金额': 611.11, '身份证': "150102199003077196",}思路：首先使用Object.key()获取所有...
2022-05-11 15:44:08
1139
原创 Git常用命令
此为本人自己所用仓库操作：初始化git仓库：git init克隆仓库服务器：git clone <地址>提交操作：暂存所有更改：git add .提交更改：git commit -m"xxx"撤销一次提交：git reset --soft HEAD~1分支操作查看当前分支：git branch创建分支：git branch <分支>切换分支：git checkout <分支>删除分支：git branch -d <分支>合并指定
2022-05-11 15:39:57
57
原创 简述forEach()、map()、every()、some()和filter()的用法
直接上一、forEach()，用于遍历数组，无返回值这里先给出一个数组（以下例子通用）：var arr = [1,-2,3,4,-5];然后我要做事情的就是，将数组中的每一项翻倍。arr.forEach(function(item,index,array){ array[index] = item * 2;});console.log(arr); // [2,-4,6,8,-10]可以看到，forEach()可以传入一个匿名函数作为参数，而该匿名函数有含有三个参数
2022-05-11 11:31:22
617
原创 【 数组操作 】
*数组创建*JavaScript中创建数组有两种方式，第一种是使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组创建数组的第二种基本方式是使用数组字面量表示法：var arr4 = []; //创建一个空数组var ar...
2022-05-11 11:15:57
255
原创 webpack的基本使用
webpack是什么？根据官网的解释：本质上，webpack是一个用于现代JavaScript应用程序的，静态模块打包工具，当webpack处理应用程序时，它会在内部从一个或者多个入口构建以个依赖图，然后将你项目中所需要的每一个模块组合成一个或者多个bundles，它们均为静态资源，用于展示你的内容在开始实例之前，需要了解一下一些核心概念入口（entry）输出（output）loader插件（pligin）模式（mode）浏览器兼容性（browser compatibil
2022-05-09 15:13:47
175
原创 vue 微信 js-sdk分享功能
无意间接触到的一个东西第一步：npm install weixin-js-sdk -S或者直接index.html里面引入js文件 http://res.wx.qq.com/open/js/jweixin-1.6.0.js官方文档第二步：import wx from 'weixin-js-sdk'在main.js里面把wx挂载到Vue下面 Vue.prototype.$wx = wx// 找后台获取签名，（拿签名的接口只需要向后台传递当前页面的url就行了，其他参数更
2022-05-05 10:06:56
660
原创 echarts在TS Vue中的使用
引入echarts时候我总是使用的import，但是老是报错，后使用require就好了多的不说，直接上代码，最简单的使用：<template> <div> <div id="main" style="width:500px;height: 300px"></div> </div></template><script lang="ts">/* eslint-disable */i..
2022-05-05 09:24:14
1454
原创 echart 常用配置
mytextStyle={ color:"#333", //文字颜色 fontStyle:"normal", //italic斜体 oblique倾斜 fontWeight:"normal", //文字粗细bold bolder lighter 100 | 200 | 300 | 400... fontFamily:"sans-serif", //字体系列 fontSize:18, //字体大小};mylineStyle={ color:"#333", //颜色，'rgb(128
2022-05-05 09:15:05
586
原创 JS 对象数组根据某一相同key合并成新的数组
在平常工作中，我们经常遇到各种数据处理，尤其是数组对象的处理比如我遇到的一组数据如下：let array = [ { name: '小明',age: 20,school: '清华' }, { name: '小红',age: 21,school: '清华' }, { name: '小白',age: 18,school: '北大' }, { name: '小黄',age: 19,school: '北大' }, { name: '小浪',age: 21,schoo
2022-05-04 18:06:12
5151
原创 了解跨域-------跨域问题不再是问题
什么是同源策略如果两个 URL 的协议、域名和端口都相同，我们就称这两个 URL 同源。浏览器默认两个相同的源之间是可以相互访问资源和操作 DOM 的。两个不同的源之间若想要相互访问资源或者操作 DOM，那么会有一套基础的安全策略的制约，我们把这称为同源策略。具体来讲，同源策略主要表现在 DOM、Web 数据和网络这三个层面。第一个，DOM 层面。同源策略限制了来自不同源的 JavaScript 脚本对当前 DOM 对象读和写的操作。第二个，数据层面。同源策略限制了不同源的站点读取当前站
2021-07-01 16:39:47
114
原创 手把手教你配置 Vue-cli脚手架
随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢，今天跟大家分享一下：首先需要了解的知识HtmlCssJavascriptNode.js 环境（npm包管理工具）Webpack 自动化构建工具一、安装node.js进入官网下载node.jsnode版本必须在10.0.0以上才支持二、安装 cnpm1、说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（
2021-06-23 22:02:15
1062
空空如也
关于#ts#的问题，如何解决？(标签-ssL|关键词-seT)
2022-01-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人