- 博客(277)
- 资源 (5)
- 收藏
- 关注
转载 60 个神级 VS Code 插件!
另一个用来生成 console.log的插件,不同的是,他支持自定义 console.log的内容,包括文件名,路径,大小等,还可以添加自己喜欢的 emoji表情,快捷键 ctrl + alt + L。编辑器自身的功能还是有限的,为了应付日常开发,不得不安装很多其他的软件进行辅助,不过也可以通过插件的方式引入一些常用的辅助软件,它们的功能可能没有原生的强大,但是基本上已经够用,并且是真的很方便。可能是因为我装了各种奇奇怪怪的插件,我现在想导入什么东西的时候,一大堆的提示,随便选一个都能导进来😂。
2023-08-11 09:59:37 475
原创 百度地图圆形与多边形缩放zoom计算
/地图层级数(百度地图默认为19级,这里多加1级方便下面通过直径的运算得出地图对应的层级)/* 从最高级往下推,基数每次乘以2后的值还在圆直径的范围内则zoom减去一级,循环类推 */var num = 20;//尺寸基数,对应19级的20m。根据画出的圆形半径适当展示地图缩放级别。为实现视觉效果,渲染时在缩放级别增加2。radius接口返回半径 单位米。
2023-06-27 14:23:43 414
原创 百度地图历史轨迹播放
playIndex播放到第几个数据点。getOverlays 画布所以数据。setRotation设置标签角度。setPosition设置标签位置。获取两个坐标点中间的直线点数据。detailList 轨迹数据。getAngle 获取标签角度。
2023-06-25 17:36:01 166
转载 ElementUI自定义主题报错“primordials is not defined”最佳解决方案
elementUI 更改主题primordials is not defined
2023-05-19 14:24:17 488
原创 js中?.与? ?的使用
语法:obj?.prop obj?.[expr] arr?.[index] func?.(args)可选链操作符(?.) 可选链操作符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?.操作符的功能类似于.链式操作符,不同之处在于,在引用为空(nullish)(null或者undefined) 的情况下不会引起错误,该表达式短路返回res?.data?.obj?.name ?? '小明' 看看这个输出是什么...
2022-05-13 15:02:49 196
转载 js replace 全局替换的操作方法
这篇文章主要介绍了js replace 全局替换的操作方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换。 1 2 3 4 5 <script language="javascript"> var strM = "这是要被替换的字符串啊啊!";.
2022-05-10 14:58:54 12928
原创 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 1283 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 1291
原创 字体编辑用中日韩汉字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 50856
转载 「自我检验」熬夜总结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 231
原创 他写出了 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 680
转载 总结了Vue3的七种组件通信方式,别再说不会组件通信了
写在前面本篇文章是全部采用的<script setup>这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:props emit v-model refs provide/inject eventBus vuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇文章将围绕下面这个demo,如下图所示:...
2022-03-24 16:27:27 315
转载 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 786
原创 HTML 符号实体参考手册
HTML 符号实体本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。注释:实体名称对大小写敏感。大于号,小于号,对号HTML 支持的数学符号字符 实体编号 实体名称 描述 ∀ ∀ ∀ for all ∂ ∂ ∂ part ∃ ∃ ∃ exists ∅ .
2021-12-01 11:43:29 284
转载 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 539
转载 vue源码解析之--工具函数(一)
工具函数是每个框架类库的基本的组成部分,本篇分析的是/shared/util.js文件,从中挑选的部分方法函数,比较常见基础的方法我就跳过了。值得一说的是,编译合成前的源码都用到了flow.js,可以理解为一个javascript的静态类型检查器,有点像typescript,可以对js的变量进行类型定义、检查错误等,然后再通过编译生成正常的js代码,文件开头有/@flow/注释的都是用到了flow的。1.makeMap() 先来看这个makemap,传入一个字符串和是否区分大小写的标示符,然后在..
2021-12-01 09:16:45 320
原创 判断两个对象是否相等 => 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 1670
原创 圣杯布局 vs 双飞翼布局
圣杯布局 vs 双飞翼布局双飞翼布局要求header和footer各自占领屏幕所有宽度,高度固定。中间的container是一个三栏布局。三栏布局两侧宽度固定不变,中间部分自动填充整个区域。中间部分的高度是三栏中最高的区域的高度。双飞翼布局的实现left、center、right三种都设置左浮动设置center宽度为100%设置负边距,left设置负边距为100%,right设置负边距为自身宽度设置content的margin值为左右两个侧栏留出空间,margin值大小为left和r
2021-11-19 09:58:25 208
原创 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 1948
翻译 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 2605
原创 展示百分比*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 489
原创 谷歌浏览器打开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 5959
原创 vue监听某一标签状态变化
data(){ return{observer: null, firedNum: 0,//触发次数recordOldValue: { // 记录下旧的宽高数据,避免重复触发回调函数 width: '0', height: '0'}}}mounted(){ let_this=thisletMutationOb...
2021-09-27 11:13:15 765
转载 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 334
原创 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 833 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 2149
转载 你是怎么理解ES6中Proxy的?使用场景?
一、介绍定义: 用于定义基本操作的自定义行为本质: 修改的是程序默认形为,就形同于在编程语言层面上做修改,属于元编程(meta programming)元编程(Metaprogramming,又译超编程,是指某类计算机程序的编写,这类计算机程序编写或者操纵其它程序(或者自身)作为它们的数据,或者在运行时完成部分本应在编译时完成的工作一段代码来理解#!/bin/bash#metaprogramecho'#!/bin/bash'>programfor((I=1;I&l...
2021-05-06 15:42:39 269
原创 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 8796 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 515
原创 优化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 334
全国地图省市中心点坐标
2021-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人