- 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):具体的效果图如下:补充:因为时间关系所以好多地方时重复的,大家可以自行修改就可以关于代码方法个人认为还是有很多不足的,代码冗长,不够精简,还是需要多多简练同时希望大家指出不足之处,让我与各位共勉之一年
- Java 并发包之线程池和原子计数
lijingyao8206
Java计数ThreadPool并发包java线程池
对于大数据量关联的业务处理逻辑,比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式,并且可以提高线程利用率,并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。
这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
- java编程思想 抽象类和接口
百合不是茶
java抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持
1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)
抽象方法 : 在方法中仅有声明而没有方法体
package com.wj.Interface;
- [房地产与大数据]房地产数据挖掘系统
comsci
数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...
所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产
&nb
- 数组队列总结
沐刃青蛟
数组队列
数组队列是一种大小可以改变,类型没有定死的类似数组的工具。不过与数组相比,它更具有灵活性。因为它不但不用担心越界问题,而且因为泛型(类似c++中模板的东西)的存在而支持各种类型。
以下是数组队列的功能实现代码:
import List.Student;
public class
- Oracle存储过程无法编译的解决方法
IT独行者
oracle存储过程
今天同事修改Oracle存储过程又导致2个过程无法被编译,流程规范上的东西,Dave 这里不多说,看看怎么解决问题。
1. 查看无效对象
XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
- 重装系统之后oracle恢复
文强chu
oracle
前几天正在使用电脑,没有暂停oracle的各种服务。
突然win8.1系统奔溃,无法修复,开机时系统 提示正在搜集错误信息,然后再开机,再提示的无限循环中。
无耐我拿出系统u盘 准备重装系统,没想到竟然无法从u盘引导成功。
晚上到外面早了一家修电脑店,让人家给装了个系统,并且那哥们在我没反应过来的时候,
直接把我的c盘给格式化了 并且清理了注册表,再装系统。
然后的结果就是我的oracl
- python学习二( 一些基础语法)
小桔子
pthon基础语法
紧接着把!昨天没看继续看django 官方教程,学了下python的基本语法 与c类语言还是有些小差别:
1.ptyhon的源文件以UTF-8编码格式
2.
/ 除 结果浮点型
// 除 结果整形
% 除 取余数
* 乘
** 乘方 eg 5**2 结果是5的2次方25
_&
- svn 常用命令
aichenglong
SVN版本回退
1 svn回退版本
1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version
两者的区别:
revert this version:表示回退到当前版本(该版本后的版本全部作废)
revert chanages from this versio
- 某小公司面试归来
alafqq
面试
先填单子,还要写笔试题,我以时间为急,拒绝了它。。时间宝贵。
老拿这些对付毕业生的东东来吓唬我。。
面试官很刁难,问了几个问题,记录下;
1,包的范围。。。public,private,protect. --悲剧了
2,hashcode方法和equals方法的区别。谁覆盖谁.结果,他说我说反了。
3,最恶心的一道题,抽象类继承抽象类吗?(察,一般它都是被继承的啊)
4,stru
- 动态数组的存储速度比较 集合框架
百合不是茶
集合框架
集合框架:
自定义数据结构(增删改查等)
package 数组;
/**
* 创建动态数组
* @author 百合
*
*/
public class ArrayDemo{
//定义一个数组来存放数据
String[] src = new String[0];
/**
* 增加元素加入容器
* @param s要加入容器
- 用JS实现一个JS对象,对象里有两个属性一个方法
bijian1013
js对象
<html>
<head>
</head>
<body>
用js代码实现一个js对象,对象里有两个属性,一个方法
</body>
<script>
var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
- 探索JUnit4扩展:使用Rule
bijian1013
java单元测试JUnitRule
在上一篇文章中,讨论了使用Runner扩展JUnit4的方式,即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。
1. Rule
&n
- [Gson一]非泛型POJO对象的反序列化
bit1129
POJO
当要将JSON数据串反序列化自身为非泛型的POJO时,使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种:
1. POJO对象不包含任何泛型的字段
2. POJO对象包含泛型字段,例如泛型集合或者泛型类
Data类 a.不是泛型类, b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
 
- 【Kakfa五】Kafka Producer和Consumer基本使用
bit1129
kafka
0.Kafka服务器的配置
一个Broker,
一个Topic
Topic中只有一个Partition() 1. Producer:
package kafka.examples.producers;
import kafka.producer.KeyedMessage;
import kafka.javaapi.producer.Producer;
impor
- lsyncd实时同步搭建指南——取代rsync+inotify
ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync
最近一直在寻求生产服务服务器上的同步替代方案,原先使用的是 inotify + rsync,但随着文件数量的增大到100W+,目录下的文件列表就达20M,在网络状况不佳或者限速的情况下,变更的文件可能10来个才几M,却因此要发送的文件列表就达20M,严重减低的带宽的使用效率以及同步效率;更为要紧的是,加入inotify
- java-9. 判断整数序列是不是二元查找树的后序遍历结果
bylijinnan
java
public class IsBinTreePostTraverse{
static boolean isBSTPostOrder(int[] a){
if(a==null){
return false;
}
/*1.只有一个结点时,肯定是查找树
*2.只有两个结点时,肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
- MySQL的sum函数返回的类型
bylijinnan
javaspringsqlmysqljdbc
今天项目切换数据库时,出错
访问数据库的代码大概是这样:
String sql = "select sum(number) as sumNumberOfOneDay from tableName";
List<Map> rows = getJdbcTemplate().queryForList(sql);
for (Map row : rows
- java设计模式之单例模式
chicony
java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的:
作为对象的创建模式,单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构
单例模式的特点:
单例类只能有一个实例。
单例类必须自己创建自己的唯一实例。
单例类必须给所有其他对象提供这一实例。
饿汉式单例类
publ
- javascript取当月最后一天
ctrain
JavaScript
<!--javascript取当月最后一天-->
<script language=javascript>
var current = new Date();
var year = current.getYear();
var month = current.getMonth();
showMonthLastDay(year, mont
- linux tune2fs命令详解
daizj
linuxtune2fs查看系统文件块信息
一.简介:
tune2fs是调整和查看ext2/ext3文件系统的文件系统参数,Windows下面如果出现意外断电死机情况,下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检,而且是可以通过tune2fs命令,自行定义自检周期及方式。
二.用法:
Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
- 做有中国特色的程序员
dcj3sjt126com
程序员
从出版业说起 网络作品排到靠前的,都不会太难看,一般人不爱看某部作品也是因为不喜欢这个类型,而此人也不会全不喜欢这些网络作品。究其原因,是因为网络作品都是让人先白看的,看的好了才出了头。而纸质作品就不一定了,排行榜靠前的,有好作品,也有垃圾。 许多大牛都是写了博客,后来出了书。这些书也都不次,可能有人让为不好,是因为技术书不像小说,小说在读故事,技术书是在学知识或温习知识,有
- Android:TextView属性大全
dcj3sjt126com
textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输
- tomcat虚拟目录安装及其配置
eksliang
tomcat配置说明tomca部署web应用tomcat虚拟目录安装
转载请出自出处:http://eksliang.iteye.com/blog/2097184
1.-------------------------------------------tomcat 目录结构
config:存放tomcat的配置文件
temp :存放tomcat跑起来后存放临时文件用的
work : 当第一次访问应用中的jsp
- 浅谈:APP有哪些常被黑客利用的安全漏洞
gg163
APP
首先,说到APP的安全漏洞,身为程序猿的大家应该不陌生;如果抛开安卓自身开源的问题的话,其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上,有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测(ineice.com)的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。
1. 应用反编译漏洞:APK 包非常容易被反编译成可读
- C#根据网址生成静态页面
hvt
Web.netC#asp.nethovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页,以及显示用户名,退出等功能。根据网址生成页面的方法:
bool CreateHtmlFile(string url, string path)
{
//http://keleyi.com/a/bjae/3d10wfax.htm
stri
- SVG 教程 (一)
天梯梦
svg
SVG 简介
SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识:
继续学习之前,你应该对以下内容有基本的了解:
HTML
XML 基础
如果希望首先学习这些内容,请在本站的首页选择相应的教程。 什么是SVG?
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量
- 一个简单的java栈
luyulong
java数据结构栈
public class MyStack {
private long[] arr;
private int top;
public MyStack() {
arr = new long[10];
top = -1;
}
public MyStack(int maxsize) {
arr = new long[maxsize];
top
- 基础数据结构和算法八:Binary search
sunwinner
AlgorithmBinary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
- 12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!
刘星宇
c面试
12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!
1.gets()函数
问:请找出下面代码里的问题:
#include<stdio.h>
int main(void)
{
char buff[10];
memset(buff,0,sizeof(buff));
- ITeye 7月技术图书有奖试读获奖名单公布
ITeye管理员
活动ITeye试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
7月试读活动回顾:
http://webmaster.iteye.com/blog/2092746
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《Java性能优化权威指南》