html代码

Node.js—基本知识

﹥>﹥吖頭↗ 提交于 2020-03-21 09:13:21
一、第一个Node代码 1. 运行Node.js   通过node E:\Node代码\hello.js运行代码;Node.js是服务器的程序,写的js语句都将运行在服务器上。返回给客户的,都是已经处理好的纯HTML // require表示引包,引包就是引用自己的一个特殊功能 var http = require("http") // 创建服务器,参数是一个回调函数,表示有请求进来,要做什么 var server = http.createServer(function(req,res){ // req表示请求,request;res表示响应,response // 设置HTTP头部,状态码是200,文件类型是html,字符集UTF8 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"}); res.end("Hello World") }); // 运行服务器 server.listen(8088,"127.0.0.1"); 2. Node.js执行HTML   Node.js没有根目录的概念,因为它根本没有任何的web容器!所有静态资源都需要写入路由。URL和真实物理文件是没有关系的,URL是通过Node的顶层路由设计,呈递某一个静态文件。 // require表示引包,引包就是引用自己的一个特殊功能 var

前端-css-长期维护

对着背影说爱祢 提交于 2020-03-21 08:16:12
############### CSS简介 ################ # CSS # HTML是骨架 # CSS是样式 # JS是动作 # css和html是分成两个文件编写的,这也是体现了文档内容和样式的解耦, # CSS:层叠样式表(英文全称:Cascading Style Sheets) ############### CSS的内容列表 ################ css的内容列表 1,css的引入,三种方式 2,css的选择器, 基本选择器,有四种,p # . * 组合选择器, 属性选择器 分组和嵌套 伪类选择器 伪元素选择器 选择器的优先级 3,css的各种属性, 宽和高,width,height, 字体属性,font-size,font-weight,color, 文字属性,text-align,text-decoration,text-indent, 背景属性,background-color,background-repeat,background-image,background-position, display 盒子模型,margin外边距,border边框,padding内填充,content内容 float,三种取值,left,right,none, clear,清除浮动, overflow,溢出属性, 定位position, 4

前端-bootstrap-长期维护

妖精的绣舞 提交于 2020-03-21 08:15:25
############### bootstrap 简介 ################ Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 在使用Bootstrap之后: 各种命名都统一并且规范化。 页面风格统一,画面和谐。 中文地址:http://www.bootcss.com/,下载用于生产环境的 Bootstrap ############### bootstrap布局容器和栅格系统 ################ <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>bootstrap第一个示例</title> <!--条件这个viewport来适应手机等移动端屏幕的展示--> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <style> .row div { border: 1px solid red; } </style> </head> <body> <!-

前端-html-长期维护

一个人想着一个人 提交于 2020-03-21 08:14:21
############### 前端学什么? ################ # 前端三大部分 # HTML,页面内容,学习标签 # CSS,页面样式,学习选择器和属性 # JS,页面动作,学习基础语法和BOM&DOM ################# # jQuery和bootstrap ############### HTML的学习内容 ################ HTML的学习内容 1,文档结构,注释,标签格式, 2,head里面的常见标签,meta,title,style,link,script, 3,body里面的常见标签, 常用标签,div,span,p,img,u,i,s,b,a, 列表,ul,li,ol,dl,dt,dd, 表格,table,thead,tr,th,tbody,tr,td, 表单,input,select,textare, 基本就是这几部分, ############### html文件的结构 ################ # html文件的结构 # <!DOCTYPE html> # 这是标记这是一个html文件 # <html> # <head></head> # <body></body> # </html> ############### html注释 ################ <!--注释内容--> <!--商品列表

freemarker【FTL】常见语法大全

ぃ、小莉子 提交于 2020-03-21 06:55:42
FreeMarker的插值有如下两种类型:1,通用插值${expr};2,数字格式化插值:#{expr}或#{expr;format} ${book.name?if_exists } //用于判断如果存在,就输出这个值 ${book.name?default(‘xxx’)}//默认值xxx ${book.name!"xxx"}//默认值xxx ${book.date?string('yyyy-MM-dd')} //日期格式 ${book?string.number} 20 //三种不同的数字格式 ${book?string.currency}--<#-- $20.00 --> ${book?string.percent}—<#-- 20% --> <#assign foo=ture /> //声明变量,插入布尔值进行显示 ${foo?string("yes","no")} <#-- yes --> 大小比较符号使用需要注意:(xml的原因),可以用于比较数字和日期 使用lt、lte、gt和gte来替代<、<=、>和>= 也可以使用括号<#if (x>y)> 内置函数: 调用区别于属性的访问,使用?代替. 常见的一些内置函数 对于字符串 html-对字符串进行HTML编码 cap_first-使字符串第一个字母大写 lower_case-将字符串转换成小写 trim

java中的DAO设计模式

