前端 全局css色彩
vue全局公共方法调用
1.在assets文件夹下,新建文件夹,创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
前端怎么实现web端上传超大文件
ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计:TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
从0到1构建基于自身业务的前端工具库
在实际项目开发中无论 M 端、PC 端,或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法,比如:时间处理、价格处理、解析url参数、加载脚本等,其中很多是重复、基础、或基于某种业务场景的工具,存在项目间冗余的痛点以及工具方法规范不统一的问题 ......
web前端样式绑定
#外联绑定 1.对象绑定: v-bind:class="classobject" 2数组绑定: v-bind:class="[class1,class2]" #内联绑定 <p v-bind:style="fontWeight:weight,color:color"> #非内联 <p v-bind:s ......
nginx全局变量
1、https://blog.csdn.net/weixin_42324463/article/details/127164692 2、https://blog.csdn.net/wzj_110/article/details/112594880?spm=1001.2101.3001.4242.1& ......
前端经典三栏布局
浮动实现 前面放置的两个div进行浮动,后面一个让其margin auto 居中 <style> /* 浮动三栏 */ .father div { width: 200px; height: 200px; } .left { background-color: red; float: left; } ......
flask: python项目高并发异步部署、uwsgi启动Python的Web项目中不要使用全局变量、信号、微服务的概念、flask-script、sqlalchemy 快速使用、sqlalchemy快速使用、创建操作数据表
一、python项目高并发异步部署 参考博客:https://zhuanlan.zhihu.com/p/358163330 django和flask都是同步框架,部署的时候,使用uwsgi部署,uwsgi是进程线程架构,并发量不高 但是我们可以通过uwsgi+gevent,部署成异步程序 然后我们简 ......
css flex 浅入
设置在父元素的属性 设置在子元素的属性 justify-content 定义的是主轴方向的排列方式 flex-direction 定义主轴的方向 align-content 适用于多行的排列方式 align-items 适用于单行的排列方式 flex-grow 将剩余的部分作为增长的空间,值是增长占 ......
前端--学习笔记
1.HTML是什么? 是超文本标语语言。 是一种标记语言。 2.为什么要学HTML?学HTML是学什么? 学HTML是为了给文档加了标记, 3.加标记为了什么? 为了弄样式。 4.举例来讲HTML? 5.所以学HTML是学什么? 就是学各种加标签的方式, 学做记号,为了以后找。(找是为了加样式,变得 ......
CSS样式中颜色与颜色值的应用
使用CSS描绘页面样式时,颜色是其中不可或缺的,无论是对文本、背景还是边框、阴影,我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色,我们很有必要完整梳理下CSS中的色彩。要讲清楚CSS中的颜色,离不开颜色模型的概念,这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模型 ......
APIpost全局变量设置--案例全局tocken设置
官方文档 https://v7-wiki.apipost.cn/docs/%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/%E8%AF%B7%E6%B1%82%E4%B8%80%E4%B8%AA%E9%9C%80%E8%A6%81%E7%99%BB%E5%BD%95%E6% ......
CSS样式中颜色与颜色值的应用
使用CSS描绘页面样式时,颜色是其中不可或缺的,无论是对文本、背景还是边框、阴影,我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色,我们很有必要完整梳理下CSS中的色彩。 要讲清楚CSS中的颜色,离不开颜色模型的概念,这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模 ......
前端格式化时间
getTime(time) { var y = time.getFullYear() var m = time.getMonth() + 1 m = m < 10 ? '0' + m : m var d = time.getDate() d = d < 10 ? '0' + d : d var h ......
前端显示气象数据
html文件如下 <div class="wt03"> <p class="wecss">气 温:<span id="temperature_min"></span> ~ <span id="temperature_max"></span></p> <p class ......
axios写了前端,如何从后台获取到List列表数据(涉及到JSON)
问题描述 我将前端写完之后,一直没有理解axios后台的写法,导致进度一直拖慢,这里我就来叙述一下我后来是怎么写出后台代码的吧,或者说,这样的后台代码是怎么写出来的! 问题解决 经过友友的点拨,这里就需要将我们的list数据转换成json数据; 然后将转换好的json数据传到axios写出来的htm ......
前端报错时如何排查问题
前端页面报错: 1、页面报错500,首先我们可以知道是服务端的问题,需要去看下服务端的报错信息: 2、首先我们查看下前端是否给后端传了id: 我们可以看到接口是把ID返回了,就需要再看下p_id是什么情况了 3、我们再次请求,把p_id进行打印,看下具体是什么: put接口代码 class PutV ......
浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动 ......
浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
Chrome支持以下几种进程模型:Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个,主控整个系统的运行,管理Chrome大部分的日常事务;而Renderer则可以有多个,主要负责... ......
post-css/less/sass样式嵌套与命令之"&"符号—BEM
button {&-ok {}}, button { &:after {}} 这一类用法是非常熟悉的。p, a, ul, li { & + & {border-top: 0;}} 这一类组合就可以吓死人咯。&符号还可以改变 css类的输出顺序。如 button{a&{}} ......
css过去及未来展望—分析css演进及排版布局的考量
从形式上来说,CSS3 标准自身已经不存在了。每个模块都被独立的标准化。但是每个模块都可以追溯其来龙去脉。从印刷出版到互联网的兴起,这期间板式设计可以构成一篇雄文。 ......
大学生个人网站作业 超简单DIV CSS个人网页成品 简单个人网站作业模板 HTML个人网页设计
网站描述✍️大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad ......
萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
CSS中所有选择器
测试CSS中所有选择器 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> <!--属性选择器--> h1{ color: black; } <!--class选择器--> .wwwwwww{ col ......
前端开发-BootStrap
Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com) 创建引入 ......
解决前端启动报错:This is probably not a problem with npm. There is likely additional logging output above.
在执行 npm run dev 运行项目的时候报错: {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! phan ......
CSS3边框属性 阴影 box-shadow 属性
box-shadow 属性各个参数的含义 值说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离,使用类似高斯模糊的算法将阴影进行模糊处理,模糊后阴影的范围将扩大,扩大的距离为blur/2 spread 可选。阴影的大 ......
CSS实现文字镂空效果炫酷背景效果
CSS实现文字镂空效果炫酷背景效果 css3中的mix-blend-mode css3中有一个mix-blend-mode的screen混合模式,可以轻松实现镂空文字效果。背景我们可以固定定位设置一个静态图片,gif动态图,视频video,svg动画等等。 代码案例 <!DOCTYPE html> ......