Vivian_shuang
码龄10年
求更新 关注
提问 私信
  • 博客：190,098
    190,098
    总访问量
  • 309
    原创
  • 22
    粉丝
  • 16
    关注
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：辽宁省
加入CSDN时间： 2016-07-06

个人简介：Be a IT engineer！

博客简介：

Vivian_shuang的博客

查看详细资料
个人成就
  • 获得8次点赞
  • 内容获得86次评论
  • 获得13次收藏
  • 博客总排名1,694,133名
创作历程
  • 313篇
    2016年
成就勋章
TA的专栏
  • HTML
    4篇
  • CSS
    21篇
  • JavaScript
    171篇
  • JQuery
    41篇
  • zepto
    1篇
  • OOP
    8篇
  • canvas
    31篇
  • php
    27篇
  • Ajax
    8篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

创作活动更多

芯创视界・嵌入式视频创作征集大赛

嵌入式工程的价值，藏在每一次硬件调试、代码迭代与项目落地之中。 让我们因热爱相聚，用镜头与一众开发者互通心得、彼此启发，记录下探索的每一步，分享思路与经验。 让更多人看见嵌入式开发的魅力，也让每一次创作成为推动技术传播与社区成长的力量。 ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/0d445ffce72b42f997aaf1b030a652aa.png#pic_center)

18人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多

  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

canvas碰撞检测1

DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>canvasid="canvas" width="500" height="500">canvas>scripttype="text/javascript">varcanvas = document.getElem
原创
博文更新于 2016.08.09 ·
524 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

键盘事件onkeydown

DOCTYPE html>html>head>metacharset="UTF-8">title>title>styletype="text/css">div{width:100px;height:100px;background-color: mediumspringgreen;position:absolute;top
原创
博文更新于 2016.07.13 ·
552 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js小练习

DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>inputtype="text" name="txt1" id="txt1"value="" />inputtype="text" name="txt2" id="txt2"value="" />input
原创
博文更新于 2016.07.11 ·
442 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

预加载

DOCTYPE html>html>head>metacharset="UTF-8">title>title>script>varimgArr = ["http://image.kejixun.com/2015/0923/20150923104113224.jpg","http://img1.gamedog.cn/2014/06/06/119-14060
原创
博文更新于 2016.07.13 ·
322 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

canvas小例子-刮刮乐

DOCTYPE html>html>head>metacharset="UTF-8">title>title>styletype="text/css">*{margin:0;padding:0;}img{position:absolute;top:0;left:0;}canvas{position:ab
原创
博文更新于 2016.08.08 ·
764 阅读 ·
0 点赞 ·
5 评论 ·
0 收藏

touch.js-swipe

DOCTYPE html>html>head>metacharset="utf-8" />metaname="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">title>title>styletype="
原创
博文更新于 2016.07.13 ·
445 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

remove.php

<?php/** * Created by PhpStorm. * User: dllo * Date: 16/8/9 * Time: 下午5:49 */header("Content-type:text/html;charset=utf-8");function removeDir($path){ if (is_dir($path)){ $arr =
原创
博文更新于 2016.08.15 ·
432 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

美元js

DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>inputtype="" name=""id="f0" value=""/>inputtype="button" name="" id="f1"value="金额" />scripttype="te
原创
博文更新于 2016.07.11 ·
296 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

图片预加载

DOCTYPE html>html>head>metacharset="UTF-8">title>title>scripttype="text/javascript">// 第一步：先在head里面创建一个ImgArr图片数组，将所有图片资源src作为字符串存入varimgArr = ["http://img1.gamedog.cn/2014/06/
原创
博文更新于 2016.07.13 ·
285 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

php绘图

<?php/** * Created by PhpStorm. * User: dllo * Date: 16/8/12 * Time: 下午3:56 */header("Content-type: image/jpeg");$im = imagecreatetruecolor(100, 100);$w = imagecolorallocate($im, 255, 255,
原创
博文更新于 2016.08.19 ·
502 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

放大镜圆形

DOCTYPE html>html>head>metacharset="UTF-8">title>title>styletype="text/css">*{margin:0;padding:0;}img{position:absolute;top:0;left:0;width:750px;}canvas
原创
博文更新于 2016.08.08 ·
684 阅读 ·
0 点赞 ·
6 评论 ·
0 收藏

表单事件

DOCTYPE html>html>head>metacharset="UTF-8">title>title>styletype="text/css">input{width:200px;height:200px;color: plum;font-size:100px;background-color: palegreen;}
原创
博文更新于 2016.07.13 ·
359 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

cookie

什么是cookie• 用来保存页面信息的，如用户名、密码• cookie的特性：同一个网站中所有的页面共享一套cookie；数量、大小限制；过期时间• js中使用cookie：document.cookie如何设置cookie？　　在js中，使用document.cookie = "键=值"即可，但是这种方式设置的cookie由于没有添加过期时间，所以关闭浏
转载
博文更新于 2016.11.15 ·
534 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

svg简单使用

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>svg width="500" height="500"> rect x="10" y="10" width="30" height="30" stroke="pink" fill="yellow" str
原创
博文更新于 2016.09.27 ·
576 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript事件小例子

event.clientX在可视区中，鼠标点击的x坐标event.clientY在可视区中，鼠标点击的y坐标　　示例：html lang="en">head>    meta charset="UTF-8">    title>Documenttitle>    script type="text/javascript">        do
转载
博文更新于 2016.09.22 ·
658 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ajax

什么是Ajax　　不刷新页面的情况下从服务器获取、提交数据的一种数据交互方式。Ajax使用步骤1、创建Ajax对象var httpRequest = new XMLHttpRequset可以创建一个Ajax请求对象。注意：浏览器的兼容问题IE6以及之前的IE不支持上边的创建爱你方法，这些版本的浏览器并没有集成Ajax，而是当做一个插件来处理,所以在创
转载
博文更新于 2016.09.22 ·
560 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

login

需要引入jq和bootstraplogin.php<?php/** * Created by PhpStorm. * User: dllo * Date: 16/9/13 * Time: 上午10:50 */session_start();//$_SESSION["user"] = "kitty";//echo $_SESSION["user"];//var_dump
原创
博文更新于 2016.09.22 ·
840 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

瀑布流ajax

pubuliu.htmlhtml>html>head> meta charset="UTF-8"> title>title> style type="text/css"> *{ margin: 0; padding: 0; } .wrap{
原创
博文更新于 2016.08.19 ·
447 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

upload

upload.htmlhtml>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>form action="upload.php" method="post" enctype="multipart/form-data"> input type="file" nam
原创
博文更新于 2016.08.19 ·
496 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微博

weibo.php<?php/** * Created by PhpStorm. * User: dllo * Date: 16/8/16 * Time: 上午10:41 */require_once "common.php";$sql = "SELECT * FROM weibo ORDER by id DESC LIMIT 5";$result = mysql_q
原创
博文更新于 2016.08.19 ·
538 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多