![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端小项目
青珣墨笠
菜鸟的世界你不懂
展开
-
百度地图开发者平台API项目应用
1、进入百度地图开发者平台网站进入web开发 2、注册百度开发者账号 3.阅读开放平台概述 4.创建应用 创建完成: 百度地图开放平台 JavaScript API 类参考地址<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style t原创 2017-08-03 18:22:44 · 9141 阅读 · 0 评论 -
HTML CSS写商品详情放大镜效果
先上效果图: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} #small{width: 170px原创 2017-09-02 11:21:29 · 7605 阅读 · 0 评论 -
js css3写嵌套立方体动画效果(大立方内套小立方)
先上图: HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"></head><body><div class="container"></div><script原创 2017-08-16 10:41:23 · 1152 阅读 · 0 评论 -
CSS写太极和魔方动画效果
太极效果图: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background-color: #779999;} *{margin: 0;pad原创 2017-08-15 20:13:33 · 711 阅读 · 0 评论 -
js写计算器实现加减乘除效果
点击试用 效果图: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .cal{width: 5原创 2017-08-14 14:00:32 · 5125 阅读 · 0 评论 -
js写实时指针钟表加hover数字提示
点击查看时间 效果图:背景图: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/表盘.css"/> </head> <body>原创 2017-08-12 12:14:43 · 927 阅读 · 0 评论 -
canvas画贝塞尔曲线(bezierCurveTo)
简单描述:页面上有四个点,鼠标拖动四个点的位置来改变贝塞尔曲线的形状,双击放置点位效果图: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html{overflow: hidden;原创 2017-08-11 18:03:13 · 6040 阅读 · 0 评论 -
Canvas面向对象写柱状图并实时监听数据动态效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html { overflow: hidden; } *原创 2017-08-11 16:26:18 · 1935 阅读 · 2 评论 -
canvas画柱状图及createLinearGradient颜色渐变的效果
引用参考代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="1200" height="600"></canvas> </body> <script>原创 2017-08-11 15:05:32 · 1990 阅读 · 2 评论 -
canvas做简单画板功能
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>画板</title> <style> *{padding: 0;margin: 0;} html { overflow: hi原创 2017-08-11 14:47:36 · 2590 阅读 · 0 评论 -
canvas简单动画效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Canvas</title> <style type="text/css"> *{margin: 0;padding: 0;} html{overflow: hidden;}原创 2017-08-11 14:14:17 · 1852 阅读 · 0 评论 -
Git的基本使用-常用命令速查表
Git的使用 1.把代码仓库中的项目 迁到 本地 cd 切换到指定的文件夹的位置->希望下载到的位置 2.git clone 代码仓库的地址 输入用户名 密码 ->下载到本地 3.git add 要添加的文件 / git add . 添加全部文件 4.git commit -m “提示信息” 可以在每次提交的记录里面显示 5.git push 推送到远程代码原创 2017-09-05 19:14:57 · 326 阅读 · 0 评论