不要再纠结css/js/html有没有必要放在WEB-INF下了

原因首先,css/js/html没有必要放在WEB-INF下. 最终这些会被原封不动的展现在客户端,所以访问安全根本就不会成为问题. jsp放在web-inf下,原因主要有两个 1. 远古时代的模式会把业务逻辑,数据库连接等敏感信息写在jsp里面,被用户直接访问会有安全问题. 现代模式里这个不再成为问题,不应该成为问题. 2. jsp是在服务器端运行的,而且通常都需要其他程序支持——比如后台处理好数据再让jsp渲染等,用户直接访问一则没有意义,二则会抛异常,这些都浪费服务器资源. 其次,如果你…

基于原生的 html css js php ajax做的一个 web登录和注册系统

完整代码下载: 百度网盘地址 https://pan.baidu.com/s/1D1gqHSyjgfoOtYCZm7ofJg 提取码 :nf0b 永久有效注意: 1 如果要正常运行此示例, 本地需要搭建服务器和 php 环境,不懂的自行百度啊 2 在此示例中的register.php/sendMail()函数中,发送邮件的发件人填的是我自己已经开通smtp服务后的qq邮箱号 3 如果你要把发邮件的邮箱号改成自己的, 需要登录邮箱并开通smtp服务(免费开通的,只需要你手机验证), 不然你的邮…

asp.net mvc项目实记-开启伪静态-Bundle压缩css,js

