![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
BiuBiu__A
这个作者很懒,什么都没留下…
展开
-
将富文本编辑器中的H标签处理成树形结构,支持无限层级
做富文本编辑器时,需要将文本里的标题整理成树形数据,原创 2024-05-24 10:56:10 · 165 阅读 · 0 评论 -
election npm 无法下载
election npm 无法下载。原创 2023-02-20 11:20:22 · 180 阅读 · 1 评论 -
vue项目问题记录 pdf.js解决跨域问题 版本v2.16.105
是固定的,至于后边的fildata.pdfPath替换成你需要展示的pdf文件链接即可。来到刚放在public文件夹下的pdfjs插件文件夹。如果网站访问不到,这里放一个我正在使用的版本。官网下载pdfjs文件 并保存到vue。将改判断语句隐藏掉,即可解决跨域问题!打开web下的viewer.js。在viewer.js中搜索。其中的src路径地址。原创 2022-09-20 14:06:19 · 1812 阅读 · 5 评论 -
js控制输入框自动获取焦点,并选中内容
js控制输入框自动获取焦点,并选中内容原创 2022-07-07 14:45:58 · 5276 阅读 · 0 评论 -
Gojs学习笔记gojs常用api记录
实现此效果可看此文章传送门gojs是javascript中一个非常强大交互式图形库 支持TSGoJS 为用户交互提供了许多高级功能,例如拖放、复制和粘贴、就地文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤消管理、调色板、概述、事件处理程序、命令和用于自定义操作的可扩展工具系统。官网示例比较丰富,基本可满足日常需求!2. 在js中创建Diagram画布,指定相应的标签id3. 定义节点样式partContextMenu是需要我们对右键菜单进行的一些配置,下方会原创 2022-06-17 09:53:48 · 2064 阅读 · 0 评论 -
基于vue的protobuf如何在web端简单使用?解析加实例
Vue项目搭建好以后安装protobufjsnpmnpm install protobufjsyarnnpm install protobufjs安装成功后在项目src目录下新建proto目录,把后端给的proto文件放进去我的文件是test.proto 测试用的 内容如下syntax = "proto3";message Address{ string province = 1; string city = 2; string county = 3;}原创 2022-02-24 09:53:23 · 1499 阅读 · 1 评论 -
在vue项目中,使用videoPlayer插件,播放hls m3u8格式的视频流
安装videoPlayeryarn add vue-video-player -S播放hls的话需要安装videojs-contrib-hls 并在组件内引入yarn add videojs-contrib-hls<template> <div> <div class="videoBox"> <videoPlayer class="video-player vjs-custom-skin" ref="原创 2022-02-10 17:41:42 · 2201 阅读 · 2 评论 -
vue 本地上传XML文件转JSON,完整实例
1、NPM安装x2jsnpm i x2js2、在main.js引入import x2js from ‘x2js’Vue.prototype.$x2js = new x2js()3、定义一个组件,把一下代码复制进去,引入组件即可<template> <div class="file-button-box"> <a-button class="add" @click="add"> 新建 </a-button> <a-butto原创 2021-12-29 12:30:15 · 1211 阅读 · 0 评论 -
ssh登录 The authenticity of host 192.168.0.xxx can‘t be established. 的问题
ssh登录 The authenticity of host 192.168.0.xxx can't be established. 的问题报错内容:The authenticity of host ‘192.168.233.137 (192.168.233.137)’ can’t be established.ECDSA key fingerprint is SHA256:EsqTfeCJ34DnGV66REuRRPhoFwaLuee5wxFgEAZ8b9k.Are you sure you wa原创 2021-12-21 09:03:52 · 1393 阅读 · 0 评论 -
git安装包下载慢,git安装包的国内镜像下载地址
新装电脑下载Git安装包慢得很,找到的镜像地址!镜像地址:https://npm.taobao.org/mirrors/git-for-windows/原创 2021-12-20 17:27:27 · 478 阅读 · 0 评论 -
初始化项目时,遇到Antd is not defined
原因是按网上的教程配置在线主题时,安装了babel-plugin-import,并且修改了babel.config.js的内容,所以会有错误;解决方案1.在main.js引入ant-design-vue时改为如下引入:import Antd from 'ant-design-vue'2.移除babel.config.js文件中的如下代码 plugins: [ [ 'import', { libraryName: 'ant-design-vue'原创 2021-12-17 14:09:38 · 568 阅读 · 0 评论 -
vue项目实现页面自适应 通过lib-flexible插件+postcss-px2rem-exclude
lib-flexiblepostcss-px2rem-exclude淘宝也是采用这用自适应lib-flexible:会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除以10,也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px,此时1rem应该等于75px。假如量的某个元素的宽度是150px,那么在css里面定义这个元素的宽度就是 width: 2rem,那么这就有点麻烦了,我他么还原创 2021-12-15 16:43:02 · 1348 阅读 · 0 评论 -
公司前端开发规范
前端开发规范1.0 命名规范1.1 目录命名所有目录使用 kebab-case 命名正例: head-search / page-loading / authorized / notice-icon反例: HeadSearch / PageLoading1.2 JS、CSS、SCSS、HTML、PNG 等文件命名全部采用小写方式, 以中划线分隔正例:render-dom.js / signup.css / index.html / company-logo.png反例: rend原创 2021-12-15 10:14:06 · 109 阅读 · 0 评论 -
Antv G2V VUE下折线图+柱状图等 自定义tooltip和自定义主题
效果如下: this.chart = new Chart({ container: "ItemGroupAverageTime", autoFit: true, }); var chart = this.chart; chart.data(this.data); chart.scale("平均用时", { nice: true, }); chart.tooltip({原创 2021-11-22 14:34:39 · 1978 阅读 · 0 评论 -
antV-G2图标的label如何显示,如何自定义样式
chart .interval() .position("号位*平均分") //这里开始设置label .label("平均分", (val) => { return{ position: "middle", offset: 0, content: (originData) => { return val + "..原创 2021-11-20 10:06:30 · 2861 阅读 · 0 评论 -
重新安装Less-loader后报:Syntax Error: TypeError: this.getOptions is not a function
原因是安装的less-loader版本过高,重新安装即可解决解决方法:yarn add less-loader@6.0.0原创 2021-11-19 22:32:30 · 495 阅读 · 0 评论 -
node.js原生http模块写一个基本的web服务器
// 引入http模块const http = require('http')// // 导入 fs 文件系统模块const fs = require('fs')//导入 path 路径处理模块const path = require('path')// --------------引入结束-------------//const server = http.createServer()server.on('request', function (req, res) { // 设置请求头原创 2021-11-14 10:04:51 · 419 阅读 · 0 评论 -
vue的Echarts折线图怎么设置阴影颜色
效果图主要是series里面的参数 series: [ { name: 'Fake Data', type: 'line', smooth: true, stack: 'a', symbol: 'circle', symbolSize: 5, sampling: 'average', itemStyle: { color: '#F2597F' }, areaS原创 2021-11-09 17:14:45 · 2006 阅读 · 0 评论 -
vue开发技巧——批量注册全局组件
步骤:1、首先在components 中新建一个 global.js(自定义命名) 文件global.js//引入vueimport Vue from 'vue'//引入同目录下的全部组件const requireCom = require.context('.',false,/\.vue$/);//依次进行注册requireCom.keys().forEach(key => { // 字符串首字母大写处理 function strUp(str){ return str.char原创 2021-10-09 10:23:58 · 119 阅读 · 0 评论 -
vue keep-alive以及activated,deactivated生命周期的区别及用法
vue官网的描述:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。通过描述我们知道,它会缓存不活动的组件,而不是销毁。这样组件之间..原创 2021-08-29 14:05:06 · 505 阅读 · 0 评论 -
前端学习之路, 记录前端小白成长历程, 学习总结, 工具汇总, 打造开箱即用的学习体验
前端学习之路, 记录前端小白成长历程, 学习总结, 工具汇总, 打造开箱即用的学习体验常用js库汇总之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结.首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制造大家的焦虑感.前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和库出现, 也有大量库被淘汰(原创 2021-08-18 11:58:28 · 143 阅读 · 0 评论 -
Symbol基本概念概念
Symbol概念什么是Symbol ?ES6 中引入了的一种新的原始数据类型常见数据类型都有哪些?ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 SymbolSymbol有什么作用 ?可以表示独一无二的值,比如定义对象的唯一属性名,定义不会重复的常量等等Symbol语法Symbol([description])使用注意点Symbol 不是构造函数,不能使用new关键字,否则会有如下异常T原创 2021-08-13 10:48:17 · 256 阅读 · 0 评论 -
Vue中computed和watch的区别,已经computed和watch的的使用场景
计算属性computed :支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在原创 2021-08-11 23:31:27 · 96 阅读 · 0 评论 -
Vue的优点,vue双向数据绑定的原理?
Vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb ;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了 angular 的特点,在数据操作方面更为简单;组件化:保留了 react 的优点,实现了 html 的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom 操作是非常耗费性能的,不再使用原生的 dom 操作节原创 2021-08-07 13:57:04 · 1013 阅读 · 0 评论 -
2021前端最常见的面试题---持续更新中
Javascript+jQuery+ajax(js全阶段面试题)1. js的数据类型(难度:★)` Number ` `String` `Boolean` `Undefind` `Null` `Object` `Symbol`2. 如何判断变量的数据类型,有几种方法(难度:★) console.log(typeof "John" ); // 返回 string console.log(typeof 3.14 ) // 返回 numbe原创 2021-07-22 16:36:41 · 297 阅读 · 0 评论 -
JavaScript数组去重(12种方法,史上最全)
转自 沉静的闪光数组去重的方法一、利用ES6 Set去重(ES6中最常用)function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];转载 2021-07-22 16:18:42 · 210 阅读 · 0 评论 -
22种数组方法的使用及演示
数组方法一共有几种?22种数组方法的使用及演示简单数组方法 var list = [1, 2, 3, 4, 5, 6, 'hello', 6, 6, 7, 9] push: //往数组的最后一个位置追加元素 list.push(7) console.log(list) // [1, 2, 3, 4, 5, 6, "hello", 6, 6, 7, 9, 7] unshift: //往数组的第一个位置追加元素 list.unshift(0) con原创 2021-07-22 15:04:31 · 209 阅读 · 0 评论 -
typeof null返回Object的原因
typeof null返回Object是一个不能去修正的的bug,因为这会破坏现有的代码。typeof null 的历史第一代JavaScript引擎中的JavaScript值表示为32位的字符。最低的3位作为一种标识,表示值是对象、整数、浮点数或者布尔值。对象的标示是000。而为了表现null值,引擎使用了机器语言NULL指针,该字符的所有位都是0。而typeof就是检测值的标志位,这就是为什么它会被认为是一个对象的原因。...原创 2021-07-22 13:57:32 · 129 阅读 · 1 评论 -
怎么让input标签只允许上传图片类型文件
input[file]标签的accept属性可用于指定上传文件的 MIME类型 。例如,想要实现默认上传图片文件的代码,代码可如下:<input type="file" name="file" class="element" accept="image/*">当然这是可以匹配所有类型的图片文件,如何做到规定某些类型呢???简单的很呢!这就基本上就是我们正常用到的所有类型的文件,如果后期遇到其他的,可以自行添加或者修改!<input type="file" accept=原创 2021-07-20 19:12:01 · 1547 阅读 · 0 评论 -
js生成随机颜色,无需理解,直接复制
使用Math.random()生成随机数 0.7489584611780002数字的.toString(n) 将数字转换为 n 进制的字符串 n取值范围(0~36)"0.vbpjw8lipf9"使用 substr 截取去除前面的 0.使用 toUpperCase() 转换为大写 L7NE21W7LMPMath.random().toString(36).substr(2).toUpperCase();使用这个方式可以生成随机颜色 #AF9838'#' + Math.random().toStr原创 2021-07-14 19:07:04 · 519 阅读 · 7 评论 -
如何在记住滚动条的滚动位置,在切换其他页面时继续显示,本方法只适用于不刷新页面的情况
首先回忆一下overflow的属性有哪些visible:默认值。内容不会被修剪,会直接显示在在元素框之外。auto : 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。滚动条会根据本标签内容是否被修剪而调整sroll : 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容,滚动条是一直显示不会消失的inherit : 从父元素继承 overflow 属性的值。hidden : 内容会被修剪,并且其余内容是不可见的。vw:1vw为视口宽度的 1%vh:1原创 2021-07-13 10:09:58 · 925 阅读 · 3 评论 -
http协议常用的状态码
http协议常用的状态码参见:https://www.jianshu.com/p/b58025e61b2d分类描述1**信息。服务器收到请求,请继续执行请求2**成功。请求被成功接收并处理3**重定向。需要进一步操作来完成请求4**客户端错误。无法完成请求,或请求包含语法错误5**服务器错误。服务器在处理请求的过程中发成错误-100继续请求者应当继续提出请求。服务器已收到请求的一部分,正在等待其余部分。 101切换协议请求者已要求服务器切换协原创 2021-07-09 21:29:29 · 98 阅读 · 0 评论 -
vue组件插槽怎么用?vue组件插槽是什么?怎么使用?vue组件插槽最详细讲解
VUE组件插槽目标: 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽插槽例子:需求: 以前折叠面板案例, 想要实现不同内容显示, 我们把折叠面板里的Pannel组件, 添加组件插槽方式语法口诀:组件内用占位使用组件时夹着的地方, 传入标签替换slot03/Pannel.vue - 组件(直接复制)<template> <div> <原创 2021-07-08 09:24:03 · 1071 阅读 · 0 评论 -
数组的方法大全,每个数组的基本用法
var list = [1, 2, 3, 4, 5, 6, 'hello', 6, 6, 7, 9] // push: 往数组的最后一个位置追加元素 // list.push(7) // console.log(list) // unshift: 往数组的第一个位置追加元素 // list.unshift(0) // console.log(list) // pop: 移除数组中的最后一个元素,并返回这个被删除的元素 // var res原创 2021-07-06 09:10:29 · 100 阅读 · 0 评论 -
VUE路由插件 router使用保姆级教程,VUErouter使用教程
知识点自测 url的组成部分都有哪些, hash值指的什么今日学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1. vue路由简介和基础使用1.0 什么是路由目标: 设备和ip的映射关系[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VKGro87g-1625490228254)(images/image-20210512095原创 2021-07-05 21:06:26 · 649 阅读 · 0 评论 -
vue自定义指令怎么用?自定义指令详细介绍文档在此,内附自定义指令实用代码
自定义指令自定义指令文档除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。 v-xxxhtml+css的复用的主要形式是组件你需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令1.0 自定义指令-注册目标: 获取标签, 扩展额外的功能局部注册和使用07_UseDirective.vue - 只能在当前组件.vue文件中使用<template> <div> <!-- <inp原创 2021-07-03 14:04:50 · 365 阅读 · 0 评论