前端 组件wolftable格式
ckeditor toolbar详情配置 格式刷配置
const toolbar = [ { name: 'document', items: [ 'Source', // 源码 '-', // 分组符 'Save', // 保存 'NewPage', // 新建 'Preview', // 预览 'Print', // 打印 '-', 'Templa ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
uni-app 日历组件的实现
uni-app 日历组件的实现 以下是一个基于 uni-app 的简单日历组件实现代码，包括了日历的基本布局和日期选择功能： <template> <view class="calendar"> <view class="calendar-header"> <view class="calendar ......
uni-app 弹出层组件的实现
uni-app 弹出层组件的实现 以下是一个简单的 uni-app 弹出层组件的实现代码示例，它可以根据传递的属性来控制弹出层的显示和隐藏： <template> <view class="overlay " v-show="visible" @click="close" :class="{ 'ce ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端加入摄像机人脸识别（mediapipe）
前端加入摄像机人脸识别（mediapipe） import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
uniapp小程序/deep/修改全局组件样式不生效问题
1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
前端cookie,localStorage,sessionStorage区别
图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接 https://github.com/501351981/vue-office 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 ......
FastCFS：FastDir-server、FastStore-server等服务器组件中的【[server-$id]】的多网卡多ip、单网卡不同port的精细配置
如题！ 之所以专门记录在此，是因为，作者官方的相关文档语焉不详、或无法轻易查找的到资料，让无经验的人不知如何配置（注：yuqing莫怪！） 其实，这些配置项，可以通过仔细研读程序启动的日志信息或提示获取到。 当然，如果你有功底，完全可以通过阅读源码获取到。 此处以FastDir-server的相关c ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
前端设计模式——MVVM模式
MVVM模式（Model-View-ViewModel）：它的目标是将用户界面（UI）的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图（View）和视图模型（ViewModel），并通过数据绑定实现二者之间的通信。 在MVVM模式中，视图（View）表示用户界面的呈现部分，视图模型（ViewM ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
Hi-C pairs 文件格式
Hi-C pairs 文件格式 ## pairs format v1.0 #sorted: chr1-chr2-pos1-pos2 #shape: upper triangle #chromsize: chr1 248956422 #chromsize: chr2 242193529 #chroms ......
输入数据有多组，每组测试数据有 2 行，第 1 行为 1 个正整数，表示所生成的随机数的个数：N 第 2 行有 N 个用空格隔开的正整数，为所产生的随机数。 输出格式 对于每组测试实例，输出 2 行，第 1 行为 1 个正整数 M，表示不相同的随机数的个数。第 2 行为 为从小到大排好序的不相同的随机数。
#include <iostream> #include <string> using namespace std; void sort(string s){ char tmp[100]; int len = s.size(); int count = 0, i, j; for (i = 0; i ......
python datetime日期格式化
python datetime日期格式化 from datetime import datetime currentDateTime = datetime.now() print(currentDateTime.strftime("%Y-%m-%d %H:%M:%S")) ############# ......
谷歌浏览器插件：FeHelper（WEB前端助手）
背景 在现在的互联网时代，前端开发已经成为一个非常重要的领域。为了提高开发效率和质量，许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件：WEB前端助手（FeHelper）就是其中一个非常受欢迎的选择。 FeHelper 是什么？ FeHelper 是一个谷歌浏览器插件，它提供 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ......
uni-app 滚动通知组件的实现
uni-app 滚动通知组件的实现 一、实现思路 二、使用scroll-view 组件实现 <template> <view class="notice"> <scroll-view class="notice-scroll" :scroll-y="true" :scroll-with-animat ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......
Angular 复习与进阶系列 – Component 组件 の Template Binding Syntax
前言 这篇介绍一些基本的 Angular 模板语法. 参考 Docs – Understanding binding Render, Event Listening and DOM Manipulation Angular 作为一个 MVVM 框架, 有两个任务是一定要处理好的 1. First R ......
Matrix和Mat的格式转
说明 在 opencv 中矩阵都是使用 cv::Mat 表示，但是在 slam 中使用到了 Eigen::Matrix4d 数据类型，对于它们的类型转换，可以使用 opencv 的库，代码如下： #include <opencv2/core/eigen.hpp> #include <Eigen/Co ......