- HTML&CSS仿京东首页制作静态页面总结
ccj_zxy
csshtml前端
目录一.网站优化三大标签:title(网站标题),description(网站说明),Keywords(网站关键词)二.favicon图表的使用三.字体图标的使用四.base.css和common.css的使用五.仿京东首页的制作(1)顶部快捷导航的制作(2)head头部的制作(3)顶部导航的制作(4)footer底部栏的制作(5)main主要部分的制作编辑(6)推荐部分的制作(7)楼层区的制作
- pc端网站代码
不哭不闹不炫耀123
技术栈:html结构+css布局+h5c3动画目录结构:图片文件夹:img样式文件夹:css产品类图片文件:upload字体类文件夹:fonts脚本文件夹:js样式文件的分类:初始化css(cssreset)让浏览器风格统一,把常用的初始化语句放入base.css里面,把一些公共的样式,放入common.css里面1、网站ico图标1):使用ico图标首先把favicon.ico这个图标放到根目录
- PC端静态页面项目之品优购商城
Satosere
前端阶段项目csshtmlhtml5css3
PC端静态页面项目之品优购商城文章目录PC端静态页面项目之品优购商城前言一、项目搭建1.1创建文件夹1.2创建文件1.3模块化开发1.3.1有些样式和结构在很多页面都会出现,比如`页面头部和底部`,大部分页面都有。此时,可以`把这些结构和样式单独作为一个模块`,然后重复使用1.3.2这里最典型的应用就是common.css公共样式。写好一个样式,其余的页面用到这些相同的样式1.3.3模块化开发具有
- 品优购项目实战
guai_guai_guai
html前端
品优购项目搭建工作:创建文件夹以及文件名称说明shoping项目文件夹images样式类图片文件夹css样式文件夹upload产品类图片文件夹fonts字体类文件夹js脚本文件夹首页index.htmlCSS初始化样式文件base.cssCSS公共样式文件common.css模块化开发模块化:将一个项目按照功能划分一个功能一个模块,互不影响模块化开发具有重复利用,更换方便等优点有些样式和结构在很多
- vue项目引入全局样式的几种方式
盛大人很低调
vue全局样式
现在有一个common.css文件,想项目中所有的vue文件不需要导包就可以使用其中的样式。实现方式有3种:方式1:在App.vue的style标签内引入方式2:在main.js中引入方式3:项目根目录下的index.html的style中引入
- 踩坑:1.样式污染 2.父子组件样式互相影响
夏花里的尘埃
vue及插件二次封装vue.js前端javascript
一、造成样式污染的可能:1.单组件:未使用scoped关键字导致样式泄露,污染全局应采用:2.多组件:公共css文件,多组件引用原因:@import"assets/css/common.css";虽然加了scoped,最后无效的原因是“@import”,原因如下:@import并不是直接引入css代码到页面,而是发起新的不带scoped的请求获得样式资源;因此,这种引用方式是全局的,从而引起全局污
- discuz!默认模板的中文说明
icey830
公共模板文件夹./template/default/common/common.css公共CSS文件faq.htm帮助模板文件footer.htm系统总底部模板footer_ajax.htmajax模式是使用到系统总底部模板,ajax模式大部分为浮动框登录、注册、发帖等forum_calendar.css广场社区使用到的日历日期样式header.htm系统头部文件header_common.htm
- 周报:浅谈对豆瓣网页实战的注意事项
guai_guai_guai
html前端
制作整体网页时HTML代码和CSS代码的常用处理方法:分开HTML代码和CSS代码,专门制作一个CSS文件专门来放置css代码,css文件里一般有作者样式(XXX.css)和通用样式(common.css)。这样会使代码更易维护,且整齐美观。写代码前的注意事项:写整体网页时,通常先构造网页结构,构造结构之前先将网页划分为几个部分,分步写HTML代码和css代码,注意观察每个部分的相似性,为同一个类
- 路径中的'.'和'..'还有'./'和'../'都是什么意思
三也视界
这和linux系统是一样的,.表示当前目录..表示当前目录的上一级目录./当前目录,后可指定../父级目录/根目录例如:文件夹a下面有文件夹bc和文件d。文件夹b下面有e.php和文件f。则e中的.表示文件夹b./f表示b下面的文件f。..表示a文件夹。../d表示a文件夹下的d文件。页面引入js、css等文件:image1.如果about.jsp页面想引入common.css文件:image以a
- common.css
zZ_d205
{padding:0;box-sizing:border-box;margin:0;list-style:none;font-family:MicrosoftYaHei;font-size:18px;color:#333;}ul{list-style:none}a{text-decoration:none;color:#333;display:block}input{padding:0;margi
- vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘<‘
起名字可真难
vue.jsjavascript前端
vuerouter切换history模式报错:UncaughtSyntaxError:Unexpectedtoken‘前缀举个例子favicon.ico">css/common.css"/>config/config..js?v=">
- 使用antd中的Form和24 栅格系统进行排版实现响应式布局
qq_37957971
react
importReact,{Component}from'react';import{Table,Row,Col,Input,DatePicker,Button,Select,Form}from'antd';import{getFormatDate}from'../../utils/date';import'../../styles/Common.css';import'./TradeCircle.
- Discuz!开发之模板制作CSS扩展规范与语法规范
土著人宁巴
Discuz!网站运营模板Discuz!技术专栏discuz开发模式模板开发css
在默认模板基础上简单的修改、附加扩展CSS时只需在对应的模板套系下添加一个对应的扩展CSS文件即可,例如修改或扩展common.css中的代码,只需在创建的模板套系目录对应位置:common/文件夹下新建一个extend_common.css文件,然后追加需要修改或者扩展的CSS代码。在生成缓存CSS时,扩展代码会追加到默认模板的CSS文件tmplate/default/common/common
- CSS媒体查询
alfalfaw
media为不同设备指定不同样式common.css存放公共样式,screen.css和print.css分别指定屏幕和打印样式。media="screen,print"和media="all"以及不加media效果一样使用@import简化样式引入@import可以引入指定设备的样式规则style.css@importurl(common.css)all;@importurl(screen.cs
- 页面初始化css
小杰的简书
1.直接在main.js文件里引入想要加载的文件require("./assets/css/common.css")require("./assets/css/reset.css")
- 浅谈CSS模块化
南京闫伟亮的野爹
前端css
为什么要CSS模块化?你是否为class命名而感到苦恼?你是否有怕跟别人使用同样class名而感到担忧?你是否因层级结构不清晰而感到烦躁?你是否因代码难以复用而感到不爽?你是否因为common.css的庞大而感到恐惧?如果有,恭喜你来对了地方!本文会为您一一解决这些难题!那么如何解决CSS命名问题?我们看一下CSS是怎么规范的:使用有意义的或通用的ID和class命名。ID和class的命名应反映
- 经济事项申请1
南漂一枚
经济事项信息 新增行 删除行 导入保存保存-->提交关闭{{ot.msg}}-->-->取消确认提交申请事由:取消确认@import"../../css/common.css";.titleHeigth{height:51px;}importEconomic1from"./economic1.vue";importEconomic2from"./economic2.v
- JAVA spring+jcrop.js实现简单的头像剪裁
TryCatch菌
项目需求有个功能要实现头像,让我这个后端开发来做这个确实有点为难,结合网上大神的例子,做了个简单的功能,以备不时之需实现效果image.png页面+js">MyJSP'face.jsp'startingpage-->static/css/bootstrap.css"/>--%>static/css/common.css"/>static/css/jquery.Jcrop.css"/>static/
- scss变量动态修改
yjl23332
scss前端css
最近项目需要做动态修改背景图片的功能,然后在网上搜索了一大堆怎么动态修改css变量值的,我这里用的是$mainBgimg;后来发现都不能用网上大部分写法//common.css$mainBgImg:var('--bg','url(/img/bg/ldyc.png)');.theme-star.avue-contail{background-image:$mainBgImg;background-s
- 基于Servlet+JDBC实现的基础博客系统>>系列2 -- 前端基础页面
哈士奇的奥利奥
Java项目-博客系统前端csscss3
目录1.博客公共页面样式2.博客列表页3.博客详情页4.博客登录页5.博客编辑页1.博客公共页面样式导航栏以及背景图设置我的博客系统主页写博客注销由于各个页面均有导航栏,因此导航栏的样式可以提取出来,构成一个css文件,方便其他页面引入样式。创建common.css,其余页面引入该样式清除浏览器默认样式;自行准备背景图,用于博客系统的背景;将html和body的高度设置为100%,使得背景高度和浏
- Vue.js使用笔记(一) 如何在渲染完成之前如何不显示元素
Roylotts
Vue.js在渲染完成之前如何不显示元素:首先可以在你的common.css中添加如下样式[v-cloak]{display:none;}使用时如下:车牌号时间状态{{car.number}}{{car.time}}{{car.status}}在渲染完成之后Vue.js会自动帮你移除该属性
- common.css文件
E1son
记录一下常用的全局css——common.cssbody{overflow-x:hidden;}body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,pre,textarea{margin:0;font-family:"微软雅黑","MicrosoftYaHei";font-size:14px;}a{text-decoration:none;outline:none;}a:hov
- common.css
淡漠半世盛糖
//----------------------------------Defaultcommonstyle.begin------------------------------------------------@charset"utf-8";*{margin:0;padding:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
- 小网站的common.css
null_su
/*codebydrsky-2017/11/12*//*--reset--*/*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{font-size:14px;color:#444;line-height:1.4;font-family:"MicrosoftYahei";min
- common.css
前端技师胡帅博
.vertical-center{position:absolute;top:50%;transform:translateY(-50%);}.horizontal-center{position:absolute;left:50%;transform:translateX(-50%);}.img-center{display:table-cell;text-align:center;vertic
- 【JavaWeb】博客系统(前端部分)
p_fly
JavaWebhtmlcss前端
目录登录界面HTMLCSS博客列表页HTMLCSS博客详情页HTMLCSS博客编辑页HTMLCSS引入editor.md登录界面预期效果:HTMLlogin.html登录页面博客系统登录用户名密码CSS整个页面通用的CSS。因为页面有些操作是相同的(比如清楚浏览器的默认样式),有的地方贯穿了整个页面(比如导航栏),对于这些地方写一个通用的CSS可以节省工作量。common.css/*先去除浏览器的
- day04
xusong__
今天学到了什么?1.内联样式,内部样式表,外联样式A.内联样式一般不要这样写如:helloworldB.内部样式表不推荐div{width:100px;height:100px;background:red;}C.外联样式把css写入common.css文件中body里面写结构2.关于margin的一些问题1给子元素margin-top:父元素移动,子元素不移动2.如果有两个块标签,上面的元素的m
- 模版方法模式
第三人称i
//接下来写一个类似的layer弹框插件;functionLayer(data){if(!data){return;}//创建HTML页面代码//创建最外层盒子样式写在common.css中this.LayerBox=document.createElement('div');this.LayerBox.className='layerBox';//创建一个title盒子this.LayerTit
- html+css登录注册页面案例
忧郁火龙果
前端小Demohtmlcss3
一、展示效果1.登陆页面展示(背景图片来自网络可以自己更换):2.注册页面展示:二、需要添加的normalize.css跟common.css代码如下(normalize.css重置样式表):/*重置样式表*//*重置内外边距*/*{margin:0%;padding:0%;box-sizing:border-box;}/*去除图片底部4px白边*/img{vertical-align:middl
- 做项目前期规划
栋珞
csscsscss3html
1、项目规划品优购项目整体介绍(制作首页、列表页、注册页三个页面)开发工具以及技术栈(切图用ps、代码用VScode、测试用chrome,大量使用HTML5+CSS3)模块化开发有些样式和结构在很多页面都会出现,比如页面头部和底部,大部分页面都有,此时可以把这些结构和样式单独作为一个模块,然后重复使用这里最典型的应用就是common.css公共样式,写好一个样式,其余的页面用到这些相同的样式模块化
- 桌面上有多个球在同时运动,怎么实现球之间不交叉,即碰撞?
换个号韩国红果果
html小球碰撞
稍微想了一下,然后解决了很多bug,最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后,遍历整个在dom树中的其他小球,看一下它们与当前小球的距离是否小于球半径的两倍?若小于说明下一次绘制该小球(设为a)前要把他的方向变为原来相反方向(与a要碰撞的小球设为b),即假如当前小球的距离小于球半径的两倍的话,马上改变当前小球方向。那么下一次绘制也是先绘制b,再绘制a,由于a的方向已经改变
- 《高性能HTML5》读后整理的Web性能优化内容
白糖_
html5
读后感
先说说《高性能HTML5》这本书的读后感吧,个人觉得这本书前两章跟书的标题完全搭不上关系,或者说只能算是讲解了“高性能”这三个字,HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲,再去分析性能优化的内容,这样才会有吸引力。因为只是在线试读,没有机会看后面的内容,所以不胡乱评价了。
- [JShop]Spring MVC的RequestContextHolder使用误区
dinguangx
jeeshop商城系统jshop电商系统
在spring mvc中,为了随时都能取到当前请求的request对象,可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量,如request, response等。 在jshop中,对RequestContextHolder的
- 算法之时间复杂度
周凡杨
java算法时间复杂度效率
在
计算机科学 中,
算法 的时间复杂度是一个
函数 ,它定量描述了该算法的运行时间。这是一个关于代表算法输入值的
字符串 的长度的函数。时间复杂度常用
大O符号 表述,不包括这个函数的低阶项和首项系数。使用这种方式时,时间复杂度可被称为是
渐近 的,它考察当输入值大小趋近无穷时的情况。
这样用大写O()来体现算法时间复杂度的记法,
- Java事务处理
g21121
java
一、什么是Java事务 通常的观念认为,事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性(atomicity)、一致性(consistency)、隔离性(isolation)和持久性(durability)的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时,所有被该事务影响的数据都应该恢复到事务执行前的状
- Linux awk命令详解
510888780
linux
一. AWK 说明
awk是一种编程语言,用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件,或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能,是linux/unix下的一个强大编程工具。它在命令行中使用,但更多是作为脚本来使用。
awk的处理文本和数据的方式:它逐行扫描文件,从第一行到
- android permission
布衣凌宇
Permission
<uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中,改值可以修改上传
<uses-permission android:na
- Oracle和谷歌Java Android官司将推迟
aijuans
javaoracle
北京时间 10 月 7 日,据国外媒体报道,Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行,这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测,谷歌 Oracle 案很可能会被推迟。 该案中的第二波辩护被安排在 10 月 17 日出庭,从目前看来
- linux shell 常用命令
antlove
linuxshellcommand
grep [options] [regex] [files]
/var/root # grep -n "o" *
hello.c:1:/* This C source can be compiled with:
- Java解析XML配置数据库连接(DOM技术连接 SAX技术连接)
百合不是茶
sax技术Java解析xml文档dom技术XML配置数据库连接
XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习
XML配置数据库的连接主要技术点的博客;
JDBC编程 : JDBC连接数据库
DOM解析XML: DOM解析XML文件
SA
- underscore.js 学习(二)
bijian1013
JavaScriptunderscore
Array Functions 所有数组函数对参数对象一样适用。1.first _.first(array, [n]) 别名: head, take 返回array的第一个元素,设置了参数n,就
- plSql介绍
bijian1013
oracle数据库plsql
/*
* PL/SQL 程序设计学习笔记
* 学习plSql介绍.pdf
* 时间:2010-10-05
*/
--创建DEPT表
create table DEPT
(
DEPTNO NUMBER(10),
DNAME NVARCHAR2(255),
LOC NVARCHAR2(255)
)
delete dept;
select
- 【Nginx一】Nginx安装与总体介绍
bit1129
nginx
启动、停止、重新加载Nginx
nginx 启动Nginx服务器,不需要任何参数u
nginx -s stop 快速(强制)关系Nginx服务器
nginx -s quit 优雅的关闭Nginx服务器
nginx -s reload 重新加载Nginx服务器的配置文件
nginx -s reopen 重新打开Nginx日志文件
- spring mvc开发中浏览器兼容的奇怪问题
bitray
jqueryAjaxspringMVC浏览器上传文件
最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.
在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
- Lua的io库函数列表
ronin47
lua io
1、io表调用方式:使用io表,io.open将返回指定文件的描述,并且所有的操作将围绕这个文件描述
io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr
2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄
多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
- java-26-左旋转字符串
bylijinnan
java
public class LeftRotateString {
/**
* Q 26 左旋转字符串
* 题目:定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部。
* 如把字符串abcdef左旋转2位得到字符串cdefab。
* 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n),辅助内存为O(1)。
*/
pu
- 《vi中的替换艺术》-linux命令五分钟系列之十一
cfyme
linux命令
vi方面的内容不知道分类到哪里好,就放到《Linux命令五分钟系列》里吧!
今天编程,关于栈的一个小例子,其间我需要把”S.”替换为”S->”(替换不包括双引号)。
其实这个不难,不过我觉得应该总结一下vi里的替换技术了,以备以后查阅。
1
所有替换方案都要在冒号“:”状态下书写。
2
如果想将abc替换为xyz,那么就这样
:s/abc/xyz/
不过要特别
- [轨道与计算]新的并行计算架构
comsci
并行计算
我在进行流程引擎循环反馈试验的过程中,发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段,而整个流程中又充满着很多并行路由,每个并行路由中又包含着一些并行节点,那么当整个流程图开始循环反馈过程的时候,这个流程图的运行过程是否变成一个并行计算的架构呢?
- 重复执行某段代码
dai_lm
android
用handler就可以了
private Handler handler = new Handler();
private Runnable runnable = new Runnable() {
public void run() {
update();
handler.postDelayed(this, 5000);
}
};
开始计时
h
- Java实现堆栈(list实现)
datageek
数据结构——堆栈
public interface IStack<T> {
//元素出栈,并返回出栈元素
public T pop();
//元素入栈
public void push(T element);
//获取栈顶元素
public T peek();
//判断栈是否为空
public boolean isEmpty
- 四大备份MySql数据库方法及可能遇到的问题
dcj3sjt126com
DBbackup
一:通过备份王等软件进行备份前台进不去?
用备份王等软件进行备份是大多老站长的选择,这种方法方便快捷,只要上传备份软件到空间一步步操作就可以,但是许多刚接触备份王软件的客用户来说还原后会出现一个问题:因为新老空间数据库用户名和密码不统一,网站文件打包过来后因没有修改连接文件,还原数据库是好了,可是前台会提示数据库连接错误,网站从而出现打不开的情况。
解决方法:学会修改网站配置文件,大多是由co
- github做webhooks:[1]钩子触发是否成功测试
dcj3sjt126com
githubgitwebhook
转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html
github和svn一样有钩子的功能,而且更加强大。例如我做的是最常见的push操作触发的钩子操作,则每次更新之后的钩子操作记录都会在github的控制板可以看到!
工具/原料
github
方法/步骤
- ">的作用" target="_blank">JSP中的作用
蕃薯耀
JSP中<base href="<%=basePath%>">的作用
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
- linux下SAMBA服务安装与配置
hanqunfeng
linux
局域网使用的文件共享服务。
一.安装包:
rpm -qa | grep samba
samba-3.6.9-151.el6.x86_64
samba-common-3.6.9-151.el6.x86_64
samba-winbind-3.6.9-151.el6.x86_64
samba-client-3.6.9-151.el6.x86_64
samba-winbind-clients
- guava cache
IXHONG
cache
缓存,在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说,cache 就是为了提升系统性能而开辟的一块内存空间。
缓存的主要作用是暂时在内存中保存业务系统的数据处理结果,并且等待下次访问使用。在日常开发的很多场合,由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时,当我们发现我们的系统这个数据请求量很大的时候,频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
- Query的开始--全局变量,noconflict和兼容各种js的初始化方法
kvhur
JavaScriptjquerycss
这个是整个jQuery代码的开始,里面包含了对不同环境的js进行的处理,例如普通环境,Nodejs,和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解 完整资源:
http://www.gbtags.com/gb/share/5640.htm jQuery 源码:
(
- 美国人的福利和中国人的储蓄
nannan408
今天看了篇文章,震动很大,说的是美国的福利。
美国医院的无偿入院真的是个好措施。小小的改善,对于社会是大大的信心。小孩,税费等,政府不收反补,真的体现了人文主义。
美国这么高的社会保障会不会使人变懒?答案是否定的。正因为政府解决了后顾之忧,人们才得以倾尽精力去做一些有创造力,更造福社会的事情,这竟成了美国社会思想、人
- N阶行列式计算(JAVA)
qiuwanchi
N阶行列式计算
package gaodai;
import java.util.List;
/**
* N阶行列式计算
* @author 邱万迟
*
*/
public class DeterminantCalculation {
public DeterminantCalculation(List<List<Double>> determina
- C语言算法之打渔晒网问题
qiufeihu
c算法
如果一个渔夫从2011年1月1日开始每三天打一次渔,两天晒一次网,编程实现当输入2011年1月1日以后任意一天,输出该渔夫是在打渔还是在晒网。
代码如下:
#include <stdio.h>
int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/
{
if((a%4 == 0 && a%100 != 0
- XML中DOCTYPE字段的解析
wyzuomumu
xml
DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.
私有DTD
<!DOCTYPErootSYST