前端html css
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
简单入门五子棋代码html+css+javascript实现
今天为了测试某AI工具，尝试生成了五子棋代码，代码非常简单，适合入门级小白练手。 把代码中的bug调试通过后贴出来了，供一些入门的小朋友参考。 代码中没有实现任何算法部分，比如胜利判断、机器人对决等功能还没有开发的 但是每次落子会后自动换手，没有悔棋，胜负全靠自己判断。 先上一张图看看效果： 代码部 ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
Html空格标签，这6种你用过吗
Html空格标签，这6种你用过吗 今天给大家说一说，HTML中的6种空格表示： 1： ； 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，在HTML中，如果用空格键来当做空格，不会累加的只算1个，要使用html实体表示才可累加，该空格占据宽度受字体影响。 2 ......
CSS美化 垂直滚动条
HTML页面代码 <div class="section"> <h2>Title</h2> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perspiciatis non, inventore incidunt repudi ......
现在前端的框架
你现在开发android,ios,小程序用什么工具，怎么开发的？还在单个端的开发吗？今天我们主要讨论的是一次开发多端使用的技术，也是这两年比较流行的开发方向。现在的终端太多了，app两个端android和ios,小程序有微信，头条，百度，支付宝，还有wap端，如果你每个端都开发一次，成本太高了，所以 ......
css中使用百分比时的参照-------持续更新
目录css中使用百分比时的参照padding&margin css中使用百分比时的参照 padding&margin 使用百分比值时，参照的是父元素的宽度，例如 ......
纯CSS技术妙不可言，打造惊艳文字效果！
哈喽！大家好！我是【程序视点】的小二哥。 前言 CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。本文中为你精选了10个使用纯CSS实现的文字炫酷效果，欣赏完之后一定要自己实现体验一番哦~ 一.渐变文字效果 该效果主要利用backgroun ......
CSS之动画
一.动画 动画类型 CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 transform属性可以定义一些主要的动画属性， translate：平移，translat（100px），向右平移100px scale：缩放，scale（120%）， ......
前端上传文件或者上传文件夹
文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit ......
软件测试/测试开发|Python selenium CSS定位方法详解
简介 CSS选择器是一种用于选择HTML元素的模式。它允许我们根据元素的标签名、类名、ID、属性等属性进行选择。CSS选择器的语法简单而灵活，是前端开发中常用的定位元素的方式。 selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法。CSS定位有以下显著 ......
前端实现文件上传（点击+拖拽）
一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 ......
黑马pink css6
盒子的圆角边框： 圆形和圆角矩形的设置方法： 盒子阴影：不占用空间 文字阴影：用得不多 网页布局的三种方式： 标准流：占用一行或共用一行 浮动 定位 实际开发要用这三种方式 网页布局第一准则：多个块级元素纵向排列用标准流，多个块级元素横向排列用浮动 浮动：将盒子移到一边，直到左边缘或右边缘触及包含块 ......
ie11 css适配
1. justify-content: space-evenly;兼容性处理 justify-content: space-evenly;在IE11中不生效，替换为 justify-content: space-between; &:before, &:after { content: ''; di ......
HTML5应用之文件拖拽上传
使用HTML5的文件API，可以将操作系统中的文件拖放到浏览器的指定区域，实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程，来看下HTML5的魅力吧。 HTML 我们在页面中放置一个拖拽区域#drop_area，即接收拖拽的区域，#preview用来预览 ......
css3
1、新增选择器 是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷 css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面 css3优点: CSS3是完 ......
使用HTML5实现多文件上传
入门 File input之所以叫file input是因为它是一个标准的input元素，且其type属性被设置为"file"。很多年以来，file input一次只能选择并上传单个文件。在新的HTML5规范中为input元素添加了多选模式。当然，不同浏览器对于规范的实现一直以来都不尽相同。比如，F ......
[CSS]flex弹性盒
先来一个常用的flex样例。 水平从左往右主轴，自动换行，从主轴起始位置开始分布（侧轴不设置，使用margin进行间隔）： .tags { display: flex; justify-content: flex-start; flex-wrap: wrap; } .tag_item { margi ......
HTML5 文件上传的2种方式
以前上传文件需要提交Form表单。 HTML5方式上传文件，可以通过使用FormData类模拟Form表单提交，从而实现无刷新上传文件。 假设有一个文件选择框 <input type="file" name="pic" id="pic" accept="image/gif" /> 有下面2种方式上传 ......
CSS中的各种居中
在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: ......
[CSS]border-image-slice宽高不确定时自定义边框
宽高不确定时自定义边框效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
html5实现文件批量上传组件
一、概述 在html5中，相对于之前添加了不少新的元素和属性，在javascript中也添加了一些新的API，这些给我们的开发带来了很多便利。但由于各浏览器的发展步骤不一致，也导致了不同浏览器对html5支持的差异性。 二、实现原理 1.在该html5实现的文件批量上传组件中，我们主要是利用html ......
Python——Html（HEAD头部）
HTML中HEAD头部设置（了解） 在HTML中，<head> 元素是文档的头部部分，通常包含了一些关于文档的元信息和链接到外部资源的标签。以下是一些常见的 <head> 元素中使用的标签及其作用： <title>：设置网页的标题 设置网页的标题，显示在浏览器的标题栏或标签页上。 示例： <head ......
HTML5文件上传操作
一、File对象 在 HTML5 出现之前，在 Web 上没有文件创建和复制，也没有文件处理，HTML5 规范中包含 3 个文件相关的规范：“文件 API”“文件 API：目录和系统”以及“文件 API：写入器”，文件 API 包含 File 对象、FileList 对象和 FileReader 对 ......
前端微服务架构1-项目启动及打包部署
启动 父子应用可以单独启动，单独启动就不说了 关于一起启动 1、安装npmall: npm install npm-run-all --save-dev 2、编写启动命令 "scripts": { "dev": "webpack-dev-server --inline --hot --progres ......
前端微服务架构2-路由配置
先声明我的项目使用的是history路由，hash路由的坑没有踩 父应用的路由 { path: '/compliancePromotion/:pathMatch(.*)*', //微服务，由于子应用可能还有二级菜单，所以子应用的所有菜单都得匹配上 name: 'compliancePromotion ......
前端微服务架构1-搭建项目
公司项目老旧，迭代时间过久，迭代人员水平一般的情况下还有添加新模块怎么办？ 这几天尝试了一下开源的微服务架构， 目前网上有两种开源框架： 1、蚂蚁的qiankun目前15.1k 2、京东的micro-app目前4.9k点赞， 前者的点赞量在github上更高，所以我选择了前者 搭建也不是很难，主要是 ......
有个前端跟我说，他只用div和span，这样做对吗？
HTML语义：div和span不是够用了吗？ 今天这篇是我们正式开篇的第一篇文章，我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说：“HTML 我很熟悉了，每天写，这不是初级程序员才学的内容么，这我还能不会吗？” 其实在我看来，HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深 ......