前端css
Tailwind CSS与写全局样式的优势
Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90 ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
css3 复习
1.不固定宽高实现水平居中，垂直居中 一共有3种方法 flex display: table-cell; vertical-align: middle;text-align: center; transform: translate(-50%, -50%); 方法二： .box { width: 3 ......
2023-05-30 前端通过node获取七牛云的token（token最好还是在后端返回，前端获取token会暴露密钥）
const fs = require('fs'); const qiniu = require('qiniu'); var accessKey = '你的accessKey'; var secretKey = '你的secretKey'; var mac = new qiniu.auth.diges ......
氚云前端代码对控件赋值
一、 先说表单子表，进行自动排序 var parent = this; //先将对象也就是子表，进行绑定改变事件 this.D000685F044da22ee9b54a669386935b72c2b7a0.BindChange( "Set", function( data ) { debugger; ......
文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览
@[toc] 关于实现文档在线预览的做法，之前文章提到了的两种实现方式： 1、通过将文档转成图片：详见[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)； ......
前端返回时直接关闭页面
任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。 提供解决方式：监听页面返回事件，在手动关闭页面。 前端用的环境是vue。 ``` // 挂载时 mounted () { history.pushState(nu ......
L1频段卫星导航射频前端低噪声放大器芯片 AT2659/AT2659S
AT2659 是一款具有高增益、低噪声系数的低噪声放大器（LNA）芯片，支 持L1频段多模式全球卫星定位，可以应用于GPS、北斗二代、伽利略、Glonass 等GNSS导航接收机中。芯片采用先进的SiGe工艺制造，采用1.5 mm X 1 mm × 0.78 mm的6 pin DFN封装。 主要特点 ......
vue前端的avue-crud操作
1、在js中获取某个字段的属性，或设置字段的值： const column = this.findObject(this.option.column, "parentId"); column.disabled = true;//设置为禁用此字段 column.value = '1'; //设置par ......
前端开发如何更好的避免样式冲突？级联层(CSS@layer)
本文主要讲述了CSS中的级联层（CSS@layer），讨论了级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突，提高代码可读性和可维护性。以及相关的级联知识的深入理解。 ......
2023-05-30 前端h5页面如何实现调起微信支付功能（该回答来自chatgpt，实际效果未测试）
前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码： 1.获取微信公众号的appid和secret 在微信公众平台上创建一个公众号，获取其对应的appid和secret。 2.引入微信JS-SDK 将微信JS-SDK的链接放入HTML文件的头部，例如： <s ......
css实现文本超出固定行数显示...和展开收起
文本超出固定行数显示...和展开收起 项目中有时需要实现文字超出末尾显示…和展开收起按钮的需求，在我用js限制字符数实现之后，又去找了大佬用css实现的方法，发现这样更满足我的需求且更简单。 思路： float可以实现文字环绕效果判断展开收起的状态，可以使用复选框和伪元素结合实现复选框选中、未选中的 ......
推荐一款轻量级 eBPF 前端工具 ply
## 1 Overview ply 是 eBPF 的 front-end 前端工具之一，专为 embedded Linux systems 开发，采用 C 语言编写，只需 libc 和内核支持 BPF 就可以运行，不需要外部 kernel 模块，不需要 LLVM，不需要 python。 ply 由瑞 ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
前端开发中解决客户电脑没有想要的字体解决办法
前端开发中，字体是很重要的一部分。特别是针对一些演示大屏页面做开发时，字体更为重要。然而，当客户电脑没有安装你想要的字体时，页面可能会达不到预期效果。那么该怎么办呢？ ......
教学笔记：CSS学习笔记
### css初级篇 1．css：cascading style sheet，层叠样式表 2．引入css 1. 行间样式 `style = “ ”` 2. 页面级 `` 3. 外部文件 `` ，同时（异步）加载 ### css选择器 1. Id选择器 #（井号） 2. class选择器 .（点） 2 ......
css-select 工具包的依赖分析
我在 yarn.lock 文件里看到下列这段内容，请问其语义是？ ```yml css-select@^4.2.0: version "4.3.0" resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db ......
CSS-Select 开发包和使用案例分享
CSS-Select 是一个用于解析 CSS 选择器的工具包，它提供了一套完整的 API，可以方便地进行 CSS 选择器的解析和匹配。该工具包是基于解析器生成器 jison 开发的，可以在 Node.js 环境下使用。下面，我们来详细介绍一下 CSS-Select 工具包的作用和使用方法。 ### ......
使用 Angular proxy 解决前端跨域问题
在Angular应用程序的前端部分绕过CORS限制有两个选项：（1）JSONP 和（2）Angular代理。 其中 JSONP 无法设置头部信息，所以如果需要设置头部信息，可以使用Angular代理。 proxy.conf.json文件是Angular应用程序中的一个配置文件，用于配置代理服务器。它 ......
jQuery CSS方法+jQuery盒子模型
http://api.jquery.com/height/ JS文件： $(document).ready(function () { //CSS方法 //第一种写法 //$("div").css("width", "100px"); //$("div").css("height", "100px" ......
前端解决浏览器跨域问题
自从前后端分离后，浏览器做出了很多的限制，如产生跨域时将限制访问服务器，那要如何解决前端跨域的问题，下面将以谷歌浏览器（chrome）为标椎来提出一个简单且常用解决方案。 一、创建一个能够跨域的谷歌浏览器 下载并安装谷歌浏览器以后（如果已经拥有那就不用），右击谷歌浏览器使用快捷方式创建出另一个谷歌浏 ......
前端如何解决跨域问题
跨域问题是指由于浏览器的同源策略（Same-Origin Policy：两个页面具有相同的协议、主机和端口，三者有任一不相同即会产生跨域），导致不能在不同域名、协议或端口之间直接进行数据交互。跨域是浏览器的一种安全机制，服务端之间是不存在跨域的。如下表所示： 解决方案 JSONP：JSONP利用sc ......
css 布局 自然换行，最后一行左对齐
## 参考 [CSS flex布局最后一行左对齐的常用方法](https://blog.csdn.net/m0_37714008/article/details/125780293) 感谢这位博主 ## 代码 ``` .list { display: grid; // ← justify-conte ......
前人踩过的雷，绕过的弯，何必重蹈，前端学习路径方法分享
今天我们一起来聊聊前端的学习路线与方法。 在上篇文章中，我和你简单回顾了前端行业的发展，到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零 ......
前端页面Table CSS实现固定表头表首行和固定列拖动固定
需要用到的2个属性 table-layout : fixed position : sticky table-layout table-layout属性有两种特定值： auto（预设值）-表格的总宽度决定每一个储存格（cell）的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏 ......
最佳实践：基于vite3的monorepo前端工程搭建
## **一、技术栈选择** ### **1.代码库管理方式-Monorepo：** **将多个项目存放在同一个代码库中** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4854d8dd45de421eb703075926746a30~ ......
如何在前端应用中合并多个 Excel 工作簿
本文由葡萄城技术团队于博客园原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言|问题背景 SpreadJS是纯前端的电子表格控件，可以轻松加载 Excel 工作簿中的数据并将它们呈现在前端浏览器应用的网页上。 在某些情况下，您可能需要将来自多个工作簿的数据（例如，来自不 ......