前端html css
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
css的认知与样式
# 1.介绍 ## 目录 - [1. 介绍](#1-介绍) - [2. CSS语法](#2-CSS语法) - [3. CSS注释](#3-CSS注释) - [4. CSS中的颜色值](#4-CSS中的颜色值) - [5. CSS长度单位](#5-CSS长度单位) - [6. html引入CSS的三种 ......
在Html中使用Requirejs进行模块化开发实例详解
在Html中使用Requirejs进行模块化开发实例详解 更新时间：2016年04月15日 10:24:51 投稿：mrr 在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发 在前端模块化的时候，不 ......
html canvas画图
样例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas画图</title> <style type="text/css"> canvas { border: 1px solid black; } </style> < ......
微前端：乾坤 VS 无界
共同点： 当路由切换的时候，可以去加载对应应用的代码，让其跑在容器里。 具备加载和卸载子应用的能力，页面从一个子应用切换到另一个子应用时，能正常进行加载和渲染； 具有路由状态保持能力，激活子应用后，浏览器刷新、前进、后退子应用的路由都可以正常工作； 主应用和子应用、子应用和子应用之间可以相互进行通信 ......
VS下的Emmet技巧（HTML Coding 效率Kit）
tag: 技巧点 VS Code 的Emmet Abbreviation 参考 参考 参考2 生成4行p标签 p*4 E.class E#id E[attr=foo] E{foo} E>N E+N E^N ......
CSS，position: relative用法
展示图如下： 使左边区域固定展示，不受子域名的影响，所以要使用相对定位position: relative 相对定位一般使用父级菜单 绝对定位使用如下： 绝对定位一般使用子级菜单 position: absolute 悬浮遮盖其余位置 ......
ansible-playbook批量安装httpd，按主机名提供不同的index.html（如node1的index.html欢迎页面为welcome node1）
[root@ansible ~]# vim /etc/ansible/hosts [webservers] 10.0.0.150 ansible_connection=local 10.0.0.160 #创建角色相关目录 [root@ansible html]# mkdir -pv /data/an ......
css中实现分区中列表的标记的改变
想要实现下面的情况该怎么写 1.可以在html中用分区标记（<div>）来实现三个分区 2.样式可以使用css来实现。（这里我采用的是外部样式表） 3.我们可以在分区标签中使用类标记器(上面的class就是类标记器)，然后在css中使用后代选择器，在选择器中使用列表属性list-of-style: ......
第七章、web前端架构师
目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 ......
html svg图片 如何不保持横纵比
图片不保持横纵比是一件很烦的事 背景图我们可以使用background-size 图片可以使用object-fit来保持横纵比 但有时svg图片要不保持横纵比 明明指定了宽高也没有用 原来矢量图天生就是锁定了横纵比 那怎么让svg不保持横纵比呢 使用preserveAspectRatio:none ......
前端实现文件的断点续传 大文件上传
整体思路： 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回 原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的 ......
css移除button按钮的所有属性
例如需要点击按钮才能触发的事件，按钮里面放图片会影响原本样式，这时需要隐藏button的样式 style="all: unset;" 效果：点击客服图标打开小程序客服窗口 ......
css虚线
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
HTML一键打包工具1.9.92更新发布, 支持串口通信，获取mac地址，自定义header等新功能
HTML一键打包EXE工具(HTML封装EXE,桌件)是一款神奇的工具，它可以让您把任何HTML项目(网址)变成一个独立的EXE文件，无需安装浏览器和服务器，只要双击就能运行。无论您是想制作KRPano全景VR项目，还是想开发WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
html占位符
  普通的英文半角空格   普通的英文半角空格但不换行 　 中文全角空格 （一个中文宽度）     en空格 （半个中文宽度）     em空格 （一个中文宽度）   四分之一em空格 （四分之一中 ......
CSS清除浮动的方法
1、浮动的概念 在CSS中，浮动（float）是一种布局技术，用于控制元素在页面中的位置。通过将元素浮动到其容器的左侧或右侧，可以使其他元素环绕它。 常见的用法： 选择器 { float: left; //左浮动 } 选择器 { float: right; //右浮动 } 2、浮动的特点 （1）浮动 ......
Ansible playbook实现apache批量部署,并对不同主机提供以各自IP地址为内容的index.html
[root@ansible ~]# vim /etc/ansible/hosts [webservers] 10.0.0.150 ansible_connection=local 10.0.0.160 #创建角色相关目录 [root@ansible html]# mkdir -pv /data/an ......
html表单与框架
1.以form开头 其中常用的属性有 action="" method="" enctype="" name="" action：属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL method：属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
css多卡片自适应屏幕尺寸
css多卡片自适应屏幕尺寸 <div class="gridBody"> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div> <div class="div4"></div> <div class="d ......
通过freemarker与itext实现html转pdf
因果 因一些合同、发票等单据需要生成pdf文档，并且审核通过后需给该pdf文档盖章，所以需要生成pdf的解决方案。 实践中遇到的问题 其实单独使用itext也可以实现pdf的生成，但通过文本域进行实现数据的动态替换存在局限性，如动态表格就不能友好的进行动态生成，生成了也是个绝对定位，假如文档后面还存 ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......
html 全选或全不选小案例
lf 你爱好的运动是？ 全选/全不选 足球 篮球 羽毛球 乒乓球 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>lf</title> <script type="text/javascript"> function sel ......
CSS hack
之前一直很狭隘的对CSS hack持有偏见，觉得写得规范的代码不应该使用这些“邪门歪道”，可最近产品发布一个小问题却让我头疼了很久，最后查了一下资料，竟然使用CSS hack轻松解决了，不得不服啊，对付神奇的IE就得使用这些利器。 什么是CSS hack 由于不同的浏览器，甚至同一浏览器的不同版本对 ......
CSS 布局
一些基本概念 viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们 ......
CSS与Bootstrap的关系和区别
1. CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种样式表语言,用于控制网页的视觉效果。 2. Bootstrap是一个开源的前端UI框架,基于HTML、CSS和JavaScript,用于快速开发Web应用程序和网站。 3. Bootstrap需要依赖CSS作为样式 ......
CSS
CSS（Cascading Style Sheets）是一种用于描述HTML（或XML等）文档的样式和布局的标记语言。它通过为HTML元素应用样式规则来控制元素的外观和排版。 CSS的主要作用是将网页的内容和样式分离，使得网页的结构和样式可以独立进行修改和管理。通过CSS，可以为HTML元素指定字体 ......