![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端javascript
文章平均质量分 53
青珣墨笠
菜鸟的世界你不懂
展开
-
应用缓存 indexedDB
使用应用缓存的两个步骤: 1.创建应用缓存的文件 2.在html中引用应用缓存的文件 <link rel="icon" href="icon.png"/>设置图标应用缓存的详细使用: 1. 需要在服务端配制应用缓存文件 2. 在客户端断网的时候保存一个版本当来网的时候更新应用缓存的文件可以通过applicationCache监听 应用缓存失效的状态,如果失效更新页面 indexe原创 2017-08-09 17:15:02 · 1010 阅读 · 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画贝塞尔曲线(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 评论 -
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 评论 -
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 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 评论 -
JS常见面试题
笔试:1.prototype(原型)是什么,它是怎么使用的 是一个原型对象,所有函数都具备这个原型对象 是一个共享空间,可以通过原型对象可以给某个类扩展方法或者属性 object 通过 类名.prototype 属性名 添加一个新的扩展属性2.怎么样创建元素节点和文本节点,怎么样删除节点 document.createElement(); docu原创 2017-09-05 19:49:09 · 1253 阅读 · 0 评论 -
Node概述
Node: Express -> webStorm ->提供了这个模板npm:node的包管理工具 ->可以下载(发布)基于node的插件 可以使用前端的技术写服务端模块化开发 模块化开发的标准: AMD CMD Common.jsNode搭建本地服务器 服务器怎么去访问?通过主机地址加上端口号去访问localhost:3333, 在访问本地服务器的时候需要开启服务器->开启服务器的原创 2017-08-29 19:41:18 · 336 阅读 · 0 评论 -
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 · 970 阅读 · 0 评论 -
node.js&ionic&数据库的关系
ionic工程(或者其他前端的工程) 是用于写前端 展示数据 显示界面 它需要通过API(HTTP)连接node.js里的数据库,展示数据库里面的内容node.js:可以用它写服务端的代码 它里面写的内容 不需要 在这个工程里面 使用界面 去展示,它是用于提供数据给前端工程 在提供数据的时候 还会添加一些逻辑数据库:是用于存储数据的文件 服务端所有的数据 都存放到了 这个文件里面 服务端原创 2017-08-31 10:21:54 · 580 阅读 · 1 评论 -
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 评论 -
webSql基础用法
webSQL 是一个操作数据库的对象 里面封装了操作数据库的方法是通过sql语句操作数据库的(创建数据库、建表、增删改查) Sql语句?是一个可以操作数据库的字符串 类似正则的规则 他不会自己执行,需要各个平台单独操作数据库的函数 执行 这个sql语句 才能让sql执行在webSQL里面 有执行sql语句的方法 就会去执行sql里面描述的功能webSQL 跟sql语句 是完全独立的两个东西原创 2017-08-09 17:37:52 · 862 阅读 · 0 评论 -
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 · 845 阅读 · 0 评论 -
Canvas的基本介绍和使用
canvas可以做什么? 做游戏:白鹭引擎、trees…… 动画 图表、频谱 画图HTML5 不止是单纯的 HTML 本身是一个标签<canvas></canvas>,默认是300*150的宽高,本身就具有宽高的属性,不需要使用css去设置 css里面设置的宽高一定要和canvas的宽高一致,否则绘制出来的内容就是变形的<canvas></canvas>是一个空白的画布原创 2017-08-10 17:42:04 · 878 阅读 · 0 评论 -
逻辑运算与循环结构
1、逻辑运算:综合多个关系运算结果得出的结论 返回值:true false && || ! 与 或 非 &&:一假则假 ||:一真则真 !:颠倒 短路逻辑:在逻辑运算中,只要前一个条件已经可以得出结论,后续条件不再执行 关系运算(条件)&&操作 只有满足条件才执行操作原创 2017-08-22 09:46:06 · 671 阅读 · 0 评论 -
函数概述-对象-重载-匿名函数-闭包
函数:封装一项专门任务步骤的代码段,然后起一个名字; when:当一项任务需要反复执行时,又不希望重复编写; 代码重用!!! how:声明 定义 调用 声明并定义一个函数 function 函数名([参数变量列表]){ 函数体:任务步骤 [return原创 2017-08-22 10:09:33 · 275 阅读 · 0 评论 -
数组概述-数组去重-string
数组: 程序 = 数据结构+算法 好的数据结构可以极大的提高程序的执行效率 相关的多个数据应集中存储,集中管理 数组:一组连续的变量组成的集合,统一起一个名字 批量管理多个数据 how:创建 赋值 取值 1、创建:4种 1、var 变量名 = [];创建一个空数组 2、var 变量名 = [值原创 2017-08-22 10:47:49 · 1532 阅读 · 0 评论 -
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 · 1981 阅读 · 0 评论 -
百度地图开发者平台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 评论 -
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 评论 -
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 · 505 阅读 · 0 评论