- 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公共样式,写好一个样式,其余的页面用到这些相同的样式模块化
- 书其实只有三类
西蜀石兰
类
一个人一辈子其实只读三种书,知识类、技能类、修心类。
知识类的书可以让我们活得更明白。类似十万个为什么这种书籍,我一直不太乐意去读,因为单纯的知识是没法做事的,就像知道地球转速是多少一样(我肯定不知道),这种所谓的知识,除非用到,普通人掌握了完全是一种负担,维基百科能找到的东西,为什么去记忆?
知识类的书,每个方面都涉及些,让自己显得不那么没文化,仅此而已。社会认为的学识渊博,肯定不是站在
- 《TCP/IP 详解,卷1:协议》学习笔记、吐槽及其他
bylijinnan
tcp
《TCP/IP 详解,卷1:协议》是经典,但不适合初学者。它更像是一本字典,适合学过网络的人温习和查阅一些记不清的概念。
这本书,我看的版本是机械工业出版社、范建华等译的。这本书在我看来,翻译得一般,甚至有明显的错误。如果英文熟练,看原版更好:
http://pcvr.nl/tcpip/
下面是我的一些笔记,包括我看书时有疑问的地方,也有对该书的吐槽,有不对的地方请指正:
1.
- Linux—— 静态IP跟动态IP设置
eksliang
linuxIP
一.在终端输入
vi /etc/sysconfig/network-scripts/ifcfg-eth0
静态ip模板如下:
DEVICE="eth0" #网卡名称
BOOTPROTO="static" #静态IP(必须)
HWADDR="00:0C:29:B5:65:CA" #网卡mac地址
IPV6INIT=&q
- Informatica update strategy transformation
18289753290
更新策略组件: 标记你的数据进入target里面做什么操作,一般会和lookup配合使用,有时候用0,1,1代表 forward rejected rows被选中,rejected row是输出在错误文件里,不想看到reject输出,将错误输出到文件,因为有时候数据库原因导致某些column不能update,reject就会output到错误文件里面供查看,在workflow的
- 使用Scrapy时出现虽然队列里有很多Request但是却不下载,造成假死状态
酷的飞上天空
request
现象就是:
程序运行一段时间,可能是几十分钟或者几个小时,然后后台日志里面就不出现下载页面的信息,一直显示上一分钟抓取了0个网页的信息。
刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成,但是水平有限研究源码未果。
经过不停的google终于发现一个有价值的信息,是给twisted提出的一个bugfix
连接地址如下http://twistedmatrix.
- 利用预测分析技术来进行辅助医疗
蓝儿唯美
医疗
2014年,克利夫兰诊所(Cleveland Clinic)想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术,所以,即使降低很少一部分成本,都可以为诊 所和病人节约大量的资金。为了找到适合的解决方案,供应商将视野投向了预测分析技术和工具,但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着 什么。
克利夫兰诊所负责企业信息管理和分析的医疗
- java 线程(一):基础篇
DavidIsOK
java多线程线程
&nbs
- Tomcat服务器框架之Servlet开发分析
aijuans
servlet
最近使用Tomcat做web服务器,使用Servlet技术做开发时,对Tomcat的框架的简易分析:
疑问: 为什么我们在继承HttpServlet类之后,覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后,该方法会自动被Tomcat服务器调用,doGet方法的参数有谁传递过来?怎样传递?
分析之我见: doGet方法的
- 揭秘玖富的粉丝营销之谜 与小米粉丝社区类似
aoyouzi
揭秘玖富的粉丝营销之谜
玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万,第七天成交量单日破了1000万;第23天时,累计成交量超1个亿……至今成立不到10个月,粉丝已经超过500万,月交易额突破10亿,而玖富平台目前的总用户数也已经超过了1800万,位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿,但是却鲜有成功者,玖富的粉丝营销对外至今仍然是个谜。
近日,一直坚持微信粉丝营销
- Java web的会话跟踪技术
百合不是茶
url会话Cookie会话Seession会话Java Web隐藏域会话
会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点
会话:多次请求与响应的过程
1,url地址传递参数,实现页面跟踪技术
格式:传一个参数的
url?名=值
传两个参数的
url?名=值 &名=值
关键代码
- web.xml之Servlet配置
bijian1013
javaweb.xmlServlet配置
定义:
<servlet>
<servlet-name>myservlet</servlet-name>
<servlet-class>com.myapp.controller.MyFirstServlet</servlet-class>
<init-param>
<param-name>
- 利用svnsync实现SVN同步备份
sunjing
SVN同步E000022svnsync镜像
1. 在备份SVN服务器上建立版本库
svnadmin create test
2. 创建pre-revprop-change文件
cd test/hooks/
cp pre-revprop-change.tmpl pre-revprop-change
3. 修改pre-revprop-
- 【分布式数据一致性三】MongoDB读写一致性
bit1129
mongodb
本系列文章结合MongoDB,探讨分布式数据库的数据一致性,这个系列文章包括:
数据一致性概述与CAP
最终一致性(Eventually Consistency)
网络分裂(Network Partition)问题
多数据中心(Multi Data Center)
多个写者(Multi Writer)最终一致性
一致性图表(Consistency Chart)
数据
- Anychart图表组件-Flash图转IMG普通图的方法
白糖_
Flash
问题背景:项目使用的是Anychart图表组件,渲染出来的图是Flash的,往往一个页面有时候会有多个flash图,而需求是让我们做一个打印预览和打印功能,让多个Flash图在一个页面上打印出来。
那么我们打印预览的思路是获取页面的body元素,然后在打印预览界面通过$("body").append(html)的形式显示预览效果,结果让人大跌眼镜:Flash是
- Window 80端口被占用 WHY?
bozch
端口占用window
平时在启动一些可能使用80端口软件的时候,会提示80端口已经被其他软件占用,那一般又会有那些软件占用这些端口呢?
下面坐下总结:
1、web服务器是最经常见的占用80端口的,例如:tomcat , apache , IIS , Php等等;
2
- 编程之美-数组的最大值和最小值-分治法(两种形式)
bylijinnan
编程之美
import java.util.Arrays;
public class MinMaxInArray {
/**
* 编程之美 数组的最大值和最小值 分治法
* 两种形式
*/
public static void main(String[] args) {
int[] t={11,23,34,4,6,7,8,1,2,23};
int[]
- Perl正则表达式
chenbowen00
正则表达式perl
首先我们应该知道 Perl 程序中,正则表达式有三种存在形式,他们分别是:
匹配:m/<regexp>;/ (还可以简写为 /<regexp>;/ ,略去 m)
替换:s/<pattern>;/<replacement>;/
转化:tr/<pattern>;/<replacemnt>;
- [宇宙与天文]行星议会是否具有本行星大气层以外的权力呢?
comsci
举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........
&
- Oracle Profile 使用详解
daizj
oracleprofile资源限制
Oracle Profile 使用详解 转
一、目的:
Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制,使用Create Profile命令创建一个Profile,用它来实现对数据库资源的限制使用,如果把该profile分配给用户,则该用户所能使用的数据库资源都在该profile的限制之内。
二、条件:
创建profile必须要有CREATE PROFIL
- How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis
dengkane
elasticsearchLucene
This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams.
HipChat started in an unusual space, one you might not
- 循环小示例,菲波拉契序列,循环解一元二次方程以及switch示例程序
dcj3sjt126com
c算法
# include <stdio.h>
int main(void)
{
int n;
int i;
int f1, f2, f3;
f1 = 1;
f2 = 1;
printf("请输入您需要求的想的序列:");
scanf("%d", &n);
for (i=3; i<n; i
- macbook的lamp环境
dcj3sjt126com
lamp
sudo vim /etc/apache2/httpd.conf
/Library/WebServer/Documents
是默认的网站根目录
重启Mac上的Apache服务
这个命令很早以前就查过了,但是每次使用的时候还是要在网上查:
停止服务:sudo /usr/sbin/apachectl stop
开启服务:s
- java ArrayList源码 下
shuizhaosi888
ArrayList源码
版本 jdk-7u71-windows-x64
JavaSE7 ArrayList源码上:http://flyouwith.iteye.com/blog/2166890
/**
* 从这个列表中移除所有c中包含元素
*/
public boolean removeAll(Collection<?> c) {
- Spring Security(08)——intercept-url配置
234390216
Spring Securityintercept-url访问权限访问协议请求方法
intercept-url配置
目录
1.1 指定拦截的url
1.2 指定访问权限
1.3 指定访问协议
1.4 指定请求方法
1.1 &n
- Linux环境下的oracle安装
jayung
oracle
linux系统下的oracle安装
本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production),本文基于各种网络资料精心整理而成,共享给有需要的朋友。如有问题可联系:QQ:52-7
- hotspot虚拟机
leichenlei
javaHotSpotjvm虚拟机文档
JVM参数
http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html
JVM工具
http://docs.oracle.com/javase/6/docs/technotes/tools/index.html
JVM垃圾回收
http://www.oracle.com
- 读《Node.js项目实践:构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活”
noaighost
Webnode.js
读《Node.js项目实践:构建可扩展的Web应用》
——引编程慢慢变成系统化的“砌砖活”
眼里的Node.JS
初初接触node是一年前的事,那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序,想必每个码农都会经历这个月经性的问题:微信用什么语言写的?facebook为什么推荐系统这么智能,用什么语言写的?dota2的外挂这么牛逼,用什么语言写的?……用什么语言写这句话,困扰人也是阻碍
- 快速开发Android应用
rensanning
android
Android应用开发过程中,经常会遇到很多常见的类似问题,解决这些问题需要花时间,其实很多问题已经有了成熟的解决方案,比如很多第三方的开源lib,参考
Android Libraries 和
Android UI/UX Libraries。
编码越少,Bug越少,效率自然会高。
但可能由于 根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因,这些成熟的解决
- 理解Java中的弱引用
tomcat_oracle
java工作面试
不久之前,我
面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说,“你能给我介绍一些Java中得弱引用吗?”,如果面试者这样说,“嗯,是不是垃圾回收有关的?”,我就会基本满意了,我并不期待回答是一篇诘究本末的论文描述。 然而事与愿违,我很吃惊的发现,在将近20多个有着平均5年开发经验和高学历背景的应聘者中,居然只有两个人知道弱引用的存在,但是在这两个人之中只有一个人真正了
- 标签输出html标签" target="_blank">关于标签输出html标签
xshdch
jsp
http://back-888888.iteye.com/blog/1181202
关于<c:out value=""/>标签的使用,其中有一个属性是escapeXml默认是true(将html标签当做转移字符,直接显示不在浏览器上面进行解析),当设置escapeXml属性值为false的时候就是不过滤xml,这样就能在浏览器上解析html标签,
&nb