小票 前端 网页
如何屏蔽网页广告(网页中的特定元素)
目录1. 原因2. 选择一个合适的过滤器3. 自定义规则3.1. 为什么要自定义3.2. 如何自定义规则第一步:打开元素审查第二步:确认要屏蔽的元素第三步:编写规则参考 1. 原因 非常讨厌百度页面的“百度热搜”栏目,影响了我的工作效率,因此想要找个方式屏蔽掉它 2. 选择一个合适的过滤器 首先需要 ......
【前端框架Vue】Vue是什么?怎么用?
Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种响应式的数据驱动视图的方式 Vue是什么? Vue是JS的一种框架,用于构建用户界面的JS框架。可以理解为,Vue通过指令和模板语法,将数据和HTML模板关联起来,实现一种 ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField(), 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先,进行媒体文件配置: setting ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离,让开发者能够更有效率地开发和维护复杂的应用程序。然而,它们在组织代码和处理用户交互上有一些重要的区别。 首先,让我们了解一下 MVC(Model-View-Controller)模式。MVC 是一种设计模式,被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章,记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到,所谓企业级前端应用,是指为大型企业或组织开发的前端应用,这些应用具有 ......
飞书网页端云文档组件
开始使用 文档地址:https://open.feishu.cn/document/common-capabilities/web-components/uYDO3YjL2gzN24iN3cjN/introduction 特点 云文档生成独立页面,支持将文档嵌入到任意 Web 页面中,实现零代码搭建 ......
Flask实践--重保时期网页防篡改监测平台
最近在尝试使用flask编写一个网站防篡改监测平台,目前已基本完成,前端使用光年模板修改,后端主要通过设置相关参数后轮询+正则匹配实现页面监控及篡改监测,简单介绍如下: 登录 因为是自己用,去掉了图形及花里胡哨的滑块验证码(主要是不会后端校验)而改用OTP码实现双因子,账号密码通过数据库对比, 监测 ......
如何给网页和代码做HTML加密?
如何给网页和代码做HTML加密? 本篇文章给大家谈谈html混淆加密在线,以及HTML在线加密对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 如何给代码加密? 1、源代码加密软件推荐使用德人合科技的加密软件,是一套从源头上保障数据安全和使用安全的软件系统。采用的是文件透明加密模块,对 ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
微信公众号网页中打开高德地图
toDaohang(point){ let that = this //打开高德 Dialog.confirm({ title: '', message: '打开高德地图', }) .then(() => { let str = [] if(point!=''){ str = point.split ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念:Asynchronous JavaScript And XML,异步的JavaScript和XML。 作用: 数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。 异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术 ......
CSS 网页适配 iPhone全面屏
前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。 适配之前需要了解的几个新知 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
Web网页端IM产品RainbowChat-Web的v6.0版已发布
一、关于RainbowChat-Web RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。 ► 详细介绍:http://www.52i ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素:事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
关于jupyter notebook不弹出网页的问题
运行栏中输入jupyter notebook后,其启动速度慢而且之后打开的是sublime text C:\Users\lenovo>jupyter notebook 其原因是html文件的默认格式打开方式设置为了sublime或者是其他软件。 修改html的默认打开软件为浏览器就可以直接在浏览器打 ......
快速认识,前端必学编程语言:JavaScript
JavaScript是构建Web应用必学的一门编程语言,也是最受开发者欢迎的热门语言之一。所以,如果您还不知道JavaScript的用处、特点的话,赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言,具有非阻塞事件循环,因构建网 ......
网页在线安全浏览Office Word文档,只读打开/禁止编辑/禁止复制/禁止另存/禁止打印/禁止截屏
在企业OA系统或者在线协作办公场景中,有一些合同公文或者客户数据等重要文档需要我们在线共享给其他人,但是我们只希望其他人只能预览阅读文档,不能随便编辑修改文档,也禁止复制共享Word文档的内容到其他文档或者编辑器,不能将共享文件另存为本地文件夹,并且禁止用户打印该Word文档,那么该如何实现呢? 猿 ......
前端优化之路:git commit 校验拦截
【前言】 前面在git分支规范那篇文章里,介绍了commit提交规范,如下图 但是想要做到高效落地执行,就需要做些别的功课,先展示下成果图 没错,对不符合规范的commit进行了拦截,符合才可以成功提交。 【前期准备】 需要了解git hooks,它是git的钩子,就像vue拥有自己的钩子一样 官方 ......
2023最新中级难度前端面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法? async/await是ES2017引入的新特性,用于实现异步编程的同步化操作。 async表示函数是一个异步函数,它总是返回一个Promise对象;await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构? HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术,它们分别负责页面结构、表现形式和交互行为。 HTML(Hyper Text Marku ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
WebView支持第三方网页使用cookie
code:https://wenmayi.com/post/37667.html if(android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { CookieManager.getInstance().setAcceptT ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败, 代码报错 会出现跨域cors,排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
前端开发-视口(布局视口、视觉视口、理想视口)
首先必须要明白一点:(假设手机分辨率3200 * 1420),css中的1px不一定等于实际屏幕的1px(这里有1420px),系统会自动匹配一个最合适的比例(假设这个比例为3.5),用屏幕的3.5px 去渲染css中的1px,也就是说,所有的显示屏幕,不管你的分辨率是多少,系统都会自动匹配一个最适 ......
.NET微信网页开发相关文章教程
前言 今天我们主要总结一下.NET微信网页开发的相关文章教程。 微信网页开发详细文档可以看微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html 全面的 ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错! 在输出语句后面使用var定义变量x,会变量提升,输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
Tomcat-idea使用tomcat创建web项目-跳转网页出现乱码
Tomcat-idea使用tomcat创建web项目-跳转网页出现乱码: 1. .jsp内的中文跳转网页后出现以下情况: 2. 看下图内容是否缺少重要内容: 若没有:将代码copy进 .jsp 此处: <%@ page contentType="text/html;charset=UTF-8" la ......
前端优化之路:打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理,但是还不够完美,有两点可继续优化 生成的chunk-vendors文件过大,压缩后仍然超过1M 开发、测试环境生成的js文件,未带哈希值 问题1:如果在弱网环境下,会造成首次白屏时间过长 问题2:容易产生同名文件,造成浏览器缓存 出于以上两点考虑,故而需继续对项 ......