- 博客(43)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
7630
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
1158
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
720
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
5139
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
935
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Canvas面向对象写柱状图并实时监听数据动态效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html { overflow: hidden; } *
2017-08-11 16:26:18
1955
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
2024
2
原创 JS常见面试题
笔试:1.prototype(原型)是什么,它是怎么使用的 是一个原型对象,所有函数都具备这个原型对象 是一个共享空间,可以通过原型对象可以给某个类扩展方法或者属性 object 通过 类名.prototype 属性名 添加一个新的扩展属性2.怎么样创建元素节点和文本节点,怎么样删除节点 document.createElement(); docu
2017-09-05 19:49:09
1254
原创 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
329
原创 JS和DOM操作面试笔试题,一不小心就被套路了—Node的三大属性
WEB前端考试题考试时间:1小时30分钟 每题3分,共40题,共计120分JavaScript部分 1. var arr1 = [10, 20]; arr1.push(30,40); arr1.pop(); arr1.push([50,60]); arr1.pop(); console.log(arr1.toString( A )); A.10
2017-09-04 19:54:17
5115
原创 RegExp概述--常用正则表达式大全
首先看下RegExp的学习思维导图 创建方式 1、new RegExp; 如:公式:var regexp=new RegExp(“匹配的规则”,”修饰符”); var regexp=new RegExp(); 2.// 公式:regexp=/匹配的规则/修饰符; *(重点五颗星) 如:regexp=/www/; 相关函数 1.text:function —> boo
2017-09-04 16:14:12
2005
原创 node.js&ionic&数据库的关系
ionic工程(或者其他前端的工程) 是用于写前端 展示数据 显示界面 它需要通过API(HTTP)连接node.js里的数据库,展示数据库里面的内容node.js:可以用它写服务端的代码 它里面写的内容 不需要 在这个工程里面 使用界面 去展示,它是用于提供数据给前端工程 在提供数据的时候 还会添加一些逻辑数据库:是用于存储数据的文件 服务端所有的数据 都存放到了 这个文件里面 服务端
2017-08-31 10:21:54
591
1
原创 Node.js配置服务端与客户端交互
1、首先用webStorm提供的模板创建服务端框架 file -> New -> Project 2.创建Node.js服务端框架 3、其他的文件都不需要改动,搭建自己的服务端需要创建自己的应用框架如user.js(名称自己随便写) 4、创建好自己的js文件后需要在app.js里引入和设置自己的模块 5、还需要解决跨域访问的问题,同样在app.js里设置var app = expres
2017-08-30 21:13:10
980
原创 ST API文档-Node-XAMPP数据库相关操作
主机地址:locahost:3000用户相关 注册: API:/users/register Method:GET Parms: username:string password:string username=’小明’&password=1212234tew.Response: Code:2000 Message:提示 Data:返回的数据 {
2017-08-30 19:33:11
521
原创 DOM操作-获取节点-创建节点
DOM概述 DHTML=HTML+CSS+JS HTML、XHTML、DHTML、XMLDHTML对象模型: window:当前浏览器打开的窗口 document:当前正在打开的HTML文档 navigator:封装了浏览器软件的版本信息以及部分设置 history:封装了当前窗口成功浏览过的历史记录
2017-08-29 20:24:12
732
原创 Node概述
Node: Express -> webStorm ->提供了这个模板npm:node的包管理工具 ->可以下载(发布)基于node的插件 可以使用前端的技术写服务端模块化开发 模块化开发的标准: AMD CMD Common.jsNode搭建本地服务器 服务器怎么去访问?通过主机地址加上端口号去访问localhost:3333, 在访问本地服务器的时候需要开启服务器->开启服务器的
2017-08-29 19:41:18
342
原创 Angular Ionic概述
Angular: SPAS:单页应用程序 MVC: M(model):数据模型 V(view):视图 C(controller):控制器控制器是用于协调数据模型和视图之间的关系,视图和模型都是相互独立的为什么要使用MVC? 希望代码重用性更强,降低视图和数据模型的耦合度(粘连成都)Anguler: 模块:每一个部分都可单独成立一个模块 指令:ng开头的属性,有特殊意义的属性 服务:
2017-08-23 17:53:40
877
原创 数组概述-数组去重-string
数组: 程序 = 数据结构+算法 好的数据结构可以极大的提高程序的执行效率 相关的多个数据应集中存储,集中管理 数组:一组连续的变量组成的集合,统一起一个名字 批量管理多个数据 how:创建 赋值 取值 1、创建:4种 1、var 变量名 = [];创建一个空数组 2、var 变量名 = [值
2017-08-22 10:47:49
1540
原创 函数概述-对象-重载-匿名函数-闭包
函数:封装一项专门任务步骤的代码段,然后起一个名字; when:当一项任务需要反复执行时,又不希望重复编写; 代码重用!!! how:声明 定义 调用 声明并定义一个函数 function 函数名([参数变量列表]){ 函数体:任务步骤 [return
2017-08-22 10:09:33
287
原创 逻辑运算与循环结构
1、逻辑运算:综合多个关系运算结果得出的结论 返回值:true false && || ! 与 或 非 &&:一假则假 ||:一真则真 !:颠倒 短路逻辑:在逻辑运算中,只要前一个条件已经可以得出结论,后续条件不再执行 关系运算(条件)&&操作 只有满足条件才执行操作
2017-08-22 09:46:06
675
原创 关于npm-cnpm-postcss-autoprefixer以及BootStrap的使用
工具:可以使用 或者不使用 使用工具可以帮我们更加快捷的处理一些事情 Npm : 很多插件 都是基于npm ,需要使用npm去安装 卸载 Postcss:可以帮我们处理CSS文件 我们希望它可以自动生成兼容的前缀(各个浏览器厂商为了显摆自己,加了自己特殊的名字)不加这个特殊名字就不识别 autoprefixer 可以帮我们添加前缀1.下载Postcss-cli 和 autoprefixer
2017-08-17 19:46:44
630
原创 js介绍-js中的变量和数据类型及相互转换-运算符及表达式
1、什么是js? 2、如何编写js? 3、如何调试js?1、什么是js:专门编写网页交互的语言 交互:用户操作->程序处理和响应操作->返回处理结果js运行于js解释器\引擎 ->解释执行js的发展历程 1995 网景:领航者 –livescript sun java 1996 JavaScript1.1 –》ECMA–》ECMAScript
2017-08-16 19:52:54
854
原创 CSS3-多列-视口-媒体查询-弹性盒/弹性布局-Node介绍
css3多列: column-count: 设置列的个数,可以把一行文字分割成设置的列的个数,如果设置了列的宽度,当列的最小宽度和不够总宽度的时候,列的数量就会缩小。 column-width:可以设置列的最小宽度 column-span:设置列的横跨数量,常用于设置标题 column-rule:设置分割线 设置方式与border一样 是一个复合属性 column-gap
2017-08-16 10:25:34
526
原创 HTML CSS十道基础面试题
HTML、CSS中英文全程? HTML HyperText Markup Language 超文本标记语言 CSS Cascading Style Sheets 层叠样式表网页基本结构?<html> <head > '头部文件<table> </table> '网页标题</head> <body> '网
2017-08-14 20:06:04
530
原创 Css3新增选择器概述
参考文档:菜鸟教程<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title></title> <link rel="stylesheet" type="text/css" href="css/CSS3.css"/> </head> <body> <d
2017-08-14 15:16:38
306
原创 CSS浮动与定位 visibility opacity vertical-align cursor属性概述
浮动: 定位: 1.什么是相对定位? visibility与display: **visibility与display的区别: visibility设置元素隐藏会占位display不会占位 opacity设置元素透明度会被元素中内容继承**
2017-08-12 11:39:15
514
原创 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
6053
原创 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
2601
原创 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
1856
原创 Canvas的基本介绍和使用
canvas可以做什么? 做游戏:白鹭引擎、trees…… 动画 图表、频谱 画图HTML5 不止是单纯的 HTML 本身是一个标签<canvas></canvas>,默认是300*150的宽高,本身就具有宽高的属性,不需要使用css去设置 css里面设置的宽高一定要和canvas的宽高一致,否则绘制出来的内容就是变形的<canvas></canvas>是一个空白的画布
2017-08-10 17:42:04
885
原创 webSql基础用法
webSQL 是一个操作数据库的对象 里面封装了操作数据库的方法是通过sql语句操作数据库的(创建数据库、建表、增删改查) Sql语句?是一个可以操作数据库的字符串 类似正则的规则 他不会自己执行,需要各个平台单独操作数据库的函数 执行 这个sql语句 才能让sql执行在webSQL里面 有执行sql语句的方法 就会去执行sql里面描述的功能webSQL 跟sql语句 是完全独立的两个东西
2017-08-09 17:37:52
870
原创 应用缓存 indexedDB
使用应用缓存的两个步骤: 1.创建应用缓存的文件 2.在html中引用应用缓存的文件 <link rel="icon" href="icon.png"/>设置图标应用缓存的详细使用: 1. 需要在服务端配制应用缓存文件 2. 在客户端断网的时候保存一个版本当来网的时候更新应用缓存的文件可以通过applicationCache监听 应用缓存失效的状态,如果失效更新页面 indexe
2017-08-09 17:15:02
1020
原创 css 背景定位 文字样式及文本溢出隐藏···
css样式表特性: 1.继承性 2.层叠性 一个选择器可以被重复定义 在多个不同的定义中,不重复的属性可以层叠在一起 如果属性重复的话,以后定义的为准 3.优先级 样式定义冲突时,按照不同样式的优先级来使用样式 1.浏览器缺省设置(最低) 2.外部样式表或内部样式表–就近原则 3.内联样式(最高) 4.!important 手动调整样式属性的优
2017-08-08 20:06:37
1824
原创 百度地图开发者平台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
9178
原创 颜色单位 盒模型 border
颜色单位: 盒子模型: 别名:方框属性、盒子属性、盒子模型 框模型主要设置了元素的 外边距、内边距、边框、高度、宽度、 元素实际宽度=左外边距+左边框+左内边距+宽度+右内边距+右边框+右外边距 外边距: 1、什么是外边距 围绕在元素边框周围的空白区域页面会为元素增加额外的空白距离,外边距是透明的,位置在边框外 2、属性: margin: a.统一设置四个方向的外边距 m
2017-08-02 20:27:16
337
原创 html元素 css样式 选择器
fieldset元素-为控件分组 legend元素-为分组指定一个标题<fieldset> <legend>地址信息</legend> 地址:<input type="text"> 邮编:<input type="text"></fieldset>浮动框架:iframe 可以在一个浏览器窗口中同时显示多个页面文档 -在页面上使用iframe元素 -
2017-08-02 18:56:12
878
原创 HTML5
html5包含: 语义化标签,多媒体,3D 图像 & 效果图 性能&集成 连通性 离线&存储 设备访问,样式 1、语义化标签: header:头部 nav:导航 aside:除了主题内容不太重要的内容 广告、小文章、推荐内容 section:段落 一块 章节 footer:底部 adderss:地址 article:文章 time:表示时间日期 mark:标记 data:数
2017-08-02 18:46:25
195
原创 form表单 input textarea 下拉框及display
1、表单的作用 1.显示、收集用户信息 2.将收集到的信息提交给服务器 2、表单语法 语法:form /form 注意:表单中的内容是可以提交给服务器的,提交给服务器的内容要放在表单元素里表单属性: action:表单提交时的动作,提交地址,值为url,默认值为本页 method:提交方式,常用取值:get或post get(默认值):明文提交,
2017-08-02 18:44:38
2701
原创 table标签与列表标签
table tr td th 表格属性 table: width:宽度 height:高度 align:水平对齐方式(left center right) border:设置表格的变宽,以px(像素)为单位 cellpadding:内边距(单元格边框与内容之间的距离) cellspacing:外边距(单元格与单元格之间的距离) bgcolor:表格背景颜色 tr: alig
2017-08-02 18:36:06
504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人