前台开发总结03
来源:互联网 发布:数据侠客行txt精校版 编辑:程序博客网 时间:2024/06/04 19:32
1、原来Tomcat WEB-INF目录下的文件,浏览器一般无法直接方法,只能通过重定向后才可以访问,如果需要直接访问,可以放在和WEB-INF同级目录下。
2、在Web前台开发中,我们经常需要为页面元素加上边框,例如使用border:1px solid black;
但是,当你设置边框border-color属性值为透明时,border-color:transparent;边框会使用边框所在元素的背景颜色,并且以背景颜色平铺的样式在
边框上呈现。若你将背景图片稍加设计,便会呈现出非常有意思的图像。
如下图所示:
3、在web前台开发中,我们可能会遇到这样的问题:需要将多个块级元素放到同一行中。
按照我以前的做法,我可能会将这几个块级元素进行浮动,然后分别设置这几个块级元素的左右边距,是他们保持适当距离。
但是,今天我看到另一种方法:可以讲这几个块级元素设为行内块级元素inline-block,然后设这几个行内块级元素的宽度,比如有三个,
则可以设width:30%;还剩下的10%的宽度,分为两个5%(注意不要有边框)填充进三个块级元素的间隔中。
4、在前台开发中,有时候我们需要一些小图形,比如小圆圈、小方块什么的,这种东西完全不需要麻烦美工,可以自己使用前台代码制作。
比如小方块,其实就是一个小<div>,代码如下:
5、2017年3月1日学习感悟:
前台开发的发展方向,是由学会各种开发技能到提供系统性能转变的。此时,已经不是为了实现需求而使用某种架构,而是为了提高系统的
性能而选择使用不同的架构。
当你学会各种主流开发框架时,只是刚刚迈入系统开发的殿堂而已,如何拾级而上,登顶为王,便需要学会何时何处使用何种框架了。
我想,这也是程序员到架构师的进价之路。
6、css和HTML对大小写不敏感,js和XHTML元素对大小写敏感。
注意:CSS中不要写 - 或者 _ ,因为IE6下 - 和 _ 均失效。
7、js中使用forin循环输出对象属性值
8、键盘【Ctrl】+【f5】强制浏览器重新从服务器获取一次页面信息;若你只使用【f5】则浏览器显示的可能是浏览器缓存中的信息。
2、在Web前台开发中,我们经常需要为页面元素加上边框,例如使用border:1px solid black;
但是,当你设置边框border-color属性值为透明时,border-color:transparent;边框会使用边框所在元素的背景颜色,并且以背景颜色平铺的样式在
边框上呈现。若你将背景图片稍加设计,便会呈现出非常有意思的图像。
如下图所示:
3、在web前台开发中,我们可能会遇到这样的问题:需要将多个块级元素放到同一行中。
按照我以前的做法,我可能会将这几个块级元素进行浮动,然后分别设置这几个块级元素的左右边距,是他们保持适当距离。
但是,今天我看到另一种方法:可以讲这几个块级元素设为行内块级元素inline-block,然后设这几个行内块级元素的宽度,比如有三个,
则可以设width:30%;还剩下的10%的宽度,分为两个5%(注意不要有边框)填充进三个块级元素的间隔中。
4、在前台开发中,有时候我们需要一些小图形,比如小圆圈、小方块什么的,这种东西完全不需要麻烦美工,可以自己使用前台代码制作。
比如小方块,其实就是一个小<div>,代码如下:
<div style="height:10px;width:10px;border:1px solid black;"></div>小圆圈,代码如下:
<div style="height:10px;width:10px;border:1px solid black;border-radius:5px;"></div>
5、2017年3月1日学习感悟:
前台开发的发展方向,是由学会各种开发技能到提供系统性能转变的。此时,已经不是为了实现需求而使用某种架构,而是为了提高系统的
性能而选择使用不同的架构。
当你学会各种主流开发框架时,只是刚刚迈入系统开发的殿堂而已,如何拾级而上,登顶为王,便需要学会何时何处使用何种框架了。
我想,这也是程序员到架构师的进价之路。
6、css和HTML对大小写不敏感,js和XHTML元素对大小写敏感。
注意:CSS中不要写 - 或者 _ ,因为IE6下 - 和 _ 均失效。
7、js中使用forin循环输出对象属性值
<fieldset> <legend>对象输出</legend> <input type="button" value="点击" class="but2"> <hr> 输出结果为:<span class="out2"></span> <script> $(function(){ $(".but2").click(function(){ var object={'name':'xyong','age':'24','tel':'none'}; var out=""; for(value in object){ out+=object[value]; } $(".out2").text(out); }); }); </script> </fieldset>
8、键盘【Ctrl】+【f5】强制浏览器重新从服务器获取一次页面信息;若你只使用【f5】则浏览器显示的可能是浏览器缓存中的信息。
0 0
- 前台开发总结03
- webgame前台开发总结
- 前台开发总结01
- 前台开发总结02
- 前台开发总结05_20170516
- 前台开发总结06_20170520
- 前台开发总结09_20170728
- 前台开发总结07——20170525
- 前台开发总结08——20170607
- 前台开发总结10——20170907
- 前台开发总结11——20171115
- 前台开发总结12——20171122
- 银行MIS系统前台开发总结(1)
- 银行MIS系统前台开发总结(2)-dataTable控件
- [原创]银行MIS系统前台开发总结(3)
- 前台开发总结04——2017.04.13
- jsp 前台知识总结
- 前台总结一
- 6.用两个栈来实现一个队列,完成队列的Push和Pop操作
- 关于hibernater找不到表
- Laravel5.4初试-php artisan migrate问题
- faster rcnn在ubuntu环境下使用GPU模式并用cuDNN v5加速
- Python pandas快速入门
- 前台开发总结03
- 【51nod 1190】最小公倍数之和 V2
- Java List 用法代码分析
- 机器学习笔记十四:随机森林
- elasticsearch this is not a http port
- FMDB进行封装模型(模型的属性只支持字符串和NSData)
- react实现登录页面demo
- Leetcode53——Maximum Subarray
- Mat详解