Web之路笔记之三 - 使用Floating实现双栏样式

2014秋季学期Web2.0课程实验 <Lab2 - Journal> 1. 对CSS的BOX MODEL进行亲密接触,理解他的用途. 2. 在float图片的时候,发现此时图片脱离了原来所在的div,如图所示. 需要注意的是,float之后的element也是从页面正常流里面移除了.极端的来说,如果一个div里面的所有element都设置为float的话,那么它的高度就为0了.此时用Chrome开发者工具查看,图片的margin和文本的content上端是水平的,可以知道他仍然是在conte…

Web之路笔记之四

2014秋季学期Web2.0课程作业 <Homework1 - Recipe> 给出内容的文本文档,根据要求编写html和css.基本上没有难点. 1. 需要添加标签栏名称前面的小图标,是使用head标签内的link属性进行调整, <link rel="icon" type="image/gif" href="http://courses.cs.washington.edu/courses/cse190m/09sp/homework/1/…

Web之路笔记之二 - CSS Positioning

CSS中控制各个Block element的位置方式之一,tag为position,有4种属性. 1. static 一般网页默认的属性,表示element根据页面正常流(normal flow)进行排列,也就是默认的摆放方式,所以一般不会在CSS文件内编写. 2. absolute 表示element从页面正常流中去除,本该所属的地方不会保留位置,并且相对于距离它最近的父元素(parent element)进行移动.比如说在body内的一个div设为absolute,那么移动的时候就是相对于b…

Web之路笔记之一

简单说一句,现在开始准备面试前端的知识,每天完成相关的任务,记录一些点. 2014秋季学期Web2.0课程习题 <Lab1 - About Me Page> 目标是自己动手写一个粗略的包含主要标签的html文件和附加的css练习. html方面,使用了定义文件类型的doctype,定义文档信息的head和显示本体的body,另外标题的h1.h2等,段落的p和列表的ol——总共五类. css方面,定义了body的背景.文字颜色,还有一些id和class的样式. 1. id是唯一的,class是可…

【前端】移动端Web开发学习笔记【2】 & flex布局

上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践:<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> Flex弹性盒模型来源:慕课网源HTML文件(备份下载):web_flex…

【前端】移动端Web开发学习笔记【1】

下一篇:移动端Web开发学习笔记[2] Part 1: 两篇重要的博客有两篇翻译过来的博客值得一看: 两个viewport的故事(第一部分) 两个viewport的故事(第二部分) 这两篇博客探讨了一些基本概念. Part 2: PC端的一些基本概念 screen.width/height 意义:用户屏幕的整体大小. 度量单位:设备像素. 浏览器错误:IE8以CSS像素对其进行度量,IE7和IE8模式下都有这个问题. 它们是显示器的属性,而不是浏览器的. window.pageX/YOffse…

【前端】Web前端学习笔记【2】