百度这些东西,还是会浪费了一些不必要的时间,记录记录以备后续一.开启伪静态如果不在web.config中配置管道开关则伪静态无效首先在RouteConfig.cs中中注册路由 routes.MapRoute( name: "index", url: "index.html", defaults: new { controller = "Home", action = "Index", id = UrlParameter.…

html+css+js+Hbuilder开发一款安卓APP，根本不用学Android开发！

我们知道,要做一款安卓APP,咱们得先学安卓开发语言,例如java,前端后端.那么没有这些开发语言基础,咱们怎么做呢?其实现在有比较好的开发方案就是做webAPP,咱们可以用web前端知识构建安卓客户端,用php构建服务端. 首先我们要准备:1.html+css+js基础知识,这是web前端开发最基础的2.php后端,mysql数据库基础知识3.Hbuilder,这是一款继承开发工具,集成代码编辑器,运行,真机模拟,调试等工具,还支持在线打包,也就是说你不用配置什么java开发环境就可以开发安卓…

网页加载速度优化2--先加载css，然后再加载js文件。

网页加载时,是按从上到下,从左到右的顺序加载的.所以一定要先加载css文件(不要让用户看到一个杂乱无章的页面),最后再加载js文件,js一般都是处理功能的,所以不需要提前加载.先给用户观感,再给用户上手体验. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--先加载cs…

CSS & JS 制作滚动幻灯片

==================纯CSS方式==================== <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0px; margin: 0px; } .show-box { height: 80…

css js 的引入方式和书写位置

css 的引入方式 1.行内样式 <div id="div1" style="width:100px; height:100px; background:red"></div> 2.内嵌(写在head标签内) <head> <style> #div1{ width:100px; height:100px; background:red; } </style> </head> 3.外联…

网站加载css/js/img等静态文件失败

网站加载css/js/img等静态文件失败,报网站http服务器内部500错误.而服务器中静态文件存在且权限正常. 从浏览器中直接访问文件,出来乱码.这种问题原因在于iis中该网站mime配置报错,不识别文件类型.可去iis中处理mime配置问题,一般是配置重复性问题. 例如,对单个网站配置mime,增加了apk文件类型,则会在该网站的config文件中增加一句apk mime相关的代码(具体代码记不清了),以后若iis再整体配置mime apk时,则此网站会报mime重复配置错误,网站中的cs…

【前端】Sublime text3 插件HTML/CSS/JS prettify 格式化代码

1.首先安装插件菜单的preference->packages control,然后输入install .. 回车,再输入HTML/CSS/JS prettify 再回车,重启后就可以了. 2.在代码界面右击->HTML/CSS/JS prettify->Prettify Code ,如果出现下图提示去node.js官网下载32位的相应的node.js, windows对应的 node.js 的传送门. 然后保证位置和set plugin option里面的一样就行了.…

css+js+html基础知识总结

css+js+html基础知识总结一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式)>[id>class>tag](选择器) 样式的优先级:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 3.继承是CSS的一个主要特征,它是依赖于祖先-后代的关系的.继承是一种机…

Zend Studio 上安装使用Aptana插件(html,css,js代码提示功能) .

最近装了zend studio 9.0 用了段时间发现写html,css,js代码没提示,要开dreamwaver(对js代码提示也不好).就网上搜索了下,发现了Aptana插件,装上用了下,感觉不错. 贴下官方网址:http://www.aptana.com/ 一.安装步骤: 1.zend studio->Help->Install New Software->work with点击add(见下图) 2.这里有两个选择: (1)Local(本地安装) (2)在线安装,location中…

CSS+JS下拉菜单和纯CSS下拉菜单

下拉菜单 (思路:先把二级定位到屏幕外,鼠标悬停重新定位回来:另一个就是ul浮动,li也浮动) 下拉菜单的一般思路就是把子导航嵌套在无序列表中,把列表定位到屏幕之外,当鼠标悬停在其父列表项上时,重新定位它. 有两个问题需要注意, 第一个问题,列表项设置了float浮动,因此列表也要浮动已防止列表收缩: ul.nav,ul.nav ul{float:left} ul.nav li{float:left} 第二个问题,子导航的定位 ul.nav li ul{position:absolute;lef…

前端（HTML/CSS/JS）-HTML编码规范

一.HTML编码规范 1. img标签要写alt属性根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的写法: <img src="chime-logo.svg" alt="ABC Com…

C# 封装miniblink 使用HTML/CSS/JS来构建.Net 应用程序界面和简易浏览器

MiniBlink的作者是龙泉寺扫地僧 miniblink是什么? (抄了一下龙泉寺扫地僧写的简洁) Miniblink是一个全新的.追求极致小巧的浏览器内核项目,其基于chromium最新版内核,去除了chromium所有多余的部件,只保留最基本的排版引擎blink.Miniblink保持了10M左右的极简大小,是所有同类产品最小的体积,同时支持windows xp.npapi. 为什么要做miniblink? 市面上作为嵌入的组件的可用的浏览器内核,不外乎这几个:webkit.ce…

HTML---引入css,js | 常用标签示例

一.前端基础包括哪些?如何理解二.css,js引入_及head中其他标签三.特殊符号四.常见的标签 4.1,form表单 4.2,input系列(单选框.复选框.input传文件.重置) 4.3,label+input标签 4.4,多行文本框,下拉框单选,列表框多选 4.5,a标签,链接和锚点 4.6,图片img,列表(无序列表ul,有序列表ol,标题+内容列表) 4.7,表格<table> 4.8,fieldset标签,了解 ------------------------------…

Submine Text3格式化HTML/CSS/JS代码

Submine Text3格式化HTML/CSS/JS代码需要安装插件,步骤如下: 1.打开菜单--->首选项---->Package Control,输入 install package 2.输入“html-css-js prettify “,点击之后,开始安装 3.插件安装成功后,在需要格式化的HTML代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化. 格式化CSS会再每个CSS后面都添加一个换行,取消该换行的方法: 打开:菜单-->工具-->html/css/js…

Sublime Text 插件之HTML-CSS-JS Prettify—格式化HTML CSS JS与显示函数列表

插件名称:HTML-CSS-JS Prettify 安装步骤: 1.ctrl + shift + p 打开控制台2.输入install package,选择install package(如果已经安装过install package略过)3.搜索输入:HTML-CSS-JS Prettify,并安装该插件4.重启sublime 如图所示: 格式化操作选中代码,然后按Ctrl+Alt+H对代码进行格式化遇到的问题如果格式化的时候一直提示如下错误的话,“This usually means…

Sublime text3 插件HTML/CSS/JS prettify 格式化代码

用html+css+js实现选项卡切换效果

文章转载自:http://tongling.github.io/JSCards/ 用html+css+js实现选项卡切换效果使用之前学过的综合知识,实现一个新闻门户网站上的常见选项卡效果: 文字素材: 房产: 275万购昌平邻铁三居总价20万买一居 200万内购五环三居 140万安家东三环北京首现零首付楼盘 53万购东5环50平京楼盘直降5000 中信府公园楼王现房家居: 40平出租屋大改造美少女的混搭小窝经典清新简欧爱家 90平老房焕发新生新中式的酷色温情 66平撞色活泼家居…

压缩前端文件(html, css, js)

1:原因在写前端代码时, 因为要尽可能的适合阅读会加入许多注释, 空格等, 这些在开发时是必要的, 但当你要发布时, 就需要让代码更加精简, 精简压缩的同时也混淆了代码, 安全性也加强了, 可以说是一举两得. 2:解决方案使用 htmlcompressor-1.5.3.jar(html) 和 yuicompressor-2.4.8.jar(js, css) 实现前端资源的压缩. 3:例子 3.1 htmlcompressor-1.5.3.jar 压缩 html文件 java -jar ./…

使用html+css+js实现倒计时，开启你痛苦的倒计时吧

使用html+css+js实现倒计时,开启你痛苦的倒计时吧效果图: 这是我痛苦的倒计时,呜呜呜好啦,再痛苦还是要分享代码,代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时</title> <style> #time { width: 350px; height: 200px; margin: 10…

使用html+css+js实现计算器

使用html+css+js实现计算器,开启你的计算之旅吧效果图: 代码如下,复制即可使用: <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> /* 主体 */ .counter{ width: 396px; height: 486px; background-color: #F2F2F2; border: 1p…

WordPress引入css/js两种方法

WordPress引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的css,js,甚至很有可能还需要加载Jquery文件,网上方法特多,说法不一,我们今天借鉴wordpress官方最新的twentysixteen主题来学习总结一下WordPress引入css/js各种常用方法,以及最优化的加载方法. 其实网上的N种方法总结起来就两种:一.模板文件header.php中直接引入文件二.在主题的functions.php中通过WP自带的函数wp_enqueue_scri…

html+css+js实现网页拼图游戏

代码地址如下:http://www.demodashi.com/demo/14449.html 项目描述使用 html+js+css 实现一个网页拼图游戏,可支持简单,中等,困难三种难度. 演示效果在浏览器直接打开网页即可运行,有三种难度可以选择, 完成拼图会显示所用的时间和步数. 项目结构 Puzzle ├── chilian.jpg ├── fifteen.css ├── fifteen.html └── fifteen.js 文件夹中只有四个文件,拼图所用的原图以及3个代码文件. 项目…

Sublime Text 3配置Minify压缩,格式化css,js,html,json,svg

1.通过 Package Control 安装Minify 按 ctrl + shift + p 输入 Install Package 然后输入Minify 按回车就可以安装啦 2.安装note.js 安装合成后打开cmd输入 node --version 如果出现版本信息就可以啦,否则的话就把nodejs的路径添加到系统环境变量里去; 3.打开cmd输入下面命令安装 npm install -g clean-css uglifycss js-beautify html-min…

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范一.HTML编码规范 1. img标签要写alt属性根据W3C标准,img标签要写alt属性,如果没有就写一个空的.但是一般要写一个有内容的,根据图片想要表达的意思,因为alt是在图片无法加载时显示的文字.如下不太好的写法: <img src="company-logo.svg" alt="ABC Company Logo"> 更好的…

利用 localStorage 储存css js

链接版本号, 可以后台输出到jsp页面上移动端webapp值得一试: 兼容性好网速慢,LS读取+eval大多数情况下快于304 webapp不需要seo,css也可以缓存,再通过js加载浏览器缓存经常会被清理,LS被清理的几率低一些 /** * 插件功能:使用localStorage缓存js和css文件,减少http请求和页面渲染时间,适用于Web移动端H5页面制作. * 插件作者:zhangqs008@163.com * 使用方法: * 1.使用此插件前,需要给插件的pageVers…

前端工程师面试问题归纳（一、问答类html/css/js基础）

一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.Web前端常见面试题及答案 6.常见前端面试题及答案(上) 7.web前端面试题及答案 8.web前端经典面试题 9.javascript之面试题精讲二.面试题汇总网上搜到一大堆面试题,重复的不少,全部归纳一下,也加上自己的理解 (一).问答类(html/css/js基础) 1. JavaScri…

CSS&JS定位器

一.CssSelector定位器 1.概述 CssSelector是效率很高的元素定位方法,Selenium官网的Document里极力推荐使用CSS locator,而不是XPath来定位元素,原因是CSS locator比XPath locator速度快,特别是在IE下面(IE没有自己的XPath 解析器(Parser))他比xpath更高效更准确更易编写,美中不足是根据页面文字时略有缺陷没有xpath直接.因为前端开发人员就是用CSS Selector设置页面上每一个元素的样式,无论那个元…

flask前端优化：css/js/html压缩

1.先压缩再传输,可以减少传输的大小,减少传输时间,但是压缩需要时间,所以最终页面显示是快了还是慢了,需要比较 2.先看html压缩模块:pip install Flask-HTMLmin 压缩前:大小1.9M,完成时间1.20s 压缩后:大小1.3M,完成时间2.35s,反而时间更久了 2.再看css压缩和js压缩:pip install cssmin; pip install jsmin…

【不要再纠结css/js/html有没有必要放在WEB-INF下了】的更多相关文章