- 1、原来的写法 <link href="/static/css/m.min.css" rel="stylesheet"> 1 2、改进后的写法 在配置文件中增加一个配置,如果需要更新就修改版本号 <link href="/static/css/m.min.css?t={{version.app_version}}" rel="styleshee... 1、原来的写法 <link href="/static/css/m.min.css" rel="stylesheet"> 1 2、改进后的写法 在配置文件中增加一个配置,如果需要更新就修改版本号 <link href="/static/css/m.min.css?t={{version.app_version}}" rel="styleshee...
- box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变,总尺寸增加 total = content + border + padding 1 2、border-box: IE... box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变,总尺寸增加 total = content + border + padding 1 2、border-box: IE...
- 使用nginx+django部署项目的时候,为了提高加载速度,我将css,js,image等静态资源在nginx中配置了路径 本地测试没有问题,代码提交线上就出问题了,出现了这么个情况: css文件能加载但是没有生效 1 经过查找资料,大概从以下两个方面入手检查: 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器cons... 使用nginx+django部署项目的时候,为了提高加载速度,我将css,js,image等静态资源在nginx中配置了路径 本地测试没有问题,代码提交线上就出问题了,出现了这么个情况: css文件能加载但是没有生效 1 经过查找资料,大概从以下两个方面入手检查: 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器cons...
- PostCSS 是一个允许使用 JS 插件转换样式的【工具】 autoprefixer 添加了 vendor 浏览器前缀的【插件】 PostCSS 文档:https://github.com/postcss/postcss/blob/main/docs/README-cn.md PostCSS Github: https://github.com/postcss/... PostCSS 是一个允许使用 JS 插件转换样式的【工具】 autoprefixer 添加了 vendor 浏览器前缀的【插件】 PostCSS 文档:https://github.com/postcss/postcss/blob/main/docs/README-cn.md PostCSS Github: https://github.com/postcss/...
- 1.table去重叠边框 table{ border-collapse:collapse; } 123 2.非table去重叠边框 只需要设置div的margin值为边框值的相反数就行 div{ border:1px solid #333; margin-right:-1px; margin-bottom:-1px; } 12345 参考 CSS去重... 1.table去重叠边框 table{ border-collapse:collapse; } 123 2.非table去重叠边框 只需要设置div的margin值为边框值的相反数就行 div{ border:1px solid #333; margin-right:-1px; margin-bottom:-1px; } 12345 参考 CSS去重...
- 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow可视化工具 Box-shadow_generator 语法 box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色 1 示例: <!DOCTYPE html> <html lang="en"> &l... 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow可视化工具 Box-shadow_generator 语法 box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色 1 示例: <!DOCTYPE html> <html lang="en"> &l...
- 样式代码 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransf... 样式代码 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransf...
- PyPI: https://pypi.org/project/webassets/Github: https://github.com/miracle2k/webassetsDoc: https://webassets.readthedocs.io/ 个人感觉是Python版的webpack 安装 pip install webassets 1 使用示例 fr... PyPI: https://pypi.org/project/webassets/Github: https://github.com/miracle2k/webassetsDoc: https://webassets.readthedocs.io/ 个人感觉是Python版的webpack 安装 pip install webassets 1 使用示例 fr...
- 样式设置高度撑bai满整个页面,那么必须从最外层,一层一层设置高度100%; <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />... 样式设置高度撑bai满整个页面,那么必须从最外层,一层一层设置高度100%; <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
- 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1... 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1...
- 好吧,我承认我在这个点卡住了,不过最后走出了坑,在官网找到一个简单的方法 第一步:修改配置文件 # setting.py STATIC_ROOT = os.path.join(os.path.dirname(__file__), '\static') # 文件存放路径,根据实际情况修改 STATIC_URL = '/static/'12345 第二步:以下代码... 好吧,我承认我在这个点卡住了,不过最后走出了坑,在官网找到一个简单的方法 第一步:修改配置文件 # setting.py STATIC_ROOT = os.path.join(os.path.dirname(__file__), '\static') # 文件存放路径,根据实际情况修改 STATIC_URL = '/static/'12345 第二步:以下代码...
- npm: https://www.npmjs.com/package/style-resources-loader 安装 cnpm i style-resources-loader -D 1 vue.config.js 配置: pluginOptions: { "style-resources-loader": { preProcessor: "less",... npm: https://www.npmjs.com/package/style-resources-loader 安装 cnpm i style-resources-loader -D 1 vue.config.js 配置: pluginOptions: { "style-resources-loader": { preProcessor: "less",...
- <div class="wrap"> <div class="div"> <img src="a.jpg"> </div> </div> <style> .wrap{ width:50%; } .div{ width:100%; height:0; padding-bottom... <div class="wrap"> <div class="div"> <img src="a.jpg"> </div> </div> <style> .wrap{ width:50%; } .div{ width:100%; height:0; padding-bottom...
- js: webpack插件的使用 webpack中文文档: https://webpack.docschina.org/concepts/ webpack插件的使用 一、js压缩插件UglifyJsPlugin二、css提取插件:MiniCssExtractPlugin三、 生成html插件 HtmlWebpackPlugin四、使用开发服务器 devSer... js: webpack插件的使用 webpack中文文档: https://webpack.docschina.org/concepts/ webpack插件的使用 一、js压缩插件UglifyJsPlugin二、css提取插件:MiniCssExtractPlugin三、 生成html插件 HtmlWebpackPlugin四、使用开发服务器 devSer...
- Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录前文列表扩展阅读Flask-Assets将 Flask-Assets 应用到项目中 前文列表 用 Flask 来写个轻博客 (1) — 创建项目 用 Flask 来写个轻博客 (2) — Hello World! 用 F... Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录前文列表扩展阅读Flask-Assets将 Flask-Assets 应用到项目中 前文列表 用 Flask 来写个轻博客 (1) — 创建项目 用 Flask 来写个轻博客 (2) — Hello World! 用 F...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签