- 博客(277)
- 资源 (5)
- 收藏
- 关注
RSS订阅转载 60 个神级 VS Code 插件！
另一个用来生成 console.log的插件，不同的是，他支持自定义 console.log的内容，包括文件名，路径，大小等，还可以添加自己喜欢的 emoji表情，快捷键 ctrl + alt + L。编辑器自身的功能还是有限的，为了应付日常开发，不得不安装很多其他的软件进行辅助，不过也可以通过插件的方式引入一些常用的辅助软件，它们的功能可能没有原生的强大，但是基本上已经够用，并且是真的很方便。可能是因为我装了各种奇奇怪怪的插件，我现在想导入什么东西的时候，一大堆的提示，随便选一个都能导进来😂。
2023-08-11 09:59:37
522
原创 百度地图圆形与多边形缩放zoom计算
/地图层级数（百度地图默认为19级，这里多加1级方便下面通过直径的运算得出地图对应的层级）/* 从最高级往下推，基数每次乘以2后的值还在圆直径的范围内则zoom减去一级，循环类推 */var num = 20;//尺寸基数，对应19级的20m。根据画出的圆形半径适当展示地图缩放级别。为实现视觉效果，渲染时在缩放级别增加2。radius接口返回半径 单位米。
2023-06-27 14:23:43
434
原创 百度地图历史轨迹播放
playIndex播放到第几个数据点。getOverlays 画布所以数据。setRotation设置标签角度。setPosition设置标签位置。获取两个坐标点中间的直线点数据。detailList 轨迹数据。getAngle 获取标签角度。
2023-06-25 17:36:01
176
转载 ElementUI自定义主题报错“primordials is not defined”最佳解决方案
elementUI 更改主题primordials is not defined
2023-05-19 14:24:17
500
原创 js中?.与？ ？的使用
语法：obj?.prop obj?.[expr] arr?.[index] func?.(args)可选链操作符(?.) 可选链操作符(?.)允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?.操作符的功能类似于.链式操作符，不同之处在于，在引用为空(nullish)(null或者undefined) 的情况下不会引起错误，该表达式短路返回res?.data?.obj?.name ?? '小明' 看看这个输出是什么...
2022-05-13 15:02:49
197
转载 js replace 全局替换的操作方法
这篇文章主要介绍了js replace 全局替换的操作方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下js 的replace 默认替换只替换第一个匹配的字符，如果字符串有超过两个以上的对应字符就无法进行替换，这时候就要进行一点操作，进行全部替换。 1 2 3 4 5 <script language="javascript"> var strM = "这是要被替换的字符串啊啊！";.
2022-05-10 14:58:54
12972
原创 form 表单的label信息溢出显示title
form表单批量处理 渲染效果有内容溢出想要加title使用slot="label" 重置label信息<el-form-item class="clearfix" label="" prop="resourceType"> <span slot="label"> <span :title="item.label"> {{item.label}} </span> </spa...
2022-04-19 09:02:33
1296
2
原创 Array vs Set性能对比
Array.push 添加数据略胜一筹let arr=[];let set=new Set();let start=Date.now()for (let index = 0; index < 1000000; index++) { arr.push(index)}console.log((Date.now()-start));//25let arr=[];let set=new Set();let start=Date.now()for (let index = 0;
2022-04-15 14:57:17
1319
原创 字体编辑用中日韩汉字Unicode编码表
一 丁 丂 七 丄 丅 丆 万 丈 三 上 下 丌 不 与 丏 4E00 4E01 4E02 4E03 4E04 4E05 4E06 4E07 4E08 4E09 4E0A 4E0B 4E0C 4E0D 4E0E 4E0F 丐 丑 丒 专 且 丕 世 丗 丘 丙 业 丛 东 丝 丞 丟 4E10 4E11 4E12 4E13 4E14 4E15 4E16 4E17 4E18 4E19 4E1A 4E1B 4E1C 4E1D 4E1E 4E1F 丠 両 丢 丣 两 严 並 丧 丨 丩 个 丫 ...
2022-03-31 17:57:52
54945
转载 「自我检验」熬夜总结50个Vue知识点，全都会你就是神
可以通过this.$options.data().xxx来获取初始值v-model 语法糖荣耀黄金1. Vue的优点？Vue的缺点？优点：渐进式，组件化，轻量级，虚拟dom，响应式，单页面路由，数据与视图分开缺点：单页面不利于seo，不支持IE8以下，首屏加载时间长2. 为什么说Vue是一个渐进式框架？渐进式：通俗点讲就是，你想用啥你就用啥，咱也不强求你。你想用component就用，不用也行，你想用vuex就用，不用也可以3. Vue跟React的异同点？相同点：
2022-03-25 15:47:56
234
原创 他写出了 Vue，却做不对这十道 Vue 笔试题
1. Vue 实例的 data 属性，可以在哪些生命周期中获取到？A. beforeCreateB. createdC. beforeMountD. mounted2. 下列对 Vue 原理的叙述，哪些是正确的？A. Vue 中的数组变更通知，通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树C. 组件内 data 发生变化时会通知其对应 watcher，执行异步更新D. patching 算法首先进行同层级比较，可能执行的操作是节点的增加、删
2022-03-25 10:38:45
684
转载 总结了Vue3的七种组件通信方式，别再说不会组件通信了
写在前面本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式：props emit v-model refs provide/inject eventBus vuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好，学习不写demo，那就是耍流氓~本篇文章将围绕下面这个demo，如下图所示：...
2022-03-24 16:27:27
322
转载 vue-property-decorator用法
参考:https://github.com/kaorun343/vue-property-decorator怎么使vue支持ts写法呢,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-component.首先安装: npm i -D vue-property-decorator我们来看下页面上代码展示:<template> <div> foo:{{foo}} defaultArg:{{defa...
2021-12-14 17:03:52
803
原创 HTML 符号实体参考手册
HTML 符号实体本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。注释：实体名称对大小写敏感。大于号，小于号，对号HTML 支持的数学符号字符 实体编号 实体名称 描述 ∀ ∀ ∀ for all ∂ ∂ ∂ part ∃ ∃ ∃ exists ∅ .
2021-12-01 11:43:29
288
转载 vue源码解析之--核心部分core-util(二)
前言 在vue源码目录中有个core文件夹，其核心功能比如组件、数据绑定、虚拟dom等等都在里面。core下面又分为了components、global-api、instance、obsever、util、vdom六个部分，这次还是先以util开头，里面也封装了一些工具型的函数并且引用了外层share里面的工具函数。debug.js error.js debug.js里面主要封装的是用于开发阶段的调试相关的方法，比如一些提示警告。error.js里面只封装了一个handleError方法，用于处
2021-12-01 09:23:56
543
转载 vue源码解析之--工具函数(一)
工具函数是每个框架类库的基本的组成部分，本篇分析的是/shared/util.js文件，从中挑选的部分方法函数，比较常见基础的方法我就跳过了。值得一说的是，编译合成前的源码都用到了flow.js，可以理解为一个javascript的静态类型检查器，有点像typescript，可以对js的变量进行类型定义、检查错误等，然后再通过编译生成正常的js代码，文件开头有/@flow/注释的都是用到了flow的。1.makeMap() 先来看这个makemap，传入一个字符串和是否区分大小写的标示符，然后在..
2021-12-01 09:16:45
322
原创 判断两个对象是否相等 =＞ vue源码中looseEqual
判断两个对象是否相等对象引用类型不能像字符串，数字，布尔值那样 ===去判断借用vue源码中looseEqual 方法，比较大团队写的好 两个对象分别对比，遇到引用类型再次递归对比，而不是简单的JSON.stringfiy()去做比较，这样会出现报错情况举例： a:{name:'小明',age:20} b:{name:'小明',age:20}a对象中一次遍历name和age与b对象中name和age对比，然后再用b对象中name和age与a对象中name和age对比...
2021-11-30 16:20:13
1688
原创 圣杯布局 vs 双飞翼布局
圣杯布局 vs 双飞翼布局双飞翼布局要求header和footer各自占领屏幕所有宽度，高度固定。中间的container是一个三栏布局。三栏布局两侧宽度固定不变，中间部分自动填充整个区域。中间部分的高度是三栏中最高的区域的高度。双飞翼布局的实现left、center、right三种都设置左浮动设置center宽度为100%设置负边距，left设置负边距为100%，right设置负边距为自身宽度设置content的margin值为左右两个侧栏留出空间，margin值大小为left和r
2021-11-19 09:58:25
210
原创 el-table之合并表格自定义span-method
<el-table ref="tableList" :data="tableData" :span-method="arraySpanMethod" ></el-table>自定义span-method方法达到合并表格目的getSpanArr方法 重置tableData数据格式arraySpanMethod 合并方法cellClassName 定义单元格类名tempList 储存添加过的字段getSpanArr() { let newTa...
2021-11-03 17:43:52
1983
翻译 html播放video实现弹幕效果---DPlayer
先上效果InstallationUsing npm:npm install dplayer --saveUsing Yarn:yarn add dplayerQuick StartAt first, let's initialize a simplest DPlayerLoad DPlayer files<div id="dplayer"></div><script src="DPlayer.min.js"><.
2021-11-02 17:04:08
2640
原创 展示百分比*100后数据精度问题
for example要显示29% 返回值0.290.29*100=>28.999999999999996此时百分比展示有问题 28.999999999999996%为了解决精度问题引用toPrecision()方法此方法接收一个参数toPrecision(num) 方法可在对象的值超出指定位数时将其转换为指数计数法。参数 描述 num 必需。规定必须被转换为指数计数法的最小位数。该参数是 1 ~ 21 之间（且包括 1 和 21）的值。有效实现允许有选择.
2021-10-26 11:49:35
495
原创 谷歌浏览器打开index.html原型页面axure_chrome_V0.6.3
谷歌浏览器打开index.html原型页面，需要安装下这个插件。1、将上述rar包放到D盘或E盘，解压到当前文件夹。2、谷歌浏览器-->...更多工具>扩展程序-->开启“开发者模式”-->加载已解压的扩展程序，选择添加将第1步的文件夹路径选择添加。3，然后就可以正常再谷歌浏览器中访问index.html了资源下载地址https://download.csdn.net/download/qq_37818095/33312011...
2021-10-19 11:07:50
5994
原创 vue监听某一标签状态变化
data(){ return{observer: null, firedNum: 0,//触发次数recordOldValue: { // 记录下旧的宽高数据，避免重复触发回调函数 width: '0', height: '0'}}}mounted(){ let_this=thisletMutationOb...
2021-09-27 11:13:15
771
转载 toFixed()方法 四舍五入精度问题修改
(13.235).toFixed(2) // "13.23"(13.265).toFixed(2) // "13.27"function toFixed (d, n) { var s = n + ""; if (!d) d = 0; if (s.indexOf(".") == -1) s += "."; s += new Array(d + 1).join("0"); if (new RegExp("^...
2021-08-17 17:10:45
339
原创 express 搭建本地简易服务器
通常现在开发使用vue框架 打包后的项目不能再本地观测效果基于Node.js平台，快速、开放、极简的 Web 开发框架1.安装nodejs，此处省略这一步2.安装expressnpm install express --save -g3.安装express-generatornpm install express-generator --save -gexpress 是nodejs的一个web框架，使用express,能够更便捷的使用nodejs.express-ge..
2021-07-05 15:50:22
836
1
原创 自定义echarts地图展示行政区域
展示全国前十数据省份及数据大小如图echarts地图设置map默认显示中国地图，若想自定义各省市县地图需要先引入当地数据资源json文件以沈阳为例 首先引入沈阳json文件 如下importshenyangfrom'./static/210100.json';registerMap 重置渲染json数据echartObj = echarts.init(document.getElementById('echarts_id'));echarts.registerM...
2021-05-25 14:56:15
2177
转载 你是怎么理解ES6中Proxy的？使用场景?
一、介绍定义： 用于定义基本操作的自定义行为本质： 修改的是程序默认形为，就形同于在编程语言层面上做修改，属于元编程(meta programming)元编程（Metaprogramming，又译超编程，是指某类计算机程序的编写，这类计算机程序编写或者操纵其它程序（或者自身）作为它们的数据，或者在运行时完成部分本应在编译时完成的工作一段代码来理解#!/bin/bash#metaprogramecho'#!/bin/bash'>programfor((I=1;I&l...
2021-05-06 15:42:39
273
原创 vue中axios请求返回return
1.首先默认情况请求函数不能return信息到外部错误示范findCurrentAccountInfo() { let _this = this; let param = {}; await _this.$store.dispatch("FINDCURRENTACCOUNTINFO", { param }).then(res => { if (res.meta.success) {
2021-04-27 17:13:30
8845
5
转载 git常用25个命令及git详情介绍
下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库本地分支关联远程：git branch --set-upstream-to=origin/beta beta我们大多数时候都使用IDE和其他软件来编写命令，但为了更好的工作，我们还需要随时准备一些可以随手使用的命令，以备不时之需。以下是我在开发时候，通常使用的命令，今天，我将它分享与...
2021-04-23 09:46:02
522
原创 优化js中加减乘除四则运算浮点数精度不准问题
//除法函数，用来得到精确的除法结果//说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。//调用：division(arg1,arg2)//返回值：arg1除以arg2的精确结果exportfunctiondivision(arg1,arg2){vart1=0,t2=0,r1,r2;try{t1=arg1.toString().split(...
2021-04-21 16:35:44
338
全国地图省市中心点坐标
2021-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人