前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一 些前端开发中的共性问题，但是实现又不尽相同。通常一般的前端加载js文件都是这样 :<script type="text/javascript" src="js/js1.js"></script> <script type="text/javascript" src="js/js2.js"></script> <script type="text/javascript" src="js/js3.js"></script> <script type="text/jav...
想要适配手机端和pc端，有几种简单的方法，本人使用的是百分比分配的方法。*{padding: 0;margin: 0; } body,html{width: 100%;height: 100%;overflow: hidden; } #bottom_box{width: 100%;height: 50px;background-color: #eee;display: flex; //这是flex布局，父元素设置为flex，子元素设置几等份就是分成几等份position: fixed;bottom: 0px; } .tab{flex:1; //子元素都平均是1：1：1：1的意思text-align: center;padding-to...
在IOS开发中，可以通过webView来加载HTML文件步骤如下：1.需要有一个webView，可以通过storyboard拖拽一个 或者 alloc 一个（我在这里是拖拽了一个），是否要给webView设置delegate ，根据自己的需要决定（如果只是展示页面可以忽略）。 webView2.创建HTML文件、CSS文件、js文件，同样的创建方式，只是后缀名不同。 New File -> Other ->Empty 创建HTML文件后缀名为：html，创建css文件后缀名为css，创建js文件后缀名为：js 创建HT...
原文：http://www.cnblogs.com/prctice/p/3775952.html
管理静态文件项目中的CSS、图片、js都是静态文件配置静态文件在settings 文件中定义静态内容STATIC_URL = ‘/static/‘ STATICFILES_DIRS = [os.path.join(BASE_DIR, ‘static‘), ] 在项目根目录下创建static目录，再创建当前应用名称的目录mysite/static/myapp/ 在模板中可以使用硬编码/static/my_app/myexample.jpg 在模板中可以使用static编码{ % load static from staticfiles %} <img src="{ % static "my_app/myexample.jpg...
用淘宝改良的Nginx（Tengine）提供web服务 今天在本博客上顺利把Nginx换成了Tengine；并启用了动态加载模块 mod_concat，对本博客使用的知更鸟主题各个页面head模板中大量调用的多个CSS,JSS请求进行了合并，即客户端浏览器只需通过一次http请求，即可从服务器返回所需要的多个CSS,JS文件；下面是配置步骤： 编译安装Tengine 1，停止web服务，备份原来的Nginx目录（我是lnmp一键安装的，所以直接备份/usr/local/nginx目录即可） ser...
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>My照片墙</title><style type="text/css">*{padding:0;margin: 0;}li,ul{list-style: none;}#parent{margin: 0 auto;width: 830px;height: 600px;margin-top:50px;}#parent li{float: left;height: 250px;margin: 10px;width: 250px;}</style><script type="text/javascript">/****将浮动布局转换为绝对定位布局*/window.onload=function(){var parent = docum...
? 箭头类 符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS?⇠\u21E0\21E0?⇢\u21E2\21E2?⇡\u21E1\21E1?⇣\u21E3\21E3?↞\u219E\219E?↠\u21A0\21A0?↟\u219F\219F?↡\u21A1\21A1←←\u2190\2190→→\u2192\2192↑↑\u2191\2191↓↓\u2193\2193?↔\u2194\2194?↕\u2195\2195?⇄\u21C4\21C4?⇅\u21C5\21C5?↢\u21A2\21A2?↣\u21A3\21A3?⇞\u21DE\21DE?...
如果你的DispatcherServlet拦截 *.do这样的URL，就不存在访问不到静态资源的问题。如果你的DispatcherServlet拦截“/”，拦截了所有的请求，同时对*.js,*.jpg的访问也就被拦截了。目的：可以正常访问静态文件，不要找不到静态文件报404。方案一：激活Tomcat的defaultServlet来处理静态文件Xml代码<servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.jpg</url-pattern> </servlet-mapping> <servlet-mappi...
在网站发布中，一般要将js,css文件压缩减少体积，以减少在HTTP请求中的流量。将Microsoft Ajax Minifier集成到VS2013中就可以对JS、CSS进行编译时压缩。 VS2013的集成方法： Asp.net网站上的详细说明网址：http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx Microsoft Ajax Minifier下载地址：http://ajaxmin.codeplex.com/ 下载安装后，按照如下步骤集成到VS2013 1、在web项目上右键，点击卸载项目 2、在w...
在这篇文章中我们将创建纯css3的等待效果动画，不用javaScript，不用jquery，不用图片。效果如下：html标记在这篇文章中用到的html只需要添加一个<div>该div加入一个class=“loading”，如下所示：复制代码代码如下:<div class="loading"></div>CSS 下面通过一个例子实现上图中第三个css效果：第一部分css它设置了该div的样式，利用css3我们可以创建很多形状，如线、矩形、圆饼等，我们也可以为其生成纹理和条纹等复杂的效果。下面...
信经常观察大站的朋友都会发现，他们都把CSS写在HMTL页面里，一个页面的或者多个页面的背景图片，都集成到一张图片里，他们有的JS文件，也写到页面里了……也许你会迷惑，现在到处讲页面的优化，不都是要把CSS、JS都独立出来，然后掉用吗？大站这样的做法岂不是不利于SEO？难道他们真的不懂SEO吗？下面，我就给大家详细解释下其中原因。 首先，我们访问网站的时候，会对服务器发出HTTP请求，网站打开的快慢，处理与页面的大小图...
在开发中编写的js、css发布的时候，往往需要进行压缩，以减少文件大小，减轻服务器的负担。这就得每次发版本的时候，对js、js进行压缩，然后再发布。有没有什么办法，让代码到了服务器上边，它自己进行压缩呢？ 有两种办法：第一种，在css、js请求到来的时候读取一下相对应的文件，进行压缩后返回。此方法可以通过在Global.asax的Application_BeginRequest的事件中，进行处理，也可以在web.config中注册一个httpHandler进行处理。第...
网上看过很多配置思路，自己总结了以下，就把我个人配置的顺序以及材料分享下，webstrom以下简称WB1、配置less需要安装nodejs,自行安装。因为要用到npm.我是直接把npm解压到C盘根目录的，先下载解压好待用 npm解压包百度云下载地址:http://pan.baidu.com/s/1bpdnmGZ （yuicompressor-2.4.2.jar 这个是WB配置让CSS或者JS自动生成.mincss/.minjs的压缩工具，不是配置LESS的工具哦， 使用很简单不用解压，比我直接放在C盘...
关于js中style,currentStyle和getComputedStyle几个注意的地方（1）用js的style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。（2）currentStyle可以弥补style的不足（可获取内联样式，内部样式和外部样式），但是只适用于IE。（3）getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 注意： ① currentStyle和getComputedStyle只能用于获取页面元素的样式，不能用来设...