bohn-优快云博客

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

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

2018-12-05 16:02:43 16913

原创解决定时器报错: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 14729

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

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

2018-08-30 16:22:45 7985

原创 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 4524 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 8728 3

原创 HTTP协议：请求（request）AND响应（response）AND（cache）缓存

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

2018-08-18 18:10:11 1534

原创用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 3723

原创 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 4151

原创 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 2381 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 1521

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

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

2019-07-24 18:42:12 251

原创 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 2039 2

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

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

2019-07-17 16:48:09 976

原创 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 168

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

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

2019-07-15 20:05:39 223

原创 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 317

原创 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 1171

原创 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 340

原创 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 214

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

<html><head> <meta charset="UTF-8"></head><!--<p>请在文档中点...

2019-07-13 09:31:34 4792

原创 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 934

原创常用的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 773

原创 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 281

原创 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 577

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

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

2019-05-10 12:16:39 770

原创 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 1579

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

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

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

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

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

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

原创 onmouseenter 和onmouseover

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

2018-09-17 11:26:09 943

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

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

2018-09-05 16:00:49 397

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

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

2018-09-04 22:03:01 546

原创 javaScript core ：之函数的重载

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

2018-09-04 17:26:26 136

原创声明提前（hoist）

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

2018-09-04 16:21:24 253

原创 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 800

原创按值传递

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 187

原创 H5地理定位

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

2018-09-01 16:54:01 1655

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

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

2018-09-01 15:54:19 1003

原创 SVG特效之彩虹渐变

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

2018-09-01 15:52:48 1420

原创用svg的折线（polyline）绘制一颗五角星

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

2018-09-01 15:23:07 2952

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

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

2018-09-01 11:25:34 1471

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关注的人