[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window . 作为对象方法使用,this 绑定到该对象. 在对象a的方法b内部的函数c中,this 也绑定全局对象,应该绑定到方法b对应的对象a上.这是 JavaScript的缺陷,解决方法:用that捕捉. 在构造函数中,this 绑定到新创建的对象. 使用apply或call调用函…

【前端】Web前端学习笔记【1】

... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…

ASP.NET MVC Web API 学习笔记---第一个Web API程序

http://www.cnblogs.com/qingyuan/archive/2012/10/12/2720824.html GetListAll /api/Contact GetListBySex "/api/Contact?sex=" + sex GetContactByID /api/Contact/"+id ASP.NET MVC Web API 学习笔记---第一个Web API程序 2012-10-12 09:56 by 贺臣, 32252 阅读, 30 评论,…

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************…

Delphi 6 Web Services初步评估之三（转）

Delphi 6 Web Services初步评估之三(转) Delphi 6 Web Services初步评估之三(转)★ 测试总体印象:在整个测试中,对Delphi 6创建的Web Services有以下几个印象:1. 客户端应用程序连接服务器端Web Service的时候,第一次调用很慢,而以后的调用明显加快.图五显示了调用各个接口第一次和第二次的传输速率(每秒钟传输千字节数KB/S).由此可以看出,第一次的方法调用非常耗时,可能达到第二次调用的8倍,因此可以确定,第一次调用接口的时候…

ASP.NET Core Web开发学习笔记-1介绍篇

ASP.NET Core Web开发学习笔记-1介绍篇给大家说声报歉,从2012年个人情感破裂的那一天,本人的51CTO,CnBlogs,Csdn,QQ,Weboo就再也没有更新过.踏实的生活(曾辞职转行后重新回来),娶妻生子,很感谢我的朋友能在最危难时刻帮助我,也很感话我的妻子对我事业的支持,希望大家保重好身体,多学习,多陪伴家人. 一直从事.Net和 PHP 和一些不成型的前端开发,有人评论WP的失败,是,现在这个开源的时候,如果跟不上,闭门自封,将会坠入深渊.个人认为微软出.Net Co…

Web Service学习笔记：动态调用WebService

原文:Web Service学习笔记:动态调用WebService 多数时候我们通过 "添加 Web 引用..." 创建客户端代理类的方式调用WebService,但在某些情况下我们可能需要在程序运行期间动态调用一个未知的服务.在 .NET Framework 的 System.Web.Services.Description 命名空间中有我们需要的东西. 具体步骤: 1. 从目标 URL 下载 WSDL 数据. 2. 使用 ServiceDescription 创建和格式化 WSDL…

web前端学习笔记

web前端学习笔记(CSS盒子的定位) 相对定位使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它. 使用relative,即相对定位,除了将position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向通过top和bottom来指定.以下为后面实验的基准代码. <html xmlns="http://w…

Web框架——Django笔记

Web框架--Django笔记 MVC和MTV MVC:Model.View.Controller MTV:Model.Template.View Django--MTV 1.创建Django程序 (注:创建前需注意配置Django环境变量,python2.7和3.5环境变量) a.命令(使用cmd命令创建) django-admin startproject mysite 创建project cd mysite python manage.py startapp app01 …

Web安全学习笔记（一）

Web安全学习笔记(一): URL协议 HTTP协议 1. URL 2. HTTP协议什么是HTTP HTTP的工作原理 HTTP报文什么是Cookies HTTP请求方式 Referer请求的功能 HTTP状态码.Set-Cookies…

web前端开发笔记（2）

一.什么是作用域. 所有变量都存在于一个执行环境中(也称作用域),这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量.总结: 执行环境有全局执行环境和函数执行环境. 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域. 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其父环境,乃至全局环境. 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据. 变量的执行环境有利于确定应该何时释放内存. 二.什么叫做页面重构. 页面重构可以理…

web前端开发笔记（1）

一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合. 页面中不要用进行缩进,如需缩进,用css控制. html标签使用必须语义化. 要为img标签填写alt和title属性. 二.Http状态码 200 ok: 一切正常,对GET和POST请求的应答文档跟在后面 304 Not Modified: 客户端有缓冲的文档并发出了一个条件性的请求…

一步一步实现web程序信息管理系统之三----登陆业务逻辑实现（验证码功能+参数获取）

本篇紧接着上一篇文章[一步一步实现web程序信息管理系统之二----后台框架实现跳转登陆页面] 验证码功能一般验证码功能实现方式为,前端界面访问一个url请求,后端服务代码生成一个图片流返回至浏览器,浏览器通过img标签来展示图片信息,其流程模式如下所示: 前端界面前端界面需要完成的功能, 1)跳转到登陆页面后立即生成一个验证码图片 2)由于看不清或其他原因,可以更改验证码图片数据更改img标签的属性以及增加一个事件 <img src="/verify/authImage?1&quo…

Django Web开发指南笔记

Django Web开发指南笔记语句VS表达式 python代码由表达式和语句组成,由解释器负责执行. 主要区别:表达式是一个值,它的结果一定是一个python对象:如:12,1+2,int('123') 结果不是对象的代码是语句,如:if.print.for python中可变.不可变类型简单类型或者标量类型,包括整数等其他数字类型,str和unicode这样的字符串类型,以及元祖都是不可变. 列表.字典.类都是可变的 python对象都有三个属性(类型.标识符.值) 标识符:运行在解释器…

Java web与web gis学习笔记（二）——百度地图API调用

系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gis学习笔记(二)--百度地图API调用 JavaWeb和WebGIS学习笔记(三)--GeoServer 发布shp数据地图一.申请百度地图开发者百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API.Web服务API.Android SDK.iOS SDK.定位SDK.车联网API.LBS云等多种开发工具与服务,提供基本地图展现.搜索…

Java web与web gis学习笔记（一）——Tomcat环境搭建

系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gis学习笔记(二)--百度地图API调用 JavaWeb和WebGIS学习笔记(三)--GeoServer 发布shp数据地图写在前面:在产品开发测试过程中,出于为了安全.费用等方面考虑,有时都会搭建本地的测试环境.但是本地搭建服务环境也有许多弊端,譬如难以通过实现跨域或者跨网络访问等.当然,通过端口映射.内网穿透等方法可以实现公网访问本地资源,但如果有条件,还是建议直接上云.云服务…

Web安全学习笔记 SQL注入下

