前端css
京东css初始化部分内容
``` /*清除内外边距*/ * { margin: 0; padding: 0 } /*em,i原本是斜体，修改为不斜体*/ em,i { font-style: normal } /*去除小圆点*/ li { list-style: none } /*border：0照顾低版本浏览器，verti ......
前端根据在线mp4 url下载视频文件（而不是浏览器直接打开视频在线播放）
<!DOCTYPE html> <html> <head> <title>视频下载</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>视频下载</h1> <bu ......
CSS+html导航菜单栏
以下图为例，使用CSS+html实现下面这个博客园的导航菜单栏。 原图： 自己写的CSS+html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>wancy博客园</title> <style> *{ ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
黑马程序员前端JS基础视频课程(pink老师)
共计76个视频，20小时时长课程分为三大块1.JavaScript基础2.web APIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
CSS_相关问题及解决_持续更新
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
开心档之CSS 测验
目录 CSS 测验 编辑 CSS 测验 CSS测验是一种衡量前端开发人员对CSS的熟练程度的测试。通过CSS测验，可以评估一个人对CSS语言的掌握程度和应用能力，帮助公司或招聘方挑选合适的人才。下面将介绍如何进行CSS测验以及一些常见的CSS考题。 一、CSS测验的类型 1.选择题：从多个选项 ......
前端解决跨域问题
1.JSONP 缺点是只能解决 get请求 不支持post JSONP原理就是通过script标签的src属性 请求跨域的数据接口 并通过函数调用的方法来接受跨域接口响应回来的数据 <script src="./js/yanshi.js?callback=name"></script> 回调函数 c ......
css之弹出层居中
css之弹出层居中, container设置为fixed，并且覆盖整个屏幕, 设置半透明 container的底下一层设置为absolute，然后top/left设置为50%居中，这个时候这层的左上角剧中了，然后用 transform再退回50%，把container的底下一层的中心居于屏幕中心 . ......
助教工作总结（前端开发技术）
一、助教工作的具体职责和任务 （1）和老师配合的方面 理论课 (1) 老师会在每一块内容授课结束后发布相应云班课的作业，在理论课进行时，我主要的工作是负责的作业批改，和提醒同学们修改，解答同学们在实操时遇到的一些问题。 (2) 定期收集课程的评价，同学们对课程某些方面提出要求，老师需要进行调整和改进 ......
1. Q_ CSS 属性是否区分大小写_
1. Q: CSS 属性是否区分大小写？ ``` ul { MaRGin: 10px; } ``` A: 不区分。 HTML，CSS都对大小写不敏感，但为了更好的可读性和团队协作一般都小写，而在XHTML 中元素名称和属性是必须小写的。 ......
CSS Float(浮动)布局
1. CSS 浮动技术 CSS浮动是一种CSS布局技术，用于将元素从文档的正常流中移动，并使其可以相对于其容器或其他元素对齐。当一个元素设置了浮动属性，它将脱离正常的文档流，并根据指定的方向（左、右）浮动到容器的一侧浮动的元素会根据其容器或其他浮动元素的位置进行对齐。其他元素会环绕在浮动元素的周围。 ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
css样式浮动的特点
浮动的特点：1、设置浮动后，水平布局等式不需成立，并且元素从文档流脱离，不再占用文档流位置2、设置浮动可以将元素向其父元素的左方向或者右方向浮动3、浮动元素不会浮动出父元素4、浮动元素移动时不会超过之前的浮动元素5、浮动元素不会超过他上边的兄弟元素，最多是和他一样高6、浮动元素不会盖住文字，文字自动 ......
css_margin塌陷问题解决方法
# css_margin塌陷问题 ### 问题描述 ```html ``` 当**child1**设置了margin-top时，margin-top会作用在father上 当**child2**设置了margin——bottom时，margin-bottom会作用在father上 ### 解决方法 ......
CSS基础-初识CSS
### 简介 CSS (cascading style shett) , 层叠样式表，是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现，使得样式和结构分离，HTML负责结构，CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中， 和ht ......
css 文字横向滚动通知消息
要在CSS中实现横向滚动的通知消息，你可以使用CSS的动画属性、溢出属性和滚动属性相结合。 首先，创建一个包含通知消息的容器，并设置其溢出属性为隐藏。这将确保溢出容器的内容不可见。 然后，在容器内部创建一个用于显示通知消息的子元素，并设置其显示为内联块元素。然后，为这个子元素设置动画属性，使其从容器 ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
记一次前端npm报错“ error Command failed with exit code 1.”
记一次前端npm报错“ error Command failed with exit code 1.” 现象 报错日志如下 script returned exit code 1 [2023-07-07 23:12:06] + yarn --cwd /root/workspace build:tes ......
web前端 表单作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]
### 前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空  ### 这样切换时，页面就 ......
web前端 链接跳转作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
css让图片自动滚动
转自于：https://www.yzktw.com.cn/post/1051445.html CSS让图片自动滚动是一种非常实用的功能，它可以让网站的页面更加动态和生动。实现这个功能的方法也非常简单，只需要使用CSS中的滚动条属性即可。 /* 将所有图片都放在一个div内 */ .scroll { ......
10个适合后端程序员的前端框架
思维导航 前言 AdminLTE Gentelella layuimini Materialize vue-element-admin vue-admin-better Ant Design Vue vue-vben-admin ngx-admin react-admin DotNetGuide技术 ......