自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Bohn的博客

happy coding

  • 博客(59)
  • 资源 (5)
  • 收藏
  • 关注

原创 微信小程序MINA框架介绍

MINA(MINA IS NOT APP) 是在微信中开发小程序的框架。MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。MINA提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。MINA的核心是一个响应的数据绑定系统。...

2018-12-05 16:02:43 16843

原创 解决定时器报错:Uncaught TypeError: that.setAttribute is not a function

报错原因:定时器里面的this指向的window,而window则没有下面用到的函数解决办法:在定时器外把需要用的this提前赋值给一个变量定时器内使用该变量代替this​ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

2018-09-01 11:32:49 14637

原创 解决微信小程序开发者工具报错(https://....com不在以下合法域名列表中请参考文档)

 解决办法:一:如图所示勾选选项二. 设置->开发设置->服务器域名(上线之前)三.在json文件中修改,两者的值对应

2018-08-30 16:22:45 7921

原创 H5新特性(canvas绘图)+动态吃豆人+动态小飞机

canvas绘图 (重点)   网页中的实时走势图,抢红包,网页游戏,地图应用..  (1)SVG 绘图    2D矢量绘图技术,2000年出现,后纳入h5  (2)Canvas绘图  2D位图绘图技术,H5提出  (3)WebGL绘图  3D绘图技术,尚未纳入H5标准  Canvas绘图难点所在: (1)坐标系 (2)单词比较多   ...

2018-08-27 20:59:11 4110 1

原创 简单的注册界面(js+php+mysql)

html+js界面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&

2018-08-25 20:07:11 8673 3

原创 HTTP协议:请求(request)AND响应(response)AND(cache)缓存

一.WHATHTTP(HyperText Transport Protocol)是超文本传输协议的缩写,规范数据如何打包二.Message:消息/报文,在http客户端和服务器之间传输的数据块请求消息(request)客户端带给服务器的数据都有哪些,有三个部分组成    A.请求的起始行           a.请求方法:                   1...

2018-08-18 18:10:11 1505

原创 用js代码制作2048小游戏

2048小游戏(js)1.先确定整体样式(4x4)(html,css)以下为html代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" hr...

2019-08-20 14:08:22 3671

原创 git clone 新项目之后拉取分支代码到本地

git clone 新项目之后拉取分支代码到本地why:clone项目为master分支的内容。其他分支的内容需要自行拉取。git clone htttpgit fetch origin dev 将dev分支拉取到本地git checkout -b dev origin 在本地创建分支dev并切换到该分支,与远程分支关联。git pull origin dev 就可以把远程dev分...

2019-08-01 20:35:54 4113

原创 antd 复杂table的实现

antd官方的方法: <ColumnGroup title="Name"> <Column title="First Name" dataIndex="firstName" key="firstName" /> <Column title="Last Name" dataIndex="lastName" key="lastName"...

2019-08-01 11:26:24 2306 5

原创 git克隆以及创建个人分支

从远端仓库拉下git clone +https地址进入到拉下的文件夹中查看分支git branch -a创建个人分支git checkout -b b-工号-编码 origin/b-12758查看分支git branch -a接下来git add .git commit -m ""git push -u origin b-25458-编码...

2019-07-31 16:05:06 1483

原创 git命令行删除本地和远程的分支

1.查看项目的分支git branch -a2.删除本地分支git branch -d 分支名3.删除远程分支git push origin --delete 分支名4.查看删除后的分支们git branch -a

2019-07-24 18:42:12 221

原创 hzero框架前端开发 git 操作流程

1: 克隆项目:git clone https://code.choerodon.com.cn/hzero-hzero/hzero-front.git 2: 检查是否在develop开发, 不在切换到develop:git checkout develop 3: 依据需要的修改创建自己的分支:git checkout -b feature-[工号] 3: 依据需要的修改创建自己的分支:...

2019-07-24 16:47:07 1935 2

原创 create-react-app创建的react项目修改默认端口号

create-react-app创建的react项目默认端口号为3000在如下路径中修改:node_modules=>react-scripts=>scripts=>start.js

2019-07-17 16:48:09 949

原创 create-react-app 搭建React开发环境

在命令行键入cnpm install -g create-react-app//在自己的项目目录git bash//键入create-react-app my-app//进入项目cd my-appnpm start

2019-07-16 16:27:29 139

原创 es6中的常见用法之扩展运算符的实例教学(4)

废话不多说直接来个实例:点击图片中的字母字母会出现放大的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .h1{ ...

2019-07-15 20:05:39 202

原创 es6中的常见用法之 Promise的一个实例(3)

const response = { status:200, success:'success', data:{ itemId:1 }};const response2 = { status:200, success:'response2 success', data:{ itemId:1, item:[1,2,3] }};//查询id//Pro...

2019-07-15 19:16:12 297

原创 javaScript数组的map方法

let arr1=[1,2,3,3,3,3,3,242,3,4,2,3,4];console.log(...new Set(arr1));let arr2=["a","b","c","d","a","b","g"];let str="asdascdeffsdgfffffffsdfs";console.log(arr1.concat(arr2));console.log(...arr...

2019-07-15 14:49:55 1130

原创 es6中的常见用法之map和set的常见用法(2)

//可以使用map代替数组,使用set代替对象//map中插入重复的key后面的值会将前面的值覆盖//set中的值不重复,插入重复的值之后,set会对重复的值进行过滤{ //遍历 let map1=new Map([['xiaoming',100],['xiaohua',99],['xiaoliang',90]] ); let set1=new Set([1...

2019-07-15 14:46:43 316

原创 es6中的常见用法(1)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> let arr1=[1,2,3,4,5,4,4,4...

2019-07-15 09:57:50 193

原创 原生js获取鼠标事件发生时,鼠标所在位置的各种坐标

<html><head> <meta charset="UTF-8"></head><!--//获取鼠标点击事件发生时的鼠标指针相对于浏览器窗口的坐标--><!--<body onmousedown="show_coords(event)">--><!--<p>请在文档中点...

2019-07-13 09:31:34 4758

原创 js定时器一次性和多次性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="b1">11111111</button&gt...

2019-07-12 20:09:32 904

原创 常用的windows对象的方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> window.alert("this is a m...

2019-07-12 19:38:02 745

原创 js中函数的作用域问题

function aa() { a=1//全局变量 } aa(); console.log(a)//可以得到a的值但是需要将aa函数执行一次 function bb() { var b=1//局部变量 } bb() console.l...

2019-07-12 14:41:31 259

原创 js中breack 和continue的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> for(var i = 519; i < 550; i++) { ...

2019-07-12 11:09:24 547

原创 events.js:183 throw er; // Unhandled 'error' event

events.js:183 throw er; // Unhandled 'error' event表示端口占用,可以解除占用,或者更换接口来解决

2019-05-10 12:16:39 748

原创 DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version

如果在调用数据库的时候出现:DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect....

2019-05-10 12:15:05 1513

原创 SyntaxError: Unexpected end of JSON input(微信小程序报错)

因为该程序中JSON使用的是异步传递,所以在没有数据传递的时候会出现以下错误

2019-04-16 17:36:22 3149 1

原创 JSON字符串JSON对象和js对象的区别

首先解释一下AJAX:Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步JavaScript和 XML 或者是 HTML(标准通用标记语言的子集)。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新...

2019-04-15 15:58:05 3612 1

原创 onmouseenter 和onmouseover

onmouseenter     绑定的事件在鼠标指针进入元素时触发,但是onmouseenter 事件不支持冒泡。onmouseover      绑定事件在鼠标指针进入元素时触发 ,在其子元素上也会触发...

2018-09-17 11:26:09 920

原创 javaScript Core 之作用域(scope)和闭包(closure)

 1.Function 作用域(scope):  什么是: 变量的可用范围  为什么: 保证内部的变量不会影响/干扰外部的程序  包括: 2种:   1. 全局作用域: window     保存全局变量: 特点: 随处可用,可重复使用!   2. 函数作用域:     保存局部变量: 特点: 仅函数内可用,不可重用!  函数的生命周期:   1. 程序开...

2018-09-05 16:00:49 367

原创 javaScript core 之匿名函数和垃圾回收

匿名函数: WHAT: 定义函数时,不指定函数名的函数 WHEN: 一个函数只使用一次时 WHY: 节约内存 HOW: 2种:      1. 回调函数: 定义函数后,自己不执行,交给别的函数,由别的函数控制调用和执行过程。       2. 匿名函数自调: 函数定义后,自己调用自己!       为什么: 全局变量,用完,无法自动释放!污染全局!       解决...

2018-09-04 22:03:01 502

原创 javaScript core :之函数的重载

重载(overload)WHAT:           相同函数名,不同参数列表的多个函数,在调用时,可根据传入的参数不同,自动选择匹配的函数执行。 WHY:            减少API的数量,减轻调用者的负担 WHEN:             只要一项任务,可能根据传入参数的不同,执行不同的流程时。 HOW:        问题:js语法默认不支持重载,因...

2018-09-04 17:26:26 122

原创 声明提前(hoist)

WHAT在程序正式执行之前,先将var声明的变量和function声明的函数提前到当前作用域的顶部,集中创建&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;$Title$&lt;/title&g

2018-09-04 16:21:24 228

原创 js 时间对象

1. Date:  1. 单位:   FullYear  Month  Date   Day   Hours   Minutes  Seconds  Milliseconds  2. 每个单位上都有一对儿get/set方法   其中: getXXX() 专门获取单位的数值        setxxx() 专门设置单位的数值   比如: date.getDate()   ...

2018-09-04 09:05:51 768

原创 按值传递

var a=0; var b=a; a++; console.log(a)//1 console.log(b)//0  a和b(常规类型)代表的是内存中的不同空间,b只是获取了a的值。(变量:内存中存储一个数据的区域) var a=[1,2,3,4] var b=a;...

2018-09-03 17:13:41 166

原创 H5地理定位

html5新特性--地理定位(实现需要联网)  Geolocation:地理定位,使用js获得当前浏览器所在地理坐标(经度,纬度,海拨,速度)数据,用于实现LBS应用(Location Base Service),如饿了么,高德导航...  获取地理定位类型  (1)浏览器自带对象geolocation[实现不了]  (2)百度地图,腾讯地图[准确度高]   手机浏览器如何...

2018-09-01 16:54:01 1615

原创 SVG特效之高斯模糊滤镜

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;h1&a

2018-09-01 15:54:19 952

原创 SVG特效之彩虹渐变

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;h1&a

2018-09-01 15:52:48 1386

原创 用svg的折线(polyline)绘制一颗五角星

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;svg widt

2018-09-01 15:23:07 2897

原创 svg特效:随机生成30个不同大小颜色的圆,点击后逐渐变大消失

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;svg id

2018-09-01 11:25:34 1420

ip查询数据库软件

IP数据库方式相对来讲复杂一点,需要有完善的数据库,还要建立相应的查询服务。优缺点则跟API方式正好相反:优点是查询快,不受网络和网站的限制,缺点是编码相对复杂,而且要一直维护数据库。数据库国内最著名的是纯真网络,ipip,国外更加著名的GeoIP等等

2018-08-30

月光宝盒Z6便携无损播放器固件

Z6固件升级方法: 1、第一次升级,将下载的新固件拷贝到TF 卡,进入系统设置的固件升级。升级过程中请不要有任何操作,升级前建议重启机器,升级完成后系统会自动关机。 2、如果亲们是第二次升级固件,请先将上一版升级的固件删除。再放进新的固件进行升级。

2018-08-21

lumia专业拍摄安装文件

lumia930 亲测可用 Lumia 专业拍摄 5 中的新功能:   - 启动更快、模式切换和拍摄延迟   - 精彩瞬间拍摄   - 丰富连拍   - 可获得更佳图像质量的最新成像算法   - Lumia 930、1520 和 Icon 上更高的视频分辨率(4K、1440p)   - 改进了设计,可更快速地访问前置摄像头、Lumia 自拍、Lumia 再对焦和第三方镜头   - 用于视频拍摄的更多手动控制。 曝光和手动对焦等设置现在也可用于视频拍摄

2018-08-21

node.js中文手册

简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

2018-08-21

vue resource插件

vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。另外,vue-resource还提供了非常有用的inteceptor功能,使用inteceptor可以在请求前和请求后附加一些行为,比如使用inteceptor在ajax请求时显示loading界面

2018-08-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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