广告 前端 组件 详情

2023.04.07 - 前端常用解决跨域问题的方案

JSONP:JSONP(JSON with Padding)是一种前端跨域请求的方式,它利用了 HTML 中的 <script> 标签没有跨域限制的特点,通过动态创建 <script> 标签,构造一个特殊的 URL,让服务端返回一段指定的 JavaScript 代码,然后在本地执行这段代码以达到跨域 ......
前端 常用 方案 问题 2023

vue3学习第二课:组件和父组件的传递数据给子组件方式props

1,在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2,在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
组件 方式 数据 props vue3

k8s前端部署

//前端项目打包构建;支持多环境 pipeline { agent any environment { //GIT路径 GIT_PATH = "threegene/dev/zproduct/server/demo.git" //项目名称, 使用Job名称作为项目名称 PROJECT_NAME = " ......
前端 k8s k8 8s

记录-VueJs中如何使用Teleport组件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对应的模块业务处理一些逻辑,该逻辑属于当前组件 但是从整个页面应用的视图上看,它在DOM中应该被渲染在整个vue应用外部的其他地方,不能影响组件的结构 比较常见的应用场景:就是全 ......
组件 Teleport VueJs

ckeditor toolbar详情配置 格式刷配置

const toolbar = [ { name: 'document', items: [ 'Source', // 源码 '-', // 分组符 'Save', // 保存 'NewPage', // 新建 'Preview', // 预览 'Print', // 打印 '-', 'Templa ......
ckeditor 详情 toolbar 格式

前端里那些你不知道的事儿之 【window.onload】

相信很多前端开发者在做项目时同时也都做过页面性能优化,这不单是前端的必备职业技能,也是考验一个前端基础是否扎实的考点,而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关,页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行,诸如此类关于性能更具体的指标和感受,很可能也是决定着年底你... ......
前端 事儿 window onload

程序化广告还有未来么?(4/5)——程序化领域变化的底层逻辑和反思

最近有一些做程序化广告业务的朋友和公司找我咨询,他们很困惑十年前那么时兴的DSP和ADX,最近三四年怎么忽然就不香了,广告主预算给的不像原来多,考核要求还特别多、特别苛刻。他们问程序化广告业务还有没有未来呢?接下来他们该何去可从。 这是一个很好的话题,我想了想之后问他们怎么理解程序化广告,要解答他们 ......
程序 底层 逻辑 领域 广告

关于FTP文件传输协议说明,带你了解更详情的文件传输协议

Internet和其他网络上的人与设备之间的通信使用协议进行。您可以说协议定义了对话规则:谁必须在何时发送哪些信息?如果数据没有到达接收者,会发生什么?您如何保护转帐免受错误和犯规?每当我们使用Internet时,OSI模型中的这些协议就一直在使用。最著名的是HTTP和HTTPS,通常用于访问网站。 ......
文件 详情 FTP

前端代码0bug经验分享

如何写好代码其实是一个很大的话题,本次仅分享一些自己的经验之谈,有其他idea的欢迎交流 在我看来,写好代码更多的是逻辑思维的体现,而这,紧靠一两次分享是无法提高的,我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节,技术选型总是千变万化的,我们需要的是抓住不 ......
前端 代码 经验 0bug bug

uni-app 日历组件的实现

uni-app 日历组件的实现 以下是一个基于 uni-app 的简单日历组件实现代码,包括了日历的基本布局和日期选择功能: <template> <view class="calendar"> <view class="calendar-header"> <view class="calendar ......
组件 日历 uni-app uni app

uni-app 弹出层组件的实现

uni-app 弹出层组件的实现 以下是一个简单的 uni-app 弹出层组件的实现代码示例,它可以根据传递的属性来控制弹出层的显示和隐藏: <template> <view class="overlay " v-show="visible" @click="close" :class="{ 'ce ......
组件 uni-app uni app

雪花算法生成的Id过长,前端接收精度丢失

1.问题现象: 表的Id使用雪花算法生成,数据库使用bigint类型可以正常存储,后端使用Long类型也可以正常接收,postman进行请求测试,也可以看到后端正常返回的数据,但是前端接收后显示的id不正常。 2.问题原因: 前端使用number类型进行接收,number类型的范围小于后台Long类 ......
前端 精度 算法 雪花

前端FileReader 文件预览

这玩意好像挺强,可以操作用户选择的文件,转为base64或者二进制,blob; 1、实际应用 我的行车记录仪记录事反着放的,所以查看视频都是反过来的,那么我就写了个html,选择对应视频反向播放; input框选择视频文件后,我们就能拿到当前视频文件,使用 let f = new FileReade ......
前端 FileReader 文件

显示器不亮主机正常怎么回事详情

有不少的用户在开机电脑之后听到主机正常的启动了,但是显示器没反应,也并不清楚显示器不亮主机正常怎么回事,因此给大家带来了详细的分析,帮助大家来解决显示器问题。 显示器不亮主机正常怎么回事: 1、主机能够正常的进入的话,说明电脑没有问题,所以先检查一下数据连接线, 如果觉得线路松动的话就将其拧紧一些, ......
显示器 回事 主机 详情

免费分享前端面试题,vue面试题,TypeScript基础知识点 PDF格式

免费分享前端资料,面试题,电子书 接前端开发,带徒弟,一对一教学,远程协助,bug修改 微信: ......
知识点 前端 TypeScript 格式 基础

vue前端纯小白向快速扫盲贴集合

看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端 vue

都这样了!我还是没法关闭微信朋友圈广告

前言 不同微信版本,关闭广告的方式不一样,今天尝试关闭微信版本 8.0.33 广告,但是发现最后还是关不掉,故写下此文,希望对大家死了关闭广告这条心! 操作如下 步骤一:点击设置—>关于微信 步骤二:点击进入《隐私保护指引》 步骤三:在第一大类中找到 1.34 小类,其中有个蓝色字样《个性化广告》, ......
还是 朋友 广告

前端加入摄像机人脸识别(mediapipe)

前端加入摄像机人脸识别(mediapipe) import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
人脸 前端 mediapipe 摄像机

uniapp小程序/deep/修改全局组件样式不生效问题

1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
全局 样式 组件 程序 uniapp

前端cookie,localStorage,sessionStorage区别

图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
前端 sessionStorage localStorage cookie

支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文链接 https://github.com/501351981/vue-office 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单:只需提供文档的src(网络地址)即可完成文档预览 体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态 ......
组件 vue 多种 文件 excel

FastCFS:FastDir-server、FastStore-server等服务器组件中的【[server-$id]】的多网卡多ip、单网卡不同port的精细配置

如题! 之所以专门记录在此,是因为,作者官方的相关文档语焉不详、或无法轻易查找的到资料,让无经验的人不知如何配置(注:yuqing莫怪!) 其实,这些配置项,可以通过仔细研读程序启动的日志信息或提示获取到。 当然,如果你有功底,完全可以通过阅读源码获取到。 此处以FastDir-server的相关c ......

k8s前端js、css等资源文件CDN加速

序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
前端 文件 资源 k8s css

前端设计模式——MVVM模式

MVVM模式(Model-View-ViewModel):它的目标是将用户界面(UI)的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图(View)和视图模型(ViewModel),并通过数据绑定实现二者之间的通信。 在MVVM模式中,视图(View)表示用户界面的呈现部分,视图模型(ViewM ......
模式 设计模式 前端 MVVM

使用vue2从零开始搭建自己的组件库(完整版)

前言 在前端开发中,除了常用的UI组件库以外,我们还会涉及到基于公司业务,需要定制化开发一些业务组件,还有随着项目的增多,开发人员的增多,为了提高工作效率,我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库,因为涉及到一些公司的业务,我们只能发布到私服的npm上。下面几点是我们 ......
整版 组件 vue2 vue

谷歌浏览器插件:FeHelper(WEB前端助手)

背景 在现在的互联网时代,前端开发已经成为一个非常重要的领域。为了提高开发效率和质量,许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件:WEB前端助手(FeHelper)就是其中一个非常受欢迎的选择。 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> ......
Component Angular 组件 Isolation Shadow

Web前端开发必看的100道大厂面试题

1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执行顺序,来让Gulp执行这些task,从而构建项目的整个前端开发流程。通俗一点来说, ......
前端 Web 100