自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 关于微信小程序

1.下载微信开发者工具,并安装 地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2.登录并注册小程序账号 3.新建小程序 新手再写程序前,一定要看文档 文档地址:https://develop...

2019-04-24 19:23:41

阅读数 27

评论数 0

转载 JQuery基础动画操作

1.jQuery动画效果,隐藏和显示。 两个方法:hide()“隐藏” show()“显示” <p>JQuery动画效果,隐藏和显示</p> <input type="button" value="隐藏" id=&qu...

2019-04-17 18:38:07

阅读数 26

评论数 0

转载 作用域和作用域链及预解析

个人分类: JS类 变量---->局部变量和全局变量, 作用域:在某个空间范围内,可以对数据进行读写操作 局部作用域和全局作用域 js中没有块级作用域—一对括号中定义的变量,这个变量可以在大括号外面使用 函数中定义的变量是局部变量 作用域链:变量的使用,从里向外,层层的搜索,搜索到了就可以直...

2019-04-16 19:11:54

阅读数 17

评论数 0

转载 弹性布局说明及flex容器属性

一、弹性布局 说明: a) 给元素设置了display:flex;后,就成为了弹性盒或者弹性布局 b) 当父元素设置了flex后,子元素的float,clear和vertical-align将会失效 c) 我们把设置display:flex;属性的元素称之为Flex容器,把里面的子元素称之为Fle...

2019-04-15 19:01:09

阅读数 64

评论数 0

转载 Vue.js使用filter自定义过滤器对时间进行格式化(javascript原生写法)

