2018年10月_$(薛定谔的喵)

原创渐变和canvas渐变矩形

在canvas中实现渐变有2种方式第一种：通过遍历点的值实现第二种：创建渐变的方案——createLinearGradient第一种：<canvas width="600" height="400"></canvas>var myCanvas = document.querySelector('canvas'); var ctx = myCa...

2018-10-30 19:35:30 778

原创初探canvas制作一个折线图——（面向对象）

canvas准备一块画布 <style> canvas { border: 1px solid #ccc; } </style><canvas width="600" height="400"></canvas>起步——start<script>

2018-10-30 19:24:16 964

原创本地储存（localStorage，sessionStorage），cookies（历史记录储存）

特性设置、读取方便容量较大，sessionStorage约5M、localStorage约20M只能存储字符串，可以将对象JSON.stringify() 编码后存储window.sessionStorage生命周期为关闭浏览器窗口在同一个窗口(页面)下数据可以共享window.localStorage永久生效，除非手动删除（服务器方式访问然后清除缓存）可以多窗口...

2018-10-25 19:47:31 541

原创 H5 api选择器

H5 api1. querySelector() 获取符合选择器的第一个元素2. querySelectorAll() 获取符合选择器的所有元素类选择器1. jquery操作类的方法：addClass() removeClass() toggleClass() hasClass()2. h5也有类似的api 基于一个对象classList的方法 add() remove...

2018-10-22 22:09:46 485

原创 3D切割轮播图（H5C3）

效果页面结构<div class="box"> <ul class="imageBox"> <li> <span></span> <span></span> <

2018-10-22 16:46:59 901

原创永久有效的 webstorm激活注册

第一步修改host文件添加第二步输入activation code点击ok1EB101IWSWD-eyJsaWNlbnNlSWQiOiJFQjEwMUlXU1dEIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI...

2018-10-17 16:11:07 900

原创 FullPage插件功能介绍

FullPage插件功能介绍插件功能介绍基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。支持鼠标滚动，支持前进后退和键盘控制，多个回调函数，支持手机、平板触摸事件，支持 CSS3 动画，支持窗口缩放，窗口缩放时自动调整，可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。参考文档：http://www.dowebok.com/demo/2014...

2018-10-16 09:32:08 350

原创 border-image(H5C3)

border-imageborder-image是css3中的一个属性，因为兼容性问题，比较少见，但鉴于此功能在某些特定的场景中还是有些作用的；这里就简单介绍下属性和功能我们用下面的代码来展示下它的属性和特点效果图代码块 <!DOCTYPE html><html lang="en"><head> <meta charset...

2018-10-15 20:06:06 266

原创 jQuery-ajax系列用法及JSONP,跨域资源共享CORS

jQuery-ajax基本使用 $.ajax({ url:'json.php', //设置的是请求参数，二者没关系 data:{name:'张三',age:'18'}, //用于设置响应体类型 dataType:'json', type:'get', success:function(res){ console.log(res); }...

2018-10-10 22:44:23 586

原创 JavaScript封装回调函数（委托）

JavaScript封装回调函数（委托）封装 function ajax (method, url, params, done) { method = method.toUpperCase() var xhr = new XMLHttpRequest() if (typeof params === 'object') { var te...

2018-10-10 22:26:00 3385

转载 sublime前端插件

前端开发Sublime 3插件Sublime的大名已经无需我介绍了，首先先介绍如何启用插件安装功能：打开Sublime 3，然后按 ctrl+` 或者在View → Show Console在打开的窗口里黏贴这个网站上的代码（注意: Sublime 2和3所黏贴的代码不一样，注意选择）：在打开的窗口里黏贴这个网站上的代码（注意: Sublime 2和3所黏贴的代码不一样，注意选择）：ht...

2018-10-10 19:54:40 806

原创 Ajax同步和异步（Async and Sync）

概念：同步：一个人在同一个时刻只能做一件事情，在执行一些耗时的操作（不需要看管）不去做别的事，只是等待异步：在执行一些耗时的操作（不需要看管）去做别的事，而不是等待Ajax默认是异步的，但是我们可以通过修改open（）的参数来改变是同步还是异步——第三个参数open（，，true/false）true 异步默认值可不填false 同步的那同步和异步的区别在哪里呢？虽然同步传...

2018-10-08 16:42:32 930

原创 Ajax快速上手和剖析

Ajax快速上手和剖析说到Ajax 可以说是一个老技术了而且代码也比较简单，本片从内部结构来讲解ajax我们把ajax分为2个部分：请求部分and接收服务器响应先看下面一段代码发送请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&

2018-10-08 15:22:21 307

原创 php获取表单内容（$_GET，$_POST, $_REQUEST）

php获取表单内容HTML <form action="11foo.php" method="post"> <table border="1" cellpadding="1" cellspacing="1"> <tr> <td>用户名</td>

2018-10-03 18:30:22 10126

Chad97的博客