web前端 - 随笔分类 - woz333333

CSS3基础

摘要：内容： 1.圆角 border-radius 2.阴影 text-shadow、box-shadow 3.渐变 linear、radial 4.rgba rgb+alpha opacity 5.transform 6.动画 transition、animation 1.圆角 border-radiu 阅读全文

posted @ 2018-10-07 14:10 woz333333 阅读(159) 评论(0) 推荐(0)

HTML5进阶

摘要：内容： 1.geolocation元素 2.video元素和audio元素 3.localStorage 4.WebWorker 5.WebSQL、IndexedDB 6.文件操作、文件拖拽新概念 7.canvas元素和SVG/VML 1.geolocation元素 (1)原理 PC端：使用IP地址阅读全文

posted @ 2018-10-05 23:40 woz333333 阅读(179) 评论(0) 推荐(0)

拖拽上传及读取文件实现

摘要：1.拖拽上传相关事件 2.拖拽上传简单实现 3.拖拽上传完整实现 4.读取文件实现 1.拖拽上传相关事件相关事件： ondragenter 拖着东西进入 ondragleave 拖着东西离开 ondragover 悬停 ondrop 松手另外有时候需要阻止事件的默认事件发生： 2.拖拽上传简单实阅读全文

posted @ 2018-10-03 20:05 woz333333 阅读(645) 评论(0) 推荐(0)

Ajax进阶

摘要：内容： 1.FormData 2.cors 3.Ajax对象的upload Ajax基础：https://www.cnblogs.com/wyb666/p/9387488.html 1.FormData (1)什么是FormData FormData 对象的使用：用一些键值对来模拟一系列表单控件：阅读全文

posted @ 2018-10-01 17:09 woz333333 阅读(275) 评论(0) 推荐(0)

websocket原理

摘要：内容： 1.websocket介绍 2.websocket原理 3.websocket实例参考：https://www.cnblogs.com/jingmoxukong/p/7755643.html 1.websocket介绍 (1)什么是WebSocket WebSocket 是一种网络通信协议阅读全文

posted @ 2018-09-30 23:26 woz333333 阅读(690) 评论(0) 推荐(0)

sweetalert插件使用

摘要：内容： 1.插件介绍 2.插件使用 1.插件介绍 SweetAlert是一个JS插件，能够完美替代JS自带的alert弹出框，并且功能强大，设计优美使用这个很方便，推荐使用这个插件来写alert sweetalert插件下载：https://github.com/lipis/bootstrap-s 阅读全文

posted @ 2018-09-21 22:37 woz333333 阅读(761) 评论(0) 推荐(0)

前后端数据交互

摘要：内容： 1.跨域 2.表单 3.Ajax 4.jsonp 5.WebSocket 参考：https://www.cnblogs.com/chenshishuo/p/4919224.html 1.跨域 (1)什么是跨域从字面上来理解，就是不能从一个域名上去调用另一个域名下的资源，例如a.cn下面的j 阅读全文

posted @ 2018-09-11 22:23 woz333333 阅读(239) 评论(0) 推荐(0)

ES6进一步整理

摘要：内容： 1.变量及赋值 2.函数 3.数组及json 4.字符串 5.面向对象 6.Promise 7.generator 8.模块 1.变量及赋值 (1)ES5变量定义 var：可以重复定义、不能限制修改、没有块级作用域 --> 不再建议使用 (2)ES6新增变量定义新时代的js建议使用以下来阅读全文

posted @ 2018-09-07 23:34 woz333333 阅读(164) 评论(0) 推荐(0)

PS切图

摘要：内容： 1.PS安装与基本使用 2.PS切图(只介绍最基础的切图方法) 参考：https://www.imooc.com/learn/506 1.PS安装与基本设置 (1)什么是PS Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。 Photos 阅读全文

posted @ 2018-08-17 10:08 woz333333 阅读(270) 评论(0) 推荐(0)

盒模型详解

摘要：内容： 1.什么是盒模型 2.padding和margin 3.盒模型实例 4.margin和padding拓展 5.box-sizing 参考资料：MDN盒模型资料 1.什么是盒模型 MDN的解释如下：当对一个文档(网页)进行布局的时候，浏览器渲染引擎会根据CSS-Box模型（盒子模型）将所有元阅读全文

posted @ 2018-08-11 10:19 woz333333 阅读(581) 评论(0) 推荐(0)

position属性详解