此生再无相见时 提交于 2020-03-21 01:19:43
创建数据库和表 sql语句: DROP TABLE IF EXISTS product; CREATE TABLE product( product_id varchar(20) NOT NULL, product_name varchar(50) DEFAULT NULL, price decimal(6,2) DEFAULT NULL, info varchar(100) DEFAULT NULL, PRIMARY KEY(product_id) )ENGINE=InnoDB DEFAULT CHARSET=utf8; 文件目录如下 Product.java 1 package com.g.pojo; 2 3 public class Product { 4 private String product_id; 5 private String product_name; 6 private double price; 7 private String info; 8 public String getProduct_id() { 9 return product_id; 10 } 11 public void setProduct_id(String product_id) { 12 this.product_id = product_id; 13 } 14 public

node.js+socket.io创建web聊天室

独自空忆成欢 提交于 2020-03-20 23:53:24
最近在研究直播 需要做一个webIM 聊天的功能 找到了这个socket.io 从 http://www.plhwin.com/2014/05/28/nodejs-socketio/ 和 socket.io官网 https://socket.io/get-started/chat/ 学到很多 , 下面的代码也是基于这两篇文章,感谢 他们让我学到新的知识 搭建聊天室 首先需要一个用nodeJs 搭建的server 第一步: 在任意一个位置创建一个 文件夹 ,一会要将js、html等文件放在其中 我创建的是chat文件夹。 第二步: 要把运行node的环境搭好,上node官网 下载一个,安装上 就可以了, 一切准备就绪后打开 node.js command prompt 也就是那个黑的框框 ,进入到你当前的工作路径, 我的是D:\my\chat 第三步: 在你刚刚创建的目录下 创建一个index.js,搭建node server,代码如下: var express = require('express'); var app = express(); var http = require('http').Server(app); app.get('/', function(req, res){ res.send("hello"); }); http.listen(3001,

移动端H5开发 (滑动事件)

十年热恋 提交于 2020-03-20 20:54:09
  最近一直在做手机App H5的开发,在开发过程中,经常会遇到很多滑动事件,写个demo,分享自己的一些写法。(如写的不好,轻喷!)   直接贴代码   html css代码  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>touch demo</title> <style type="text/css"> #demo{ margin-top:200px; height: 200px; display: -webkit-box; } #demo1{ background: red; width: 100%; height: 200px; } #demo2{ background: blue; width: 100%; height: 200px; } body{ overflow: hidden; } </style> </head> <body> <div id="demo"> <div id="demo1"></div> <div id="demo2"></div> </div> </body> </html> js代码 var slideDom = document.getElementById("demo");//滑动区域 var length = slideDom.children.length;

大湿教我写.net通用权限框架(1)之菜单导航篇

只谈情不闲聊 提交于 2020-03-20 10:05:26
一、女神也爱玩撸码 “在么,亲。” “在!在!有,有事么”(我真睡醒了么!垂涎了好久的女神呀!高中同学,高一向她表白,"我想找个170以上的",高二等我长到170了“我想找个175的”,高三下血本买了双内增高“我喜欢178以上的,有安全感”) 三分钟后.... "没事也可找我的."擦,我TM怎么这么不争气,不是发过誓等她主动跟我讲话的时候就送她一个字:滚! "有个网页不会做,你可不可以帮人家弄一下呀." "弄,一定给你弄得妥妥的." "坏死了,需求我离线发给你了,这个就靠你了啊." "恩,靠我,靠我就对了" QQ头像又黑掉了... 需求还好嘛.就是写一个采购单的录入界面而已. 二十分钟后收工,离线发送。 "亲,你好快呀,我先看看有没有问题哈,有问题还要麻烦你哦" 二、重湿AV之旅 (此AV非彼AV详情请见上一篇博客《 大湿教我写程序(2)之走向AV之路 》) "亲,还有两个小问题耶,采购单录入界面的表头上的供应商要可以自动补全,自动补全用户体验会好很多,客户会感觉很人性化。那个东东我把要求用标出来的你看看哈,可能有点难哦。" "这东西对我来说就不叫个事儿,包在我身上." 这东西以前好像用过,自动补全的,ajaxcontroltoolkit,里面有CascadingDropDown控件. 引用一下ajaxcontroltoolkit,拉一个CascadingDropDown出来

XSS详解

限于喜欢 提交于 2020-03-20 03:28:10
什么是XSS( 跨站脚本攻击 ) XSS又叫CSS (Cross Site Script) ,跨站脚本攻击 。 它指的是恶意攻击者往Web页面里插入恶意html代码或者javascript代码,当用户浏览该页之时,嵌入其中Web里面的html代码或者javascript代码会被执行,从而达到恶意的特殊目的。 XSS攻击涉及到三方:攻击者,用户,web server。用户是通过浏览器来访问web server上的网页,XSS攻击就是攻击者通过各种办法,在用户访问的网页中插入自己的脚本,让其在用户访问网页时在其浏览器中进行执行。攻击者通过插入的脚本的执行,来获得用户的信息,比如cookie,发送到攻击者自己的网站(跨站了)。 XSS属于被动式的攻击,因为其被动且不好利用,所以许多人常呼略其危害性。 在WEB2.0时代,强调的是互动,使得用户输入信息的机会大增,在这个情况下,我们作为开发者,在开发的时候,要提高警惕。 XSS的攻击手段(或者叫攻击的目的) 盗用Cookie获取到一些敏感的信息: 在网页浏览中我们常常涉及到用户登录,登录完毕之后服务端会返回一个cookie值。这个cookie值相当于一个令牌,拿着这张令牌就等同于证明了你是某个用户 如果你的cookie值被窃取,那么攻击者很可能能够直接利用你的这张令牌不用密码就登录你的账户