等分 前端 底部 宽度
前端（四）
前端（四） 浮动 # 标签一浮动，就不分块标签和行内标签 div{ /*float: left;*/ # 往左浮 float: right; # 往右 } 浮动带来的影响 # 父标签塌陷 # 在块级标签内的浮动可能会导致父标签塌陷，解决方式可以用以下： #d2{ clear: left; /*在父块 ......
vue3微信公众号商城项目实战系列（7）自定义底部tabbar组件
在开始之前，先看看官方对组件的定义： vue3的生态非常丰富，有各种各样的开源组件库可以拿来就用，比如vant、element-ui等，本系列不使用任何第3方组件， 完全使用原生的语法来写，只为聚焦vue3技术本身，本篇写一个自定义tabbar组件，效果如下图所示： 要实现如下功能： 1. 底部ta ......
前端沙箱利用这些特性实现代码的隔离与限制
随着 Web 技术的不断发展，前端沙箱也在不断的演进和发展。未来，前端沙箱将更加智能化和自适应，可以根据代码的特征和行为动态调整运行环境，从而提高运行效率和安全性。 ......
若依前端后端分离 代码生成修改(1)
模板引擎修改 2023年3月7日 9:26 主要配置参数的引用和定义 表字段 .vm模板: 参数名 使用位置(.vm模板文件中) 前端表单表头 默认值来源 db表: gen_table packageName package ${packageName}.controller; 生成包路径 配置文件 ......
浅谈两种前端截图方式：Canvas截图 vs SVG截图
背景 如今很多网站都引入截图功能，可用于问题反馈、内容分享等实用需求，而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式，虽然有些局限，但是也能应付大部分项目需求。 Canvas截图：html2canvas SVG截图：rasterizehtml 原理 首先来谈下两种前端截图方式的原理， ......
字节前端第一讲
第一点是关于信息是如何传到其他的地方： 视频中是用蟹煲皇帝国来进行说明：一旦多个地方都需要信息的共享，所以就需要转发表格来进行一个消息的交换，而这就是通信线路。 我们试想如果有太多了用户。如果还是单一的简单的交互，没有其他的操作，那么会使得时间很慢，因为要传送信息的地方间距很长，那么就会很费时间，我 ......
jsp页面设置td里内容超出高度或宽度隐藏
1.设置td的style overflow:hidden;white-space:norwarp;text-overflow:ellipsis; heigth:30px; width:50px; 2.设置table的属性： table-layout:fixed; ......
FinClip 与 uniapp：轻应用平台与前端开发框架
原文地址 juejin.cn FinClip 背后的产品经理发现很多开发者或业务部门的朋友，在刚了解到FinClip的时候，都会好奇FinClip能解决怎样的问题，也会经常将 FinClip 与 uni-app 进行对比考虑二者的区别与优劣势。 因此在本文中，FinClip的产品经理会和我们深入地探 ......
前端（五）
前端（五） js函数 <script> function index(){ /*定义函数*/ console.log('你好'); } index(); /*调用函数*/ </script> function sum(a,b){ /*带参函数，js只有位置参数，没有关键字参数*/ console.l ......
盘点国内前端npm CDN替代方案，基本上可以替代unpkg、jsdelivr
收集一波常见的加速NPM包的CDN，发现有些还是挺好用的，用来做博客或者网站加载NPM使用还是可以的。 经典老牌的CDN加速 unpkg.com cdn.jsdelivr.net fastly.jsdelivr.net 使用方法：直接进官网，搜NPM包名使用。 缺点：有时候不是很稳定，而且国内有些地 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建：Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径，以文件名结尾 *@params fileName * @return void */ pu ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......
什么是前端开发领域的 Cumulative Layout Shift 问题
CLS 是 Cumulative Layout Shift（累计布局偏移）的缩写，它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题，这些问题会导致网页元素在页面上闪烁或跳动，影响用户体验。 在前端开发中，CLS issue 是一个常见的问题，通常由于 ......
Drone+前端 实践
1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......
前端设计，确定按钮正慢慢消失
不论做什么产品，界面上几乎都少不了「确定」按钮，例如：操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。 以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。 倒不是因为不需要确定操作了，而是除了「确定按钮 ......
【latex】公式指定宽度
用Latex排版时，公式长度超过行宽度时可以用 resizebox 对公式进行自动缩放，用法如下： 1、调用宏包： \usepackage{graphicx} 2、使用以下命令： \begin{equation} \resizebox{.9\hsize}{!}{$A+B+C+D+E+F+G+H+I+ ......
前端&后端程序员必备的Linux基础知识
一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统： 操作系统（Operation System，简称OS）是管理计算机硬件与软件资源的程序，是计算机系统的内核与基石； 操作系统本质上是运行在计算机上的软件程序 ； 为用户提供一个与系统交互的操作界面 ； 操作系统分内核与外 ......
ES6 NO.1（ var、let 和 const 命令 ）| 前端小白的的第一篇博客~
var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用，值为 undefined ，其作用域为全局； let 和 const let 用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效; const 只能用来声明常量，一旦赋值，不能修改，故使用 cons ......
前端基础之JavaScript
JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......
个人部署【未实现Nginx前端资源部署】
【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A：安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B：安装能采用shell脚本部署项目所需软件：jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作： 第一步：使用git clone命 ......
前端CSS
CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
2023前端面试题整理
1、vue响应式： 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同，但是他们的核心思想还是一致的，都是通过 发布-订阅模式 来实现（因为发布者和观察者之间多了一个 dependence 依赖收集者，与传统观察者模式不同）。 个人理解，观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......
Web前端资源
招聘要求 前端工程师：1. 熟练掌握HTML5、CSS3、JavaScript，Ajax，跨域等基础知识；2. 熟练掌握VUE开发框架，熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求： ......
前端常用/不常用插件【想起来才会去更新】
maptalks支持2d/3d地图渲染及操作，maptalks可支持1w左右图形渲染（再多了就会有一点点卡，和电脑性能也有关系）官网：www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式，具体的还没用过maptalks.snap: 绘制图形 ......
uni-app中IM的发送的修改以及回滚底部的修改
在使用的过程中发现输入文字之后没有相关的发送按钮，所以对TUIKit/TUIPages/TUIChat/components/message-input/index.vue做微调，如下微调内容： 添加@input方法 <input class="TUI-message-input-area" :ad ......
微前端 - qiankun学习笔记
##前言 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2，子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈，只需要提供一个容器 ......
字节前端青训营笔记1.计算机网络
数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接，该连接将一直保持开放，直到通信结束。在此过程中，通信双方可以实时地交换信息，就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中，通信资源一直被占用，因此当通信量很大时，电路交换可能会变得不太有 ......