- webpack 深入浅出分析之style-loader、css-loader、配置sass与less
城南花开ze
WebpackViteGulpwebpackcss-loaderstyle-loader配置sass与less
一、webpack打包style-loader创建一个空文件夹,通过npminit初始化创建package.json文件,通过npminstallwebpack--save-dev命令下载webpack,通过npminstallstyle-loadercss-loader--save-dev命令下载style-loader和css-loader。创建css文件夹,在里面创建base.css和com
- 电商网站基础布局——以小兔鲜为例
小秀_heo
CSSHTML前端
项目准备/*base.css*//*內减模式*/*{margin:0;padding:0;box-sizing:border-box;}/*设置网页统一的字体大小、行高、字体系列相关属性*/body{font:16px/1.5"HelveticaNeue",Helvetica,Arial,"MicrosoftYahei","HiraginoSansGB","HeitiSC","WenQuanYiM
- 代码规范(注意)
依耳私语
1、页面布局代码标准,css、js文件样式统一外链的形式;2、css样式重置,分类形式,公用样式放在base.css,常见的样式放在common.css3、文件目录:(1)存放其他图片文件命名规范:images(2)存放广告图的文件夹banner_img(3)文件名应该全部小写,多个单词一下划线"_"分开(4)JS文件:js(5)确保文档或模板中只包含html,把用到的样式都写到样式表文件中,把脚
- HTML&CSS仿京东首页制作静态页面总结
ccj_zxy
csshtml前端
目录一.网站优化三大标签:title(网站标题),description(网站说明),Keywords(网站关键词)二.favicon图表的使用三.字体图标的使用四.base.css和common.css的使用五.仿京东首页的制作(1)顶部快捷导航的制作(2)head头部的制作(3)顶部导航的制作(4)footer底部栏的制作(5)main主要部分的制作编辑(6)推荐部分的制作(7)楼层区的制作
- PC端品优购项目——首页制作
@ Salt
web前端开发前端
目录1.品优购项目规划1.1网站制作流程1.2品优购项目整体介绍1.3品优购项目的学习目的1.4开发工具以及技术栈1.5总结1.6品优购项目搭建工作1.6.1创建文件夹1.6.2创建文件CSS初始化样式base.css代码展示1.6.3模块化开发1.7网站favicon图标1.7.1制作favicon图标1.7.2favicon图标放到网站根目录下1.7.3HTML页面引入favicon图标引入f
- pc端网站代码
不哭不闹不炫耀123
技术栈:html结构+css布局+h5c3动画目录结构:图片文件夹:img样式文件夹:css产品类图片文件:upload字体类文件夹:fonts脚本文件夹:js样式文件的分类:初始化css(cssreset)让浏览器风格统一,把常用的初始化语句放入base.css里面,把一些公共的样式,放入common.css里面1、网站ico图标1):使用ico图标首先把favicon.ico这个图标放到根目录
- html5移动端pc端pc端,移动端和pc端公用样式及rem布局
伟星啊
html5移动端pc端pc端
一:移动端准备工作1.二:pc端准备工作1.1.2.1.三:base.css公共样式pc端body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,o
- 2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍 第5天
PieroPc
前端csshtml5
第五天整个网站例5.1准备工作项目目录与版心base.css5.2网页制作思路5.3header区域-整体布局5.4header区域-logo5.5header区域-导航index.html学成在线学成在线首页课程职业search用户base.css/*基础公共样式:清除默认样式+设置通用样式*/*{margin:0;padding:0;box-sizing:border-box;}li{list
- 2 顶部关闭按钮
星chen
效果图:image.png素材:top.jpg下载字体:(https://icomoon.io/app/#/select/library)image.png过程:image.png注意点:image.pngimage.png代码如下:index.html京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!base.css/*版心*/.w{width:1190px;margin:auto
- Element UI之Dialog 对话框
菜园前端
uivue.js前端javascript
Dialog对话框用于弹出窗口按需引入方式如果是完整引入可跳过此步骤importVuefrom'vue'import{Dialog}from'element-ui'import'element-ui/lib/theme-chalk/base.css'import'element-ui/lib/theme-chalk/dialog.css'Vue.use(Dialog)基础使用点击打开Dialog这
- Element UI之DatePicker 日期选择器
菜园前端
uivue.js前端javascript
DatePicker日期选择器通常用于选择日期按需引入方式如果是完整引入可跳过此步骤importVuefrom'vue'import{DatePicker}from'element-ui'import'element-ui/lib/theme-chalk/base.css'import'element-ui/lib/theme-chalk/date-picker.css'Vue.use(DateP
- Element UI之Button 按钮
菜园前端
uivue.jsjavascript前端
Button按钮常用的操作按钮。按需引入方式如果是完整引入可跳过此步骤importVuefrom'vue'import{Button}from'element-ui'import'element-ui/lib/theme-chalk/base.css'import'element-ui/lib/theme-chalk/button.css'import'element-ui/lib/theme-c
- CSS 初始化 base.css 文件
alokka
css
/*公共样式*/body,h1,h2,h3,h4,h5,h6,form,fieldset,div,dl,dt,dd,ul,ol,li,input,button,textarea,p,th,td,a,img,strong{margin:0px;padding:0px;}div,form,img,ul,ol,li,dl,dt,dd,p{border:0;margin:0px;padding:0px;}
- 解决项目加载时空白页面
暖风ii
html5vue.jscss3
背景:当前端项目加载时,遇到网络不稳定或更新项目时,出现长时间白屏情况,对用户体验非常不友好。解决方法CSN加速增加带宽前端页面修改本文就第三点展开index.html页面(public文件夹下)favicon.ico">styles/base.css">base.css#mainLoading{width:100%;height:80vh;display:flex;align-items:cen
- nodejs项目实战教程05——Nodejs中的fs模块
m0_70646869
Web前端经验分享前端前端框架
app.js:constfs=require(‘fs’)//4fs.appendFile追加写入文件内容fs.appendFile(‘./css/base.css’,‘body{margin:0;padding:0;}’,(err)=>{if(err){returnconsole.log(err)}console.log(‘appendFile成功’)})可以看到,如果首次执行fs.appendF
- vuex使用Cannot find module ‘./api/index.js‘
姚*鸿的博客
vue.jsvue.js
使用vuex中出现这个问题。我的vuex的配置。importVuefrom'vue'importVuexfrom'vuex'importAppfrom'./App.vue'importstorefrom"./store";importrouterfrom'./router';import"@/assets/css/base.css";importVueRouterfrom'vue-router';
- npm 异常报告
阳光下的小鱼
npm前端javascript
Unknownfileextension".css"forD:\xxxx\node_modules\.pnpm\
[email protected][email protected]\node_modules\element-plus\theme-chalk\base.css解决方法是:vite.cofig.ts在noExternal里把安装的包加进去ssr:{//TODO:workarounduntilthe
- 小兔鲜的base.css
珊珊而川
css前端
/*去除常见标签默认的margin和padding*/*{margin:0;padding:0;box-sizing:border-box;}/*设置网页统一的字体大小、行高、字体系列相关属性*/body{font:16px/1.5"MicrosoftYahei","HiraginoSansGB","HeitiSC","WenQuanYiMicroHei",sans-serif;color:#33
- 项目框架
贞贞姐
---/html/|----/index|----/index/index.html首页|----/user/与用户相关的页面|----/user/login.html登录页---/css/|----/base.css重置浏览器样式|----/page逻辑页面的css|----/page/pagename.css单独书写的css|----/common.csscss通用样式库---/js/|---
- base.css样式重置
虚伪宝宝
@charset"utf-8";/*css初始化/html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,th,td{margin:0;padding:0;}body{/字体、颜色、背景色/font-size:12px;font-family:"MicrosoftYahei",sans-serif,"\5FAE\
- html和css
圆圆小宇宙
1、外部式css样式(也可称为外联式)是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在标签内)使用标签将css样式文件链接到HTML文件内,如下面代码:标签内)使用标签将css样式文件链接到HTML文件内,如下面代码:base.css"rel="stylesheet"type="text/css">注意:css样式文件名称以有意义的英文字母命名,如mai
- HTML5+CSS3静态网页开发 —— 慕云游项目
锡山草木间
前端html5css3前端
目录前言项目起步准备页面顶部开发1.头部与二级菜单开发2.字体图标的使用页面主体开发1.大Banner的布局2.垂直菜单开发3.新鲜甩尾部分4.机酒自由行部分5.当地玩乐部分6.公共类使用7.过渡和变形在实战中的应用页脚开发总结前言难度:⭐⭐(中等)——适合学习完html5和css3的小伙伴用于巩固练习编辑器:WebStorm项目起步准备项目文件结构:base.css用于存放公共样式:body{f
- Vue + element 全局使table复选框位置居中
静止呀
Vueelementui
首先添加一个base.css文件.el-table--borderth:first-child.cell,.el-table--bordertd:first-child.cell{padding:0,}main.jsimport".components/base.css"这样所有table就全局居中了。
- Element-ui Switch 开关
前端
Element-uiSwitch开关原文链接:https://note.noxussj.top/?source=sifo通常用于切换开启和关闭状态。按需引入方式如果是完整引入可跳过此步骤importVuefrom'vue'import{Switch}from'element-ui'import'element-ui/lib/theme-chalk/base.css'import'element-u
- Element-ui Button 按钮
前端
Element-uiButton按钮原文链接:https://note.noxussj.top/?source=sifo常用的操作按钮。按需引入方式如果是完整引入可跳过此步骤importVuefrom'vue'import{Button}from'element-ui'import'element-ui/lib/theme-chalk/base.css'import'element-ui/lib/
- 武职301-day01
长安紫薯
front-end大前端html5css
文章目录实现永和小票页面效果图问题分析开发分析开发步骤order.html页面问题:HTML代码和CSS样式代码混杂在一起网页中使用样式style修饰常用2种方式自定义样式表base.css作业实现永和小票页面效果图问题分析把一个大的开发任务,先进行任务分析,把完成这个任务需要的技术点和开发步骤写出来。开发分析特点:html+css实现1)小票有宽度限制2)字体大小不一样,大部分字体大小相同,有个
- 前端开发基础(三)——美特网电商项目实战
Lyrelion
初遇你htmlcss
目录一、项目介绍、头部制作二.首页布局index三.列表页布局list四.详情页布局details一、项目介绍、头部制作1.项目介绍项目描述:美特网是一个电商网站,要完成首页、列表页、详情页、注册页面的制作2.目录文件夹项目文件夹:meitewang样式文件夹:css(初始化样式放在base.css,公共样式放在common,css)脚本文件夹:js背景类图片文件夹:img产品类图片文件夹:upl
- 可视化大屏项目适配 vue
未来w
vue.js大屏前端
适配效果:选择的适配方案设计稿是1920pxflexible.js把屏幕分为10等份(flexible.js中可修改,默认为10)0.新建vue项目,项目目录如下1.src/assets文件下创建一个新的文件夹css,css文件夹下新建一个base.css文件用于定义全局样式html,body,#app{padding:0;margin:0;height:100%;min-width:1024px
- HTML5响应式网页设计——核心技能考核示例(用于2022年11月H5考核)
红目香薰
科目考试专栏html5前端html
目录基础Base.css引入(5分)Base.css编码项目关键词注释:(5分)网页框架:(30分)框架编码:文字填充:(20分)文字编码:banner部分(10分)banner编码:列表部分(20分)列表编码:编码注释及类名规范(10分)源码与素材内容在文章最末,0积分下载。基础Base.css引入(5分)Base.css编码*{margin:0px;padding:0px;box-sizing
- 网易云(HTML+CSS)
決别w
静态网页制作html5csscss3
这是用HTML和CSS模仿的网易云静态页面文章目录具体的效果图如下:补充:具体代码如下s:HTML:CSS-1(base.css):CSS-2(commen.css):CSS-3(main-css):具体的效果图如下:补充:因为时间关系所以好多地方时重复的,大家可以自行修改就可以关于代码方法个人认为还是有很多不足的,代码冗长,不够精简,还是需要多多简练同时希望大家指出不足之处,让我与各位共勉之一年
- [黑洞与暗粒子]没有光的世界
comsci
无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算
但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....
那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的
&nbs
- jQuery Lazy Load 图片延迟加载
aijuans
jquery
基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。
对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。
版本:
jQuery v1.4.4+
jQuery Lazy Load v1.7.2
注意事项:
需要真正实现图片延迟加载,必须将真实图片地址写在 data-original 属性中。若 src
- 使用Jodd的优点
Kai_Ge
jodd
1. 简化和统一 controller ,抛弃 extends SimpleFormController ,统一使用 implements Controller 的方式。
2. 简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。
3. 对 bean 没有任何要求,可以使用任意的 bean 做为 formBean。
使用方法简介
- jpa Query转hibernate Query
120153216
Hibernate
public List<Map> getMapList(String hql,
Map map) {
org.hibernate.Query jpaQuery = entityManager.createQuery(hql);
if (null != map) {
for (String parameter : map.keySet()) {
jp
- Django_Python3添加MySQL/MariaDB支持
2002wmj
mariaDB
现状
首先,
[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话,会发现 django.db.backends.mysql 依赖 MySQLdb[5] ,而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案
首先据MySQL文档[3]说,自从MySQL
- 在SQLSERVER中查找消耗IO最多的SQL
357029540
SQL Server
返回做IO数目最多的50条语句以及它们的执行计划。
select top 50
(total_logical_reads/execution_count) as avg_logical_reads,
(total_logical_writes/execution_count) as avg_logical_writes,
(tot
- spring UnChecked 异常 官方定义!
7454103
spring
如果你接触过spring的 事物管理!那么你必须明白 spring的 非捕获异常! 即 unchecked 异常! 因为 spring 默认这类异常事物自动回滚!!
public static boolean isCheckedException(Throwable ex)
{
return !(ex instanceof RuntimeExcep
- mongoDB 入门指南、示例
adminjun
javamongodb操作
一、准备工作
1、 下载mongoDB
下载地址:http://www.mongodb.org/downloads
选择合适你的版本
相关文档:http://www.mongodb.org/display/DOCS/Tutorial
2、 安装mongoDB
A、 不解压模式:
将下载下来的mongoDB-xxx.zip打开,找到bin目录,运行mongod.exe就可以启动服务,默
- CUDA 5 Release Candidate Now Available
aijuans
CUDA
The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
- Essential Studio for WinRT网格控件测评
Axiba
JavaScripthtml5
Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件,如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时,该控件还包含了一组独特的库,用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。
网格控件功能
1、
- java 获取windows系统安装的证书或证书链
bewithme
windows
有时需要获取windows系统安装的证书或证书链,比如说你要通过证书来创建java的密钥库 。
有关证书链的解释可以查看此处 。
public static void main(String[] args) {
SunMSCAPI providerMSCAPI = new SunMSCAPI();
S
- NoSQL数据库之Redis数据库管理(set类型和zset类型)
bijian1013
redis数据库NoSQL
4.sets类型
Set是集合,它是string类型的无序集合。set是通过hash table实现的,添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。
sadd:向名称为key的set中添加元
- 异常捕获何时用Exception,何时用Throwable
bingyingao
用Exception的情况
try {
//可能发生空指针、数组溢出等异常
} catch (Exception e) {
 
- 【Kafka四】Kakfa伪分布式安装
bit1129
kafka
在http://bit1129.iteye.com/blog/2174791一文中,实现了单Kafka服务器的安装,在Kafka中,每个Kafka服务器称为一个broker。本文简单介绍下,在单机环境下Kafka的伪分布式安装和测试验证 1. 安装步骤
Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样,不过比Zookeeper稍微简单些(不
- Project Euler
bookjovi
haskell
Project Euler是个数学问题求解网站,网站设计的很有意思,有很多problem,在未提交正确答案前不能查看problem的overview,也不能查看关于problem的discussion thread,只能看到现在problem已经被多少人解决了,人数越多往往代表问题越容易。
看看problem 1吧:
Add all the natural num
- Java-Collections Framework学习与总结-ArrayDeque
BrokenDreams
Collections
表、栈和队列是三种基本的数据结构,前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用,当然由于实现方式的不同,操作的效率也会不同。
这篇要看一下java.util.ArrayDeque。从命名上看
- 读《研磨设计模式》-代码笔记-装饰模式-Decorator
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.io.BufferedOutputStream;
import java.io.DataOutputStream;
import java.io.FileOutputStream;
import java.io.Fi
- Maven学习(一)
chenyu19891124
Maven私服
学习一门技术和工具总得花费一段时间,5月底6月初自己学习了一些工具,maven+Hudson+nexus的搭建,对于maven以前只是听说,顺便再自己的电脑上搭建了一个maven环境,但是完全不了解maven这一强大的构建工具,还有ant也是一个构建工具,但ant就没有maven那么的简单方便,其实简单点说maven是一个运用命令行就能完成构建,测试,打包,发布一系列功
- [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充
comsci
算法工作PHP搜索引擎嵌入式
本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案,请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来,请大家多指点
节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法)
需要解决的问题:已知分支
- Linux中用shell获取昨天、明天或多天前的日期
daizj
linuxshell上几年昨天获取上几个月
在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年
# 获取昨天
date -d 'yesterday' # 或 date -d 'last day'
# 获取明天
date -d 'tomorrow' # 或 date -d 'next day'
# 获取上个月
date -d 'last month'
#
- 我所理解的云计算
dongwei_6688
云计算
在刚开始接触到一个概念时,人们往往都会去探寻这个概念的含义,以达到对其有一个感性的认知,在Wikipedia上关于“云计算”是这么定义的,它说:
Cloud computing is a phrase used to describe a variety of computing co
- YII CMenu配置
dcj3sjt126com
yii
Adding id and class names to CMenu
We use the id and htmlOptions to accomplish this. Watch.
//in your view
$this->widget('zii.widgets.CMenu', array(
'id'=>'myMenu',
'items'=>$this-&g
- 设计模式之静态代理与动态代理
come_for_dream
设计模式
静态代理与动态代理
代理模式是java开发中用到的相对比较多的设计模式,其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题,真实主题执行具体的业务操作,而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆,我们可以删除看成主业务,而把检验用户是否登陆看成其相关业务
- 【转】理解Javascript 系列
gcc2ge
JavaScript
理解Javascript_13_执行模型详解
摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念,那么这一篇将深入分析执行上下文的构建过程,了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时,第一步是创建其执行环境,在创建执行环境的过程中,会按照定义的先后顺序完成一系列操作:1.首先会创建一个
- Subsets II
hcx2013
set
Given a collection of integers that might contain duplicates, nums, return all possible subsets.
Note:
Elements in a subset must be in non-descending order.
The solution set must not conta
- Spring4.1新特性——Spring缓存框架增强
jinnianshilongnian
spring4
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- shell嵌套expect执行命令
liyonghui160com
一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.
系统:centos 5.x
1.先安装expect
yum -y install expect
2.脚本内容:
cat auto_svn.sh
#!/bin/bash
- Linux实用命令整理
pda158
linux
0. 基本命令 linux 基本命令整理
1. 压缩 解压 tar -zcvf a.tar.gz a #把a压缩成a.tar.gz tar -zxvf a.tar.gz #把a.tar.gz解压成a
2. vim小结 2.1 vim替换 :m,ns/word_1/word_2/gc  
- 独立开发人员通向成功的29个小贴士
shoothao
独立开发
概述:本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。
明白你从事独立开发的原因和目的。
保持坚持制定计划的好习惯。
万事开头难,第一份订单是关键。
培养多元化业务技能。
提供卓越的服务和品质。
谨小慎微。
营销是必备技能。
学会组织,有条理的工作才是最有效率的。
“独立
- JAVA中堆栈和内存分配原理
uule
java
1、栈、堆
1.寄存器:最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈:存放基本类型的变量数据和对象的引用,但对象本身不存放在栈中,而是存放在堆(new 出来的对象)或者常量池中(字符串常量对象存放在常量池中。)3. 堆:存放所有new出来的对象。4. 静态域:存放静态成员(static定义的)5. 常量池:存放字符串常量和基本类型常量(public static f