py_web_front end
yanga11ang
an ACMer,team: Echo
展开
-
2.23 学前端 html篇
1.bs模式def author(yanga11ang):#浏览器(browser)和服务器(server) BS模式#clientimport socketdef main(): sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM) sock.bind('localhost',8089) sock....原创 2018-03-23 21:09:55 · 193 阅读 · 0 评论 -
3.28 学前端 CSS拾遗z-index inline-block
1 inline-block 的间隙<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> a{原创 2018-03-28 19:12:53 · 210 阅读 · 0 评论 -
3.28 学前端 JavaScript之拾遗和实例
1.实现onclick的另外一方式,伪协议,有的不支持<a href="javascript:void(show())">hello</a><script> function show(){ alert(123); }</script>//---------------------this代表当前的触发标签对...原创 2018-03-28 20:42:05 · 185 阅读 · 0 评论 -
4.4 学webpack3
资料原创 2018-04-04 15:47:28 · 163 阅读 · 0 评论 -
3.29 学前端 jquery之简介、选择器和筛选器
一 jquery简介1 jquery是什么 jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,...原创 2018-03-29 11:30:11 · 244 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之属性操作
三 操作元素(属性 CSS 和 文档处理)3.1 属性操作$("p").text();$("p").html();$(":checkbox").val();$(".test").attr("yanga11ang");//一个参数是取属性值$(".test").attr("checked","checked");//设定属性$(原创 2018-03-29 12:50:51 · 261 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之CSS操作
3.2 CSS操作 3.2.1(样式)css("{color:'red',backgroud:'blue'}")3.2.2(位置)offset()position()scrollTop()scrollLeft() 3.2.3(尺寸)height()width() 实例 返回顶部<!DOCTYPE html><html lang="e...原创 2018-03-29 12:51:52 · 187 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之文档处理
3.3 文档处理 内部插入$("#c1").append("<b>hello</b>");//把hello插入#c1到最后一项$("p").appendTo("div"); //包p插入到div中prepend();//插入到最上面项prependTo()外部插入before()insertBefore()after()insertAft原创 2018-03-29 12:53:12 · 154 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之事件
3.4 事件3.4.1$(document).ready(function(){}) -----------> $(function(){})3.4.2$("p").click(function(){})$("p").bind("click",function(){}) $("ul").delegate("li","原创 2018-03-29 12:54:35 · 131 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之动画效果
3.5 动画效果 实例 隐藏与显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquer原创 2018-03-29 12:55:35 · 137 阅读 · 0 评论 -
3.29 学前端 jquery之操作元素之扩展
3.6 扩展(插件机制) jquery.extend({}) //类方法 jquery.fn.extend({})//实例方法实例 商城菜单<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="tex...原创 2018-03-29 12:56:41 · 168 阅读 · 0 评论 -
3.28 学前端 JavaScript之DOM对象(DHTML)
DOM对象(DHTML)1 什么是 DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML ...原创 2018-03-28 16:44:35 · 207 阅读 · 0 评论 -
3.27 学前端 JavaScript之BOM对象
BOM对象BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 JavaScript 有能力与浏览器“对话”。window对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲...原创 2018-03-27 20:52:28 · 265 阅读 · 0 评论 -
3.24 学前端 http协议
一 HTTP概述HTTP(hypertext transport protocol),即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。HTTP就是一个通信规则,通信规则规定了客户端发送给服务器的内容格式,也规定了服务器发送给客户端的内容格式。其实我们要学习的就是这个两个格式!客户端发送给服务器的格式叫“请求协议”;服务器发送给客户端的格式叫“响应协议”。特点...原创 2018-03-24 13:12:36 · 247 阅读 · 0 评论 -
3.24 学前端 CSS之概述和引入方式
csscss概述CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。一 css的四种引入方式1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。<p style="background-color: rebeccapur...原创 2018-03-25 12:31:04 · 136 阅读 · 0 评论 -
3.25 学前端 css 网页布局联系与总结
1.整体设计以抽屉网站为目标 1最上面的导航条 1蓝色区域一场条 2一直显示在最上面 <div class="head-box"></div>中间有一个居中的小盒子<div class="head-box"> <div class="head-content"> </div&a原创 2018-03-25 18:36:30 · 169 阅读 · 0 评论 -
3.25 学前端 javascrip之概述和基础
JavaScript概述JavaScript的历史 1992年Nombas开发出C-minus-minus(C–)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript...原创 2018-03-26 13:10:32 · 155 阅读 · 0 评论 -
3.26 学前端 javascrip之ECMAScript 运算符
ECMAScript 运算符ECMAScript 算数运算符加(+), 减(-),乘(*) ,除(/) ,余数(% ) -除了可以表示减号还可以表示负号 例如:x=-y+除了可以表示加法运算还可以用于字符串的连接 例如:”abc”+”def”=”abcdef” 递增(++) 、递减(--)假如x=2,那么x++表达式执行后的值为3,x–表达式执行后的值为1 i++相当于i...原创 2018-03-26 13:11:57 · 118 阅读 · 0 评论 -
3.24 学前端 CSS之选择器
二 css的选择器(Selector)选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素1 基础选择器× //通用元素选择器 *{ margin:0; padding:0; } //匹配任何元素E //标签选择器,匹配所有使用E标签的元素 p { color:green; } //选择所有的p标签 div{color:...原创 2018-03-26 13:15:19 · 243 阅读 · 1 评论 -
3.24 学前端 CSS之常用属性
三 CSS的常用属性1 颜色属性<div style="color:blueviolet">ppppp</div> //颜色少<div style="color:#ffee33">ppppp</div> //百度颜色代码可以查询更多<div style="color:rgb(255,0,0)"&g原创 2018-03-26 13:19:31 · 249 阅读 · 0 评论 -
3.26 学前端 JavaScript之控制语句
控制语句if 控制语句功能说明如果表达式的值为true则执行语句1,否则执行语句2//if-else基本格式if (表达式){ 语句1; ......;}else{ 语句2; .....;}var x= (new Date()).getDay();//获取今天的星期值,0为星期天var y;if ( (x==6) || (x...原创 2018-03-26 19:17:17 · 133 阅读 · 0 评论 -
4.2 学前端vue
1.vue 读view一个mvvm框架上官网:http://cn.vuejs.org/手册:http://cn.vuejs.org/api/简单、易学指令以v-XXX一片html代码配合上json,在new出来vue实例个人项目适合移动项目2.开始一个vue 1.X//引用vue<script src="vue.js"></script>...原创 2018-04-02 20:49:56 · 161 阅读 · 0 评论 -
3.27 学前端 JavaScript之ECMA对象
ECMA对象从传统意义上来说,ECMAScript 并不真正具有类。事实上,除了说明不存在类,在 ECMA-262 中根本没有出现“类”这个词。ECMAScript 定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。var o = new Object();对象的概念与分类: 由ECMAScript定义的本地对象.独立于宿主环境的 ECMAScript 实现提供的对象.(nat...原创 2018-03-27 19:41:46 · 191 阅读 · 0 评论 -
4.5学vue
1.vue简介(vue是渐进是框架)库 jquery框架 vue拥有完整的解决方案,我们写好人家调用我们vue全家捅 vuejs + vue-router +vuex+axios通过组合形成数据驱动 mvvm2.安装vue cdn方式 网址 npm安装 npm init->产生一个pacakge.json的文件,表述项目依赖npm install vue安...原创 2018-04-05 19:53:49 · 462 阅读 · 0 评论