** 一、自定义date.js ** /** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 ...

2019-04-14 20:36:19

阅读数 74

评论数 0

转载 Vue 全局变量,局部变量

全局组件和局部组件 1.先定义组件 Vue.component(‘组件名’, { 组件模板对象 }) 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写 例如: 组件-->mtText 使用时--...

2019-04-12 21:52:55

阅读数 286

评论数 0

原创 vue中使用路由嵌套

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &...

2019-04-11 19:24:18

阅读数 42

评论数 0

原创 用vue写储存在localStorage中的评论列表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-04-10 21:59:19

阅读数 96

评论数 0

转载 Vue源码全方位深入解析

一、资源 Vue.js解密文档:https://ustbhuangyi.github.io/vue-analysis/prepare/ flow类型注释官方文档:https://flow.org/en/docs/types/ 二、环境配置 flow (1) npm install ...

2019-04-08 21:56:43

阅读数 1912

评论数 0

转载 前端做一个简单的随机气泡(随机大小,随机颜色,随机方向,随机速度,透明度改变)的静态网页

话不多说直接代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ...

2019-04-07 21:40:28

阅读数 390

评论数 0

转载 原生JS回到顶部

HTML代码: <div class="container"> <p>你好哇</p> ... </div> <div id="top">回到顶部</div> CSS代码: .con...

2019-04-04 08:58:37

阅读数 121

评论数 0

原创 计数器

Title + - * /

2019-04-03 09:09:49

阅读数 18

评论数 0

转载 自定义表格的添加行/删除行

自定义表格的添加行/删除行 1、创建好表头,定义好列名,以及删除控件的列,添加行的按钮 <div class="row col-lg-12 col-md-12" style="margin-left:2px;"> <button ...

2019-04-02 09:10:29

阅读数 28

评论数 0

转载 JavaScript中的函数、对象

JS中的函数 声明方式 方式一 function 函数名(){ 函数体 } 方式二 var 函数名=function(){ 函数体 } 方式三 var 函数名=new Function(“函数体”); 执行方式 函数名(); JS中的对象 类似Java中的一些系统预设好的类 日期对象 ...

2019-03-31 22:04:19

阅读数 15

评论数 0

原创 jQuery学习笔记

jQuery学习笔记(一) 基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素 并集选择器 $(“div,p,li”)...

2019-03-29 20:41:22

阅读数 18

评论数 0

转载 JS和jQuery的区别

一、本质上的区别 1.JavaScript 是通过标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。 2.JQuery是一个JavaScript函数库。或者说是JavaScript。 使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用,比如: 库文件...

2019-03-28 21:19:09

阅读数 18

评论数 0

转载 【Web前端】CSS使用方法

*本文主要介绍CSS的基础语法,以及插入到HTML中的方法,供遗忘时快速查阅。(本文内容结合W3C教程编写) CSS基础语法 CSS规则由选择器和声明组成 选择器是要改变样式的HTML元素,也可以是表示多个元素的id或class; 声明是要改变的属性和属性值,以冒号隔开;声明之间用分号隔开 h1 ...

2019-03-27 21:46:26

阅读数 10

评论数 0

原创 ajax的原理

其原理: 通过XmlHttpRquest对象来向服务器发送异步请求的,从而从服务器中获得数据后,然后用js来操作DOM来更新页面 简单来说: 用于后台与服务器交互数据,这就能实现可以在不重新加载整个网页的情况下,对网页的部分进行更新 ajax的核心: 就是js对象 XmlHttpRequest ...

2019-03-25 19:23:51

阅读数 22

评论数 0

原创 在HTML中监听网络是否连接

//查看当前网络状态 console.log(window.navigator.onLine); //监听网络是否连接 window.addEventListener('online',function () { console.log('111'...

2019-03-24 22:17:41

阅读数 129

评论数 0

原创 绘制饼状图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &...

2019-03-18 21:24:16

阅读数 51

评论数 0

原创 滚动监听

引用bootstrap &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"&gt; ...

2019-03-14 21:24:48

阅读数 25

评论数 0

原创 有关touch的一点内容

1.touch是移动端的触摸事件,是一组事件 touchstart 当手指触摸屏幕的时候触发 touchmove 当手指来回滑动的时候触发 touchend 当手指离开屏幕的时候触发 touchcancel 当被迫中止滑动的时候触发(来电, 弹消息) 使用touch : 绑定事件 box....

2019-03-13 21:00:31

阅读数 15

评论数 0

原创 在canvas中画钟

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &a...

2019-03-11 18:50:38

阅读数 21

评论数 0

原创 学习c3h5

使用画布 canvas 1:创建画布 &lt;canvas width="500" height="500" style="border: 1px solid #eeeeee"&gt;&lt;/canvas&...

2019-03-10 19:55:48

阅读数 64

评论数 0

原创 canvas中的方块

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &a...

2019-03-06 19:26:51

阅读数 77

评论数 0

原创 视屏标签

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &a...

2019-03-03 19:46:46

阅读数 34

评论数 0

原创 学习c3和h5第二天

animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向 animation-iteration-count:infinite; 无限循环播放 animation-play-state:paused; 暂停动画" @keyframes 动画名称 { f...

2019-02-28 20:48:35

阅读数 24

评论数 0

原创 学习c3和h5第一天

E::first-letter文本的第一个单词或字(如中文、日文、韩文等) E::first-line 文本第一行; E::selection 可改变选中文本的样式; E::before和E::after 在E元素内部的开始位置和结束位创建一个元素,该元素为行内元素,且必须要结合content属性...

2019-02-26 19:21:31

阅读数 43

评论数 0

原创 学习jQuery第六天

什么是ajax? 用来做数据交互使用的 其原理: 通过XmlHttpRquest对象来向服务器发送异步请求的,从而从服务器中获得数据后,然后用js来操作DOM来更新页面 简单来说: 用于后台与服务器交互数据,这就能实现可以在不重新加载整个网页的情况下,对网页的部分进行更新 ajax的核心: 就...

2019-02-25 18:30:52

阅读数 17

评论数 0

原创 学习jQuery第五天

今天做一个简单的小游戏 部分js代码 设置随机颜色 function colors() { var r = Math.floor(Math.random() * 255); var g = Math.floor(Math.random() * 255); ...

2019-02-24 19:56:19

阅读数 22

评论数 0

原创 学习jQuery第四天

一个手风琴案例的简单js封装 $.fn.accordion = function (width) { //接受width,没有穿width默认为50 width = width || 50; //在后代中找li var $li = this.find("li&q...

2019-02-21 19:16:34

阅读数 44

评论数 0

原创 学习jQuery第三天

通过js和jQuery分别写评星的代码 js部分: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="...

2019-02-20 19:16:32

阅读数 23

评论数 0

原创 学习jQuery第二天

一个简单的弹幕 代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&am...

2019-02-19 20:42:31

阅读数 23

评论数 0

原创 学习jQuery第一天

js和jQuery的关系: jq是js的一个库 为什么要学习jQuery? —&gt;简单粗暴,没有兼容性问题 入口函数 $(function(){}) 全写: $(document).ready(function{}) js与jq对象的区别 1.方法不能互相调用 2.可以转换 ...

2019-02-18 18:37:05

阅读数 63

评论数 0

原创 学习js高级第五天

今天学习正则表达式 身份证的表达式 18位 [1-9][0-9]{16}|[0-9X] 座机号的表达式 0716-1234567 0716-12345678 027-1234567 [0][1-9]{2,3}[-][0-9]{7,8} QQ号的正则表达式 5位-10位 [1-9][0-9]{4-...

2019-01-23 21:10:32

阅读数 30

评论数 0

原创 学习js高级第四天

表格排序: 因为不知道怎么循环添加不同的td中的不同内容,边写的很麻烦 代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta ...

2019-01-22 19:29:29

阅读数 25

评论数 0

原创 学习js高级第三天

今天学习原型、原型链和继承 原型链: 就是实例对象和原型对象之间的关系, 是通过__proto__原型来联系的 实例对象中有__proto__原型 构造函数中有prototype原型 prototype对象中也有__proto__原型, 指向了哪里—&gt;系统的构造函数 Object 继...

2019-01-21 19:27:49

阅读数 32

评论数 0

原创 学习js高级第二天

今天学习贪吃蛇 代码(优化后的,但还有bug): &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="U...

2019-01-20 19:00:05

阅读数 45

评论数 0

原创 学习js高级第一天

贪吃蛇(上) &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;a...

2019-01-17 18:17:46

阅读数 39

评论数 0

原创 学习webAP第七天

client可视区域 clientWidth: 可视区域的宽度(没有边框) clientHeight: 可视区域的高度(没有边框) clientLeft: 左边边框的宽度 clientTop: 上边边框的宽度 clientX: 离窗口左边的距离 clientY: 离窗口上边的距离 ...

2019-01-16 19:30:13

阅读数 40

评论数 0

提示
确定要删除当前文章?
取消 删除