前端
文章平均质量分 57
剽悍六杯茶
给你看得见的收获
展开
-
抓包简介——Charls简单使用
1,什么是抓包2,charls的简单使用3,扩展抓包(packet capture):就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。抓包也经常被用来进行数据截取等。Charles通过将自己设置成系统的网络访问代理服务器,使所有的网络请求都通过它,以此达到对网络封包的截取和分析。网络传输协议:http(HyperText Transfer Protocol,超文本传输协议) 是一种无状态协议,就是说客户端发送一次请求,服务器端接收请求,经过处理返回给客原创 2021-06-29 17:09:59 · 6319 阅读 · 2 评论 -
编写一个后台项目流程
编写一个后台项目流程 1:创建项目managev01 2:创建必要的文件夹 images css js bootstrap media 3:准备插件和库文件:bootstrap jquery kindedite/ueditor 4:将文件导入到项目中 5:创建必要的其他文件 system-setup.html addart.html articles.html user原创 2016-08-03 18:23:12 · 1142 阅读 · 0 评论 -
后台管理系统分类
软件平台: 前台做展示:html+css+js后台做管理:服务器端语言开发(php,java,c#) 数据抓取:python:定时从原站抓取数据自动加入到目的站的数据库中。平台分类:(用mindjet 或者 3A cloud等工具画层次图) 1:内容管理系统(公司官网,cms,内容发布,学校官网) 文章管理:文章添加,文章列表,优秀文章统计 文章类型:类型添原创 2016-08-01 15:10:10 · 16517 阅读 · 0 评论 -
css实现二级菜单
html代码<!DOCTYPE html><html> <head> <title>微大学实训</title> <!-- 编码格式 --> <meta charset="utf-8"> <!-- 设置SEO关键字 --> <meta name="keywords" content=&原创 2016-07-30 09:45:00 · 677 阅读 · 0 评论 -
js入门
html必须借助浏览器解释表达 javascript:解释性的语言 写html和javascript只需要一个浏览器查看即可编译语言只需要执行编译后的语言。源代码可以删除 java .java .classs c++ .cpp .objjavascript简称js 可以写在html任意位置函数名();引用函数 字符串需要使用双引号引起来 分号结束 从上到下顺原创 2016-07-29 12:59:45 · 265 阅读 · 0 评论 -
html5的视频音频放置方法
在自己的站点放置视频方法: 1:直接将视频放在服务器下面 2:将视频文件放在视频平台上,土豆 优酷 ,添加超链接。很多东西传不进去,保留原本 3:html5支持的格式 Ogg MP4 webm 视频图片都是二进制格式存储 Html5从IE9开始支持手机和pc的布局和展示方式都要做很大的改动最保险的方式 通过js 获得屏幕的分辨率(高和宽)原创 2016-07-29 12:55:38 · 1355 阅读 · 0 评论 -
bootstrap入门步骤
bootstrap入门bootstrap其实是一个项目 或者叫做框架 是能制作自适应平台 一个页面可以自动根据显示设备的分辨率 调整显示方式1.超大分辨率显示器1920 2.普通1024–1920 3.ipad768X1024 4.手机开发工具:eclipse netbeans vs webstrom1.将bootstrap下载到本地 解压缩 http://www.boo原创 2016-07-29 12:52:28 · 2639 阅读 · 0 评论 -
获取设备及浏览器等的高度和宽度
/*获取设备及浏览器的等的高度和宽度 */ var height1=window.screen.height; var width1=window.screen.width; var height2=window.screen.availHeight; var width2=window.screen.availWidth;原创 2016-07-29 12:03:25 · 7715 阅读 · 0 评论 -
js入门小程序
1:九九乘法表function cfb(){ for(var i=1;i<=9;i++) { for(var j=1;j<=i;j++) { if(i*j>9) document.write(j+"x"+原创 2016-07-29 11:58:39 · 364 阅读 · 0 评论 -
《前端开发修炼之道》
被推荐看的《前端开发修炼之道》这本书,曹刘阳写的,对于对前端有一定了解的人来说,还是很有用处的,适合刚学习完js的入门者。不管是什么书,看了总会从中得到很多收获,包括很多别人的思路和方法,又或者自己的学习中忽略的不懂得小问题,下面是我自己基于看了这本书的几点总结。 1:学好前端应考虑的几个问题 1.1:不同浏览器的兼容情况,渲染原理,存在的bug 1.2:网站原创 2016-07-28 23:50:49 · 397 阅读 · 0 评论 -
编写可维护的javascript
一:基本的格式化 1,缩进层级关系 2.适当插入空行 提高可读性 3.区分变量 函数 常数 二:注释 1.单行:注释之前有空行,缩进层级关系 结束代码和注释之间至少有一个缩进 2.多行:/开头占一行 /结尾占一行 中间每开头*+空格 三:语句和表达式 1.花括号对齐方式 四:变量函数和运算符 1.定义变量可以在任何地方 不影响计算 但不推荐使用 定义函数也一样翻译 2017-03-09 19:25:14 · 623 阅读 · 0 评论 -
ajax总结
1:用ajax请求三部曲<!DOCTYPE html><html><head> <title>修改文本内容</title> <script type="text/javascript"> function loadXMLDoc(){ //创建XMLHttpRequest对象 var xmlhttp; if(window.XML原创 2017-03-13 19:12:51 · 727 阅读 · 1 评论 -
前端书籍推荐
HTML &amp;amp; CSS 第一部分:入门 用浅显的语言和方式讲述正确的道理和方法《Head First HTML And CSS》传统的Head First系列《HTML5与CSS3基础教程》总体讲解的比较详细,可以有选择性的跳过一些比较熟悉的章节MDN的官方文档(https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/In...原创 2018-07-27 16:01:53 · 1169 阅读 · 1 评论 -
web四种布局方式
一:一列布局<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>一列布局</title> <style type="text/css"> body{margin:0;pad原创 2016-07-30 10:21:19 · 2105 阅读 · 0 评论 -
水平竖直居中方式选择
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8;"> <title>水平竖直居中方式选择</title> <style type="text/css"> .body{ padding-le原创 2016-07-30 10:26:49 · 419 阅读 · 0 评论 -
css入门笔记
CSS的四种方式 1) 导入式,必须写在第一行 【 @import url(‘css文件的路径地址’) 】 2) 外部式/链接样式 标签 3) 内联式/嵌入式 /CSS样式表/ 4) 行内样式: 标签中的style属性CSS的位置来定位最终的优先级/顺序性概念 1)行内样式 > 内联式/外部式/导入式 2)内联式 > 外部式/导原创 2016-07-30 10:29:24 · 339 阅读 · 0 评论 -
显示特效(缩小 旋转 动画)
1:图片缩放方法一:利用css ①确定图片像素 ②使用transform进行中心放大 ③利用scale进行缩放倍数调整 ④利用transition设置时间 ⑤使用overflow进行hidden隐藏溢出来的多余部分 代码#box{ height:142px; width:225px; overflow:hidden; }#box img:hover{ tr原创 2016-08-03 21:16:28 · 311 阅读 · 0 评论 -
css中::before和::after伪元素的几种用法
一 基本语法: 这两个伪类下特有的属性 content ,用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。注意这些添加不会改变文档内容,不会出现在 DOM 中,不可复制,仅仅是在 CSS 渲染层加入。其他比较有用的以下几个值: 1:[String] - 使用引号包括一段字符串,将会向元素内容中添加字符串。示例:a:after { content: "↗"; } 2:attr()原创 2016-08-03 23:01:11 · 6854 阅读 · 0 评论 -
前端开发整体流程
单个页面: 1.拿到设计图把需要的图片从设计图中抠出来。 2.对比设计图写整个的页面结构(只写html),并且顺便给需要做样式的html元素,指定class名字。 3.对比结构,写css。先确定布局(比如说,头部要固定啊,中间内容部分要居中啊什么的),再确定单个元素的样式。 4.添加交互效果。注意:在css中,要在开始(body)指定基本的字体样式,比如:@font-face { f原创 2016-10-26 17:02:53 · 4606 阅读 · 0 评论 -
sublime text3 快捷键大全
Emmet(原名为Zen Coding)使用说明:www.iqianduan.cn/491.html (想高效率开发必看此教程) sublime汉化破解教程:http://pan.baidu.com/s/1pJmeuE3 sublime汉化破解补丁包:http://pan.baidu.com/s/1o63HkZC【最常用的】: 1、新建文件-输入”html:xt”后 按”Ctrl+E键”或原创 2016-10-26 20:31:34 · 534 阅读 · 1 评论 -
XML总结
1:xml被设计用来传输和存储数据 html被用来显示数据 2:xml是树结构 3:所有元素必须有关闭标签 4:对大小写敏感 5:必须要有一个根元素 6:属性值必须加引号 尽量避免使用属性 而是使用元素 元数据(有关数据的数据)应当存储为属性 而数据本身应当存储为元素 7:用实体引用来代替字符 $lt< >> && &apos ’ "” 8:空格会被原创 2017-03-10 09:53:02 · 298 阅读 · 0 评论 -
Angularjs总结
1:通过新的属性和表达式扩展了html 可以构建一个单一页面应用程序(sigle page applications) 是一个js框架 通过指令扩展HTML 通过表达式绑定数据到html 2:np-app 指定一个angularjs应用程序 np-model 指定把元素值(比如输入域的值)绑定到应用程序 name np-bind 把应用程序数据绑定到html原创 2017-03-10 10:45:42 · 378 阅读 · 0 评论 -
前端入门的几点需知
1.html:超文本标记语言2.服务器端开发: php:中小型项目:公司官网,管理平台,商城 java:大型安全级别比较高的项目 银行 c#:用于快速开发,对界面要求比较高,比较快 python:数据挖掘3.图片控制在100kb以内4.font-size的范围-7~75.rgb 网页背景色6.php5.3 5.6; linux: 稳定 安全7.分辨率(市场占有率递减) 1920原创 2016-07-29 12:49:42 · 295 阅读 · 0 评论