web
yz764127031
一枚渣渣
展开
-
web编程课程小结
本学期学习了网络编程课程,但是并没有涉及到socket等内容,所以准确来说应该算是web编程课,以下是对本学期课程学习要点的一些总结:html/css(1)学习了常用的一些简单标签,然后制作了单列布局(仅使用了html)的网页。(2)学习CSS,引入了DOM的概念,学习设置元素的属性。(3)在前两步的前提下,开始学习网页布局,设计网页。学习要点:1.DOM 2.盒模型 3.布局原创 2016-12-21 21:31:24 · 2733 阅读 · 0 评论 -
drop&drug 学习:拼图demo
截图 拼图前 拼图后 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>drag&drop</title> <style> div { position: absolute; } #so原创 2017-03-15 10:40:01 · 390 阅读 · 0 评论 -
Video标签学习
截图 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>video</title> <style> #myvideo { display: block; width: 600px; marg原创 2017-03-14 23:05:26 · 443 阅读 · 0 评论 -
ajax demo2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>review of ajax</title> <style> .container { width: 50%; margin: 3.25rem auto; }原创 2017-05-03 09:06:06 · 260 阅读 · 0 评论 -
nginx + uWSGI + flask应用部署
简单写一下过程 操作系统版本:Ubuntu 16.4 主要参考资料: http://uwsgi-docs-zh.readthedocs.io/zh_CN/latest/WSGIquickstart.html 按照上面网址来做就好了 (1)安装软件 apt-get安装ngnix,这种方式安装的版本较低nginx version: nginx/1.10.0 (Ubuntu)sudo apt-原创 2017-05-05 21:28:36 · 319 阅读 · 0 评论 -
web学习阶段总结(2)
随着专业选修课《网络综合开发》的进行,对学习内容做一点小结,上个月主要学习了以上东西。 (1)bootstrap框架,主要用于CSS样式 (2)jQuery库,著名的js库,对原生js做了封装,简化了js开发。 (3)ajax,通过json或者xml从服务器端局部更新数据。接下来一个月老师主要教的是js框架:AngularJS 通过更深入的学习,我发现果然对web开发不是很感兴趣,更喜欢更底层原创 2017-05-08 21:48:09 · 481 阅读 · 0 评论 -
web学习阶段总结(3)大作业小结
对这段时间web学习做一些总结: 期末大作业选择的题目是: 做一个使用Video API的页面程序,要求内容是有关在线视频播放的,video必须是自己录制的。 因为考虑到作业的实用性,我把它完善为一个简单的网站,使用到的技术有: 应用部署:ngnix + uWSGI + flask web前端:boostrap控制样式 + jQuery+ajax+vediojs视频插件 web后端:Py原创 2017-06-06 21:46:43 · 9529 阅读 · 0 评论 -
flask + redis 实现Server-Sent Event demo
学习要点: (1)web即时通讯 Web 即时通信,就是说我们可以通过一种机制在网页上立即通知用户一件事情的发生,是不需要用户刷新网页的。 常用的有Polling,Long-Polling,Server Send Event,WebSocket Server Send Event协议: HTTP 的头部Content-Type设置成text/event-stream就可以了。其实SSE,原创 2017-08-28 13:52:06 · 1558 阅读 · 1 评论 -
web学习阶段总结(1)
上学期学习了网络编程课,写了下面这篇小结: http://blog.csdn.net/yz764127031/article/details/53791600 这学期又选修了网络综合开发课程,但是事实上只是上学期web开发课程的延续和进阶,偏向于web前端和js的学习。 到现在为止学习了H5几个API和CSS3动画的简单制作: (1)canvas标签 (2)video/audio标签 (原创 2017-03-30 22:51:53 · 503 阅读 · 0 评论 -
CSS3动画demo
学习要点: (1)核心在于引入了animation这个属性: animation: name duration timing-function delay iteration-count direction; animation共有6个属性: 1.动画名字,用于绑定 @keyframes 2.动画周期时长,与关键帧的0%-100%相关 3.动画的运动曲线,即加速度 4.动画何时开始。默原创 2017-03-30 21:59:25 · 748 阅读 · 0 评论 -
indexedDB学习demo
indexDB IndexedDB是HTML5规范里新出现的浏览器里内置的数据库。对于在浏览器里存储数据,你可以使用cookies或local storage,但它们都是比较简单的技术,而IndexedDB提供了类似数据库风格的数据存储和使用方式。存储在IndexedDB里的数据是永久保存,不像cookies那样只是临时的。IndexedDB里提供了查询数据的功能,在online和offline模原创 2017-03-30 21:16:21 · 904 阅读 · 0 评论 -
JS面向对象的程序设计
源地址:http://www.cnblogs.com/gaojun/archive/2013/10/24/3386552.html 面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象转载 2017-03-01 09:15:34 · 178 阅读 · 0 评论 -
canvas 时钟demo
ps:整理自慕课网课程 效果 html 文档<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas</title> <style type = "text/css"> div{ text-align:center;原创 2017-02-24 14:18:30 · 351 阅读 · 0 评论 -
canvas demo以及小结
学习canvas鼠标控制事件的demo,鼠标移入移出切换圆形的颜色。 思路: 1.主函数中绑定鼠标移动事件监听器,编写鼠标移动函数判断鼠标位置 2.通过setInterval(gameLoop,200);函数进行画面刷新。 3.通过属性ctx.globalAlpha = alive;来控制图像的透明度,指定出现或者消失。 html<!DOCTYPE html><html lang="en原创 2017-02-25 22:44:01 · 350 阅读 · 0 评论 -
《unix/linux编程实践教程》学习笔记:第12章 编写web服务器
本章编写的web服务器本质上只是一个集成了cat和ls的unix shell。 学习要点: (1)HTTP协议 浏览器与web服务器之间的交互主要包含客户的请求和服务器的应答。请求和应答的格式在超文本传输协议(HTTP)中有定义。 1.HTTP请求:GETGET /index.html HTTP/1.0因此我们需要知道如何识别命令和根据参数进行处理。process_rq(char *rq,i原创 2017-03-18 16:13:28 · 1386 阅读 · 0 评论 -
canvas demo - 放大镜
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> div{ text-align: center; } canvas{ backg原创 2017-02-26 18:10:00 · 230 阅读 · 0 评论 -
canvas demo-通过递归生成树图
效果 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tree</title></head><body> <canvas id = "mycanvas" width = "640px" height ="480px"></canvas> <script src原创 2017-02-26 18:12:56 · 1331 阅读 · 0 评论 -
canvas demo-小球弹跳游戏
效果 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>engineer</title> <style type = "text/css"> div{ margin-top:30px; text-align: center;原创 2017-02-26 18:08:13 · 856 阅读 · 0 评论 -
localStorage demo:留言板
截图 功能描述: 1.定时两秒自动保存留言板内容,关闭浏览器重新打开后,留言板内容依然存在 2.点击clear,清除留言板内容 3.点击sumbit,在下方打印留言板内容,点击删除可以删除该条留言代码<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>留言板</title><原创 2017-03-17 12:08:32 · 1433 阅读 · 0 评论 -
python web开发入门
ps:最近(18.2.26)对内容做了一些修改。Python web开发通常都是从学习某一种框架开始,比如Django,flask。但是框架封装了太多细节导致初学者难以理解python web开发的本质,写一下自己的经验希望能够对同样迷茫的你有些许帮助。(1)编写一个web服务器 Python web开发是web开发的子集,在学习如何用Python开发web应用之前,我们需要了解web服...原创 2017-05-10 20:24:20 · 30161 阅读 · 0 评论