前端
BiuBiu__A
这个作者很懒,什么都没留下…
展开
-
将富文本编辑器中的H标签处理成树形结构,支持无限层级
做富文本编辑器时,需要将文本里的标题整理成树形数据,原创 2024-05-24 10:56:10 · 245 阅读 · 0 评论 -
election npm 无法下载
election npm 无法下载。原创 2023-02-20 11:20:22 · 196 阅读 · 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 · 1920 阅读 · 5 评论 -
css滚动条样式的设置, 直接复制即可
替换为自己要更改滚动条样式的类名!原创 2022-07-27 09:44:27 · 245 阅读 · 0 评论 -
js控制输入框自动获取焦点,并选中内容
js控制输入框自动获取焦点,并选中内容原创 2022-07-07 14:45:58 · 5389 阅读 · 0 评论 -
Gojs学习笔记gojs常用api记录
实现此效果可看此文章传送门gojs是javascript中一个非常强大交互式图形库 支持TSGoJS 为用户交互提供了许多高级功能,例如拖放、复制和粘贴、就地文本编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤消管理、调色板、概述、事件处理程序、命令和用于自定义操作的可扩展工具系统。官网示例比较丰富,基本可满足日常需求!2. 在js中创建Diagram画布,指定相应的标签id3. 定义节点样式partContextMenu是需要我们对右键菜单进行的一些配置,下方会原创 2022-06-17 09:53:48 · 2107 阅读 · 0 评论 -
vue中使用gojs实例、包括调色板、线条流动、缩略预览、节点中实现分组、全屏,更换主题等实例
vue中使用gojs实例、包括调色板、线条流动、缩略预览、节点中实现分组、全屏,更换主题等实例原创 2022-06-16 17:05:32 · 1686 阅读 · 0 评论 -
处理npm install 因版本问题导致的报错 unable to resolve dependency tree(npm i --legacy-peer-deps)
报错信息:unable to resolve dependency tree意思是无法解析依赖树最简单的解决方法:npm i --legacy-peer-deps该命令是解决因npm版本不兼容产生的一系列问题 执行后项目即可运行第二种解决方法:npm -g install npm@6.x降低npm版本 实现兼容完美运行...原创 2022-04-18 16:05:37 · 611 阅读 · 1 评论 -
nvm--nodejs版本管理工具,完美解决nodejs版本问题
nvm是 Mac 下的 node.js 管理工具。可以通过 `nvm` 安装和切换不同版本的 node.js。在 Windows 下面,可以使用 `nvmw` 或者 nvm-windows原创 2022-04-07 10:47:01 · 531 阅读 · 0 评论 -
vue项目中gojs最新V2.2.5版本去除水印
在node_modules/gojs/release/go-module.js中搜索String.fromCharCode(a.charCodeAt此时可以看到String.fromCharCode(a.charCodeAt(g) ^ b[(b[c] + b[d]) % 256]);这一串代码往后看 他有一个判断条件 替换为如下代码即可;if(f.indexOf('GoJS 2.2 evaluation') > -1||f.indexOf('(c) 1998-2022 Northwoods So原创 2022-03-22 17:05:57 · 1713 阅读 · 3 评论 -
实现 javascript VUE对传输的文件 | 数据进行加密
如果只是用一下,实现一下加密效果,直接复制粘贴再调用就可以了!原创 2022-03-10 17:51:23 · 806 阅读 · 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 · 1545 阅读 · 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 · 2219 阅读 · 2 评论 -
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 · 1441 阅读 · 0 评论 -
git安装包下载慢,git安装包的国内镜像下载地址
新装电脑下载Git安装包慢得很,找到的镜像地址!镜像地址:https://npm.taobao.org/mirrors/git-for-windows/原创 2021-12-20 17:27:27 · 513 阅读 · 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 · 607 阅读 · 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 · 1369 阅读 · 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 · 131 阅读 · 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 · 2012 阅读 · 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 · 2980 阅读 · 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 · 521 阅读 · 0 评论 -
antd-vue的DatePicker组件国际化没有用,月份和星期都显示英文
各种方法都尝试了,antd官方给的方法尝试也没用最后突然想起来当时安装moment.js用的是yarn add moment,会不会是在用yarn安装的时候出错了?最后用npm install 全部重新安装问题解决而人已经自我怀疑ZZ了...原创 2021-11-17 09:09:38 · 1551 阅读 · 4 评论 -
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 · 425 阅读 · 0 评论 -
GOJS学习笔记 GOJS结合vue使用
gojs是什么?GoJS是一个 JavaScript库,可让您在现代 Web 浏览器中轻松创建交互式图表。GoJS支持图形模板和图形对象属性到模型数据的数据绑定。您只需要保存和恢复模型,该模型由简单的 JavaScript 对象组成,其中包含您的应用程序需要的任何属性。许多预定义的工具和命令实现了大多数图表所需的标准行为。外观和行为的自定义主要是设置属性的问题。gojs使用的实例效果图:<template> <div id="myDiagramDiv" .原创 2021-09-17 13:34:51 · 891 阅读 · 0 评论 -
小程序swiper配置参数使用
原创 2021-09-02 10:03:05 · 232 阅读 · 0 评论 -
vue keep-alive以及activated,deactivated生命周期的区别及用法
vue官网的描述:<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。通过描述我们知道,它会缓存不活动的组件,而不是销毁。这样组件之间..原创 2021-08-29 14:05:06 · 514 阅读 · 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 · 286 阅读 · 0 评论 -
Vue中computed和watch的区别,已经computed和watch的的使用场景
计算属性computed :支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在原创 2021-08-11 23:31:27 · 105 阅读 · 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 · 327 阅读 · 0 评论