Web安全学习笔记 SQL注入下繁枝插云欣 --ICML8 SQL注入小技巧 CheatSheet 预编译参考文章一点心得一.SQL注入小技巧 1. 宽字节注入一般程序员用gbk编码做开发的时候,会用 set names 'gbk' 来设定,这句话等同于 setcharacter_set_connection = 'gbk',character_set_result = 'gbk',character_set_client = 'gbk'; 漏洞发生的原因是执行了 set charac…

Web安全学习笔记 SQL注入上

Web安全学习笔记 SQL注入上繁枝插云欣 --ICML8 SQL注入分类 SQL注入检测一.注入分类 1.简介 SQL注入是一种代码注入技术用于攻击数据驱动的应用程序在应用程序中,如果没有做恰当的过滤则可能使得恶意的SQL语句被插入输入字段中执行例如将数据库内容转储给攻击者 2.按技巧分类根据使用的技巧,SQL注入类型可分为: 1.盲注布尔盲注:只能从应用返回中推断语句执行后的布尔值时间盲注:应用没有明确的回显只能使用特定的时间函数来判断 2.报错注入: 应用会显示全部或者部分的报错信…

Web安全学习笔记 SQL注入中

Web安全学习笔记 SQL注入中繁枝插云欣 --ICML8 权限提升数据库检测绕过技巧一.权限提升 1. UDF提权 UDF User Defined Function,用户自定义函数是MySQL提供的一个功能可以通过编写DLL扩展为MySQL添加新函数扩充其功能当获得MySQL权限之后即可通过这种方式上传自定义的扩展文件从MySQL中执行系统命令二.数据库检测 1. MySQL sleep sleep(1) benchmark BENCHMARK(5000000, MD5…

Web安全学习笔记 XSS上

Web安全学习笔记 XSS上繁枝插云欣 --ICML8 XSS的分类和基本认识 XSS的危害同源策略的基本认识一.XSS的分类和基本认识 1. 简介 XSS全称为Cross Site Scripting,为了和CSS分开简写为XSS,中文名为跨站脚本.该漏洞发生在用户端,是指在渲染过程中发生了不在预期过程中的JavaScript代码执行.XSS通常被用于获取Cookie.以受攻击者的身份进行操作等行为. 2. 分类 1.反射型XSS 反射型XSS是比较常见和广泛的一类,举例来说,当一个网站…

基于MVC4+EasyUI的Web开发框架经验总结（14）--自动生成图标样式文件和图标的选择操作

在很多Web系统中,一般都可能提供一些图标的选择,方便配置按钮,菜单等界面元素的图标,从而是Web系统界面看起来更加美观和协调.但是在系统中一般内置的图标样式相对比较有限,而且硬编码写到样式表里面,这样给我们扩展使用有很多的不方便.基于这个原因,我想如果能够独立一个模块,自动根据图标生成图标CSS样式文件,并存储相应的记录到数据库里面,方便我们查询显示,那样我们使用起来就很方便了,最后有了这些数据,只需要做一个通用的图标选择界面,并可以在很多地方重用了.本文正是基于这个思路,开发了一个图标管理模…

PHP笔记：单引号与双引号区别

PHP笔记:单引号与双引号区别 php中使用字符串时,可以使用单引号或者双引号,这里总结一下二者的不同: 一.解析字符内容双引号中的变量会会经过编译器解析单引号中的变量不会被解析如下: <?php $test = "hello"; echo "$test"; echo "<br>"; echo '$test'; ?> 结果: 二.字符转义双引号内使用""可以转义字符,单引号中的内容不会如下:…

Linux系统运维笔记(6),CentOS 7.6双网卡路由配置

Linux系统运维笔记(6),CentOS 7.6双网卡路由配置. 一,先确认系统版本: [root@localhost ~]# cat /etc/redhat-releaseCentOS Linux release 7.6.1810 (Core) 二,网卡1配置外网,配IP地址.子网掩码.和网卡. 网卡2配置内网,配IP地址,子网掩码,不要配网关. 三,写路由表route-网卡名,在via后指定内网的网关. [root@localhost ~]# vi /etc/sysconfig/netwo…

学习笔记之三十年软件开发之路 - Things I Learnt The Hard Way (in 30 Years of Software Development)

三十年软件开发之路 https://mp.weixin.qq.com/s/EgN-9bIHonRid1DM0csQDw https://blog.juliobiason.net/thoughts/things-i-learnt-the-hard-way/ [CSDN编者按]“千帆过尽仍少年”,对于程序员来说,保留技术初心.不断提升实力是夯实自己的不二法则.而本文的作者,作为一名有着三十多年开发经验的“老”程序员,就在本文中详细总结了自己这些年踩过的坑和实践得出的真理,谈到了包括软件开发.团队工作…

【Web之路笔记之三 - 使用Floating实现双栏样式】的更多相关文章