前端html css
前端高手进阶
前端高手进阶├──文档 ├──[3170] 开篇词:带你一起筑建前端工程师的“护城河”.md 15.37kb ├──[3171] 第01讲:你真的熟悉 HTML 标签吗？.md 20.50kb ├──[3172] 第02讲:如何高效操作 DOM 元素？.md 24.48kb ├──[3173] 第0 ......
前端性能优化方法与实战
目录:01 开篇词 开启刻意练习之路，进阶前端性能技术专家.mp402 01 体系总览:性能优化体系及关键指标设定.mp403 02 性能瓶颈点:从 URL 输入到页面加载整过程分析.mp404 03 案例分析:移动端 M 站性能优化落地注意事项.mp405 04 指标采集:首屏时间指标采集具体办法 ......
web前端 第六天总结
案例1：函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
web前端 第五天总结
案例1：js初体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
前端封装时间选择器时的数据格式问题（JS闭包应用场景）
工作中遇到一个需求，需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框，下拉框后面跟两个框分别显示起止时间，默认是禁用状态，下拉框有多个选项，比如一小时，三小时，六小时......最后一项是自定义时间段，选中后起止时间选择框将会解除禁用。 当选中一小时时，每次全新查询都要拿到当前时间 ......
2--DIV CSS基础
1.DIV CSS样式 CSS指的是层叠样式表（Cascading Style Sheets），也称级联样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素，可以同时控制多张 ......
03 爬取新闻 bs4介绍遍历文档树，bs4搜索文档树， css选择器， selenium基本使用，selenium其他使用 搜索标签
# 1 爬取新闻 ```python # 1 爬取网页 requests # 2 解析 xml格式，用了re匹配的 html，bs4，lxml。。。 json： -python ：内置的 -java ： fastjson 》漏洞 -java： 谷歌 Gson -go ：内置 基于反射，效率不高 `` ......
前端操作方法
数组 方法参数操作返回值时间复杂度空间复杂度 push() 一个或多个元素 在数组末尾添加一个或多个元素，并返回新数组的长度 新数组的长度 O(1) O(1) pop() 无 移除并返回数组的最后一个元素 被移除的元素 O(1) O(1) unshift() 一个或多个元素 在数组开头添加一个或多个 ......
前端 手动全屏
手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor ......
前端坑
一、console.log 快照坑 console.log(res)、console.log(res.food) 其中在前端开发者工具中res的food值并不是后者打印出来的数据 原因：控制台打印对象，前端保存的是一个对象快照 解决：使用JSON.stringify(res) 二、 ......
html插入有问题时采用的方式
toInnerHTML (dom) { const div = document.createElement('div') div.appendChild(dom.cloneNode(true)) return div.innerHTML } ......
前端echarts组件问题合集（渲染、传参、高度...）
1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
CDN与前端技术
CDN（Content Delivery Network）是一种广泛应用于网络加速和内容分发的技术。它通过在全球各地部署服务器节点，将静态资源如图片、CSS和JavaScript文件等缓存到离用户最近的节点上，从而提供更快速和可靠的内容交付。在前理、前端与CDN的结合以及一些最/佳实践 ......
前端文件打开并且读取内容展示
1. 函数封装 const onloadend1 = (e: any, a: any) => { const { graph } = FlowGraph const reader = new FileReader(); const fileList = fileRef1.value.files // ......
前端保存文件并且自定义内容的方法实现
1. 封装一个下载文件的函数 const downloadTxt = (fileName: any, content: any) => { let a = document.createElement('a'); a.href = 'data:text/plain;charset=utf-8,' + ......
angular 三方插件创建html使用template
html： <ng-template #popTpl> <div> <p>title</p> <p>content</p> </div> </ng-template> ts： @ViewChild("popTpl") popTpl; constructor(private viewRef: View ......
vue自动去掉html双引号的问题
解决vue项目打包后index.html标签属性没有双引号的问题 问题:编译发布后html中的双引号丢失 在vue.config.js 中 查看网上的写法,编译发布可以,但是本地调试执行报错 1 chainWebpack: config => { 2 config.resolve.alias 3 . ......
7款超具个性的HTML5播放器
这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有播放器的大部分功能，并以HTML5和JavaScript实现。这些HTML5播放器有着非常漂亮的外观，很多你都无需自己重新定义样式，引用相关JS即可，源代码大家都可以下载。 1、HTML5笑脸样式的音乐播放器 今天要来分享一 ......
前端编程开发 --- Vue3 事件处理
监听DOM事件，执行js代码 格式： v-on:click="methodName" 或 @click="methodName" 示例： 写js代码 <div id="app"> <button @click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ c ......
前端Vue自定义精美商品订单星级评分组件 星级评分 爱心评分
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端共学会：学习|成长|工作|职业，综合服务社区
前端共学会，学习/成长/工作/职业，综合服务社区 第1章 什么是共学会？ 试看2 节 | 5分钟共学会整体介绍 第2章 社群资料6 节 | 3分钟社群中的一些精华贴、面试预约、社群资源等等。 第3章 简历优化、模拟面试：历史记录 试看2 节 | 64分钟简历优化、模拟面试 第4章 书籍讲解：日更9 ......
CSS Grid布局
## Grid布局 ### 1 概述 网格布局（Grid）将王爷分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid布局与Flex不具有一定的相似性，都可以指定容器内部多个项目的位置，但是他们存在重大的区别。flex布局时轴线布局，只能指定项目针对轴线的位置，可以看作是一维布局；gr ......
HTML-DAY01
1.前端三剑客之一——HTML（超文本标记语言） 什么是HTML Hyper Text Markup Language超文本标记语言,体现可以对文本进行标记(颜色/字体大小),并且对动画,图片进行渲染等等! 2.页面标准结构介绍 <!DOCTYPE html> html5的文档类型 <html> h ......
html
<!-- 1 过 2 过 3 过 4 过 5 过 6 过 7 过 8 过 9 过 --> <!-- 声明 --> <!DOCTYPE html> <!--语言--> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport ......
高效模拟前端集成电路 Chapter 1 绪论
## 高效模拟前端集成电路 Chapter 1 绪论 计划近期阅读完朱樟明《高效模拟前端集成电路》一书增加自己模拟电路领域的理论知识。 模拟前端集成电路在部分电子系统中的位置： 1. 无线通信 2. 有线通信 3. 信息感知 4. 高速数据接口（Serdes，JESD204B，LVDS） 。 头像容器宽度不确 ......