摘要：内容： 1.position属性介绍 2.position属性分类 3.relative相对定位 4.absolute绝对定位 5.relative和absolute联合使用进行定位 6.fixed固定定位 1.position属性介绍 position 属性规定元素的定位类型这个属性定义建立元素阅读全文

posted @ 2018-08-10 16:27 woz333333 阅读(1310) 评论(0) 推荐(0)

float属性详解

摘要：内容： 1.block与inline复习 2.float介绍 3.float作用 4.清除浮动 1.block与inline复习 2.float介绍什么是浮动：浮动核心就一句话，浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。重要的事情请默念3次浮动最初设计的目的并没那么阅读全文

posted @ 2018-08-10 16:01 woz333333 阅读(611) 评论(0) 推荐(1)

display属性详解

摘要：内容： 1.display介绍 2.display分类 3.块级标签和内联标签 4.inline-block应用 1.display介绍 display：display属性设置元素如何被显示 2.display分类 (1)display分类 display: none; -- 让标签消失(隐藏元素并阅读全文

posted @ 2018-08-10 15:34 woz333333 阅读(17872) 评论(0) 推荐(1)

Bootstrap框架

摘要：内容： 1.Bootstrap框架大致介绍 2.Bootstrap全局样式 3.常用Bootstrap组件 4.响应式开发 5.JavaScript插件 6.Bootstrap经典实例 7.课后习题练习参考： http://www.cnblogs.com/liwenzhou/p/8214637.h 阅读全文

posted @ 2018-08-09 15:51 woz333333 阅读(278) 评论(0) 推荐(0)

jQuery实现todo及轮播图

摘要：内容： 1.todo程序 2.轮播图 1.todo程序需求：实现一个todo程序，可以添加数据，可以删除数据，可以修改数据，可以查看所有数据另外实现自己的一系列弹窗：用于提示用户的提示框、用于警告的提示框、用于输入信息的输入框、用于选择多个选项中的一个选择框实现效果：页面：添加 - 在输阅读全文

posted @ 2018-08-08 14:51 woz333333 阅读(278) 评论(0) 推荐(0)

JavaScript中的坑

摘要：内容：关于JavaScript中的一些蛋疼的问题以及面试笔试中常见的一些坑爹套路总结此部分内容持续总结完善中、、、 1.undefined和null的区别 null： Null类型，代表空值，代表一个空对象指针，使用typeof运算得到object，所以可以认为它是一个特殊的对象值 undefin 阅读全文

posted @ 2018-08-07 17:48 woz333333 阅读(308) 评论(0) 推荐(0)

pure框架

摘要：内容： 1.介绍与入门 2.基础使用参考资料： pure中文文档：https://www.purecss.cn/ pure实例：https://www.purecss.cn/layouts.html 一、介绍与入门 1.pure介绍 pure框架是美国雅虎公司出品的一组轻量级、响应式纯css模块，阅读全文

posted @ 2018-08-07 11:43 woz333333 阅读(522) 评论(0) 推荐(0)

了解ES6

摘要：内容： 1.ES6介绍及基础 2.模块、类和继承 3.ES6高级特性 4.Generator和Iterator 5.异步编程 6.函数相关内容参考：《ES6 标准入门》 ES6标准阅读链接：http://es6.ruanyifeng.com/ 一、ES6介绍及基础 1.什么是ES6 ECMAScr 阅读全文

posted @ 2018-08-05 20:32 woz333333 阅读(252) 评论(0) 推荐(0)

AJAX基础

摘要：内容： 1.什么是AJAX 2.如何使用AJAX 3.将AJAX封装成函数 4.AJAX其他封装 5.AJAX同步与异步 6.jQuery中Ajax方法的使用 1.什么是AJAX AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 AJAX = Asynchronous Java 阅读全文

posted @ 2018-07-29 20:08 woz333333 阅读(319) 评论(0) 推荐(0)

DOM事件机制(事件捕获和事件冒泡和事件委托)

摘要：内容： 1.事件复习 2.事件冒泡与事件捕获 3.事件委托 1.事件复习 (1)事件事件是用来处理响应的一个机制，这个响应可以来自于用户(点击, 鼠标移动, 滚动), 也可以来自于浏览器下面的链接描述了所有事件：https://developer.mozilla.org/en-US/docs/W 阅读全文

posted @ 2018-07-28 19:36 woz333333 阅读(330) 评论(0) 推荐(0)

woz333333

人生苦短，我学python

随笔分类 - web前端

公告