自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 资源 (1)
  • 收藏
  • 关注

原创 raspbian使用Putty上传文件

1,有一个root账户2,编辑/etc/ssh 文件夹下的 sshd_config 文件将 PasswordAuthentication 改为 yes 然后保存退出3,使用cmd命令行cd 到putty安装的地方,一般为C:\Program Files\PuTTY4,上传文件pscp D:\xiaomy_nat.jar [email protected]:/opt/Ins...

2019-11-05 23:43:33 633

原创 raspbian 建立root账户,并使用root账号开始链接

初始的raspbian系统是没有root账户的,需要我们去建立一个1,使用初使raspbian 账号密码登录 账号:pi ;密码:raspberry2, 然后输入sudo passwd root ,会让你输入两遍密码3,然后输入 sudo passwd --unlock root ,解锁root账号4,最后输入 su root 应该就可以发现切换到了root账号,如果需要退出...

2019-11-05 23:29:58 502

原创 React Native中使用Mqtt

环境:1,在项目中安装包npm install react-native-native-mqtt --save项目GitHub地址https://github.com/davesters/rn-native-mqtt2,在本地搭建Mqtt服务器这里使用的EMQ来搭建Mqtt服务器EMQ官网:https://www.emqx.io/cn/点击右上角的免费试用...

2019-11-01 13:08:33 1401

原创 RN 串口通信

这里算是做一个记录吧如果是USB转串口https://github.com/melihyarikkaya/react-native-serialport如果是原生串口https://github.com/Marcello168/react-native-SerialPort

2019-10-23 22:13:25 1583 1

原创 ReactNative D8 Cannot fit requested classes in a single dex file

我现在的版本:再更新RN版本之后,发现在装包的时候出现了D8: Cannot fit requested classes in a single dex file (# methods: 65749 > 65536)这个问题,百度上是说Android App中的方法总数超过了65536..我也没装多少包啊,就出现了这个问题......解决办法1,在android/...

2019-10-23 13:41:44 922 1

原创 React Native导入.so文件

在 项目目录/android/app 下建立libs文件夹,然后建立对应Android内核的文件夹然后将 .so 文件都复制一份放进去然后在项目目录/android/app/build.gradle 中添加sourceSets{main{jniLibs.srcDirs=['libs']}}...

2019-09-11 21:50:45 1179

原创 react-native-debugger中查看网络请求

注释掉node_modules/react-native/Libraries/Core/setUpXHR.js这样做一般没什么问题,因为最近在用React Native做微信人脸支付,在调起微信人脸App之前,本身商户网络请求的回调( 我使用的axios )Promise - then是可以执行到的,但是在调起人脸App,用户输完信息点击支付,回调到本身商户进行支付的时候,发现网络请求虽然可...

2019-09-05 10:33:00 5378 4

原创 安装react-naitve-camera missingDimensionStrategy错误

在项目根目录/android/app/build.gradle中添加missingDimensionStrategy 'react-native-camera', 'general'

2019-09-03 23:48:48 1114

原创 React Native 中导入SDK(arr,jar)

一,arr1,在项目根目录/android下新建一个libs文件夹,然后将arr文件放进去2,在项目根目录/android/build.gradle (不是 项目根目录/android/app/build.gradle) 下加flatDir { dirs "$rootDir/libs"}3. 在项目根目录/android/app/build.gradl...

2019-09-03 23:40:13 2874

原创 JS实现页面传值

1,cookiecookie的话可以加载Jquery和JQuery.cookie 模块temp.html页面<body> <button onclick="jump()">jump</button> <script src="/js/jquery.min.js"></script> <script src=...

2019-06-19 15:18:21 482

原创 HTML5 history模式下 Vue组件内守卫beforeRouteUpdate不起作用

如果使用html5 history模式可以让我们的url中没有#,使得网页url看起来更加正常(某些软件情景中只能使用不带#的url)但是history模式下URL的跳转会从浏览器的历史记录中加载,而不会重新加载页面,如果有一个Vue动态参数路由组件中使用了beforeRouteUpdate方法,同时开启了history模式,就会造成beforeRouteUpdate没有效果(现阶段)...

2019-06-15 12:32:11 2674

原创 vuex模块中使用namespaced之后的引用方法

store-&gt;index.jsexport default new Vuex.Store({  state,  mutations,  actions,  modules: {    user  }}) user.jsconst state = {  userName: 'ReSword'}const mutations = {  //}const a...

2018-11-15 18:00:43 10995 3

原创 路由组件传参

1,动态路由2,静态路由props对象方法3,静态路由函数方式

2018-11-09 16:38:53 370

转载 iview二级弹窗

记录一下大佬的话

2018-11-06 14:28:57 1465

原创 Vue当中子组件无法获取父组件值的情况

parent.vue&lt;template&gt; &lt;div&gt; &lt;roles :roleData="item" v-for="item of roleData"&gt;&lt;/roles&gt; &lt;/div&gt;&lt;/template&gt;&lt;script&gt;import Roles

2018-10-17 09:43:49 5160

原创 PS快捷键

1,放大或者缩小图片Alt+鼠标滚轮2,自由变换Ctrl或者Ctrl+Alt3,选择多个图层shift+鼠标点击对应图层4,Alt+delete填充前景色5,快速复制图层移动工具+Alt+键盘方向键6,快速选区Ctrl+缩略图7,新建图层在一个图层的下面Ctrl+新建图层8,PS撤销步骤Ctrl+Z撤销一步,然后就是还原,Ctrl...

2018-10-01 11:18:13 301

原创 CSS3过渡

transiton语法:transition: property duration timing-function delay;transition属性是个复合属性,她包括以下几个子属性:transition-property :规定设置过渡效果的css属性名称transition-duration :规定完成过渡效果需要多少秒或毫秒transition-timing-func...

2018-09-21 14:29:40 700

原创 CSS3 3D转换

perspective(1)perspective值越大,产生3D变换的时候会感觉距物体越远(不可为负数或者0,如果设置为0或者负数,那么就相当于人观察一个物体眼睛贴上去或者陷进去,就不会感觉到变化了)(也不能为百分比)(2)一般为父元素设置perspective属性,设置完之后,如果其子元素设置了3D转换,那么就可以显示出来具体效果看下面的rotate 3D变换1,rotate...

2018-09-20 16:52:54 1295

原创 CSS3 2D转换

1,translate语法:translate: transform(x, y);从当前位置,向下移动x距离,向右移动y距离,x和y可以是百分比,允许负值&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatibl...

2018-09-20 13:05:18 331

原创 CSS3字体

以前对字体进行设置,我们只能使用这台计算机上有的字体,如果有些好看的字体而电脑上没有就不能使用,CSS3为我们提供了一种使用任意字体的方式&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content

2018-09-20 12:21:58 329

原创 CSS3 文本效果

1,text-shadow&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;CSS3&a

2018-09-20 12:06:53 212

原创 CSS3渐变

以前我们如果想要做到一个颜色到另一个颜色的渐变(Gradients)效果,需要用ps之类的应用程序做出一张背景图片,然后放到元素上,这样子不仅麻烦,而且不利于代码的维护,当用户界面大小发生改变时,显示效果也不好CSS3提供给了我们一种渐变绘制方式,这样我们就不需要去下载文件之类的,当界面发生改变之后,由于是浏览器去绘制的,显示效果也比较好线性渐变(Linear Gradients)向上 |...

2018-09-20 11:42:57 1184

原创 CSS3 background-image

1,background-image可以添加多个图片,不同的背景图像之间用逗号分隔开,其中显示在最顶层的是第一张图片对应的附加属性,比如说background-size,background-repeat按照顺序对应不同的背景图像,值用逗号隔开2,background-size指定了背景图像的大小,CSS3以前背景图像的大小由背景图像的实际大小决定,background-siz...

2018-09-20 09:44:42 869

原创 CSS3边框

1,border-radius画一个圆:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&

2018-09-19 18:00:33 274

原创 box-sizing

先来看box-sizing在W3C上的说明:box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。语法:box-sizing: content-box|border-box|inherit;值:content-box:   这是由 CSS2.1 规定的宽度高度行为。   宽度和高度分别应用到元素的内容框。   在宽度和高度之外绘制元素的内边距和边框。(...

2018-09-19 15:25:35 134

原创 Proxy

Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。也可以用来预警,上报,扩展功能,统计,增强对象等等proxy是设计模式的一种,叫做代理模式语法:   new Proxy (target, handler)  target 用Proxy包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。  handler 一个对象,...

2018-09-19 11:18:56 671

原创 ES2018新增加的一些东西

1,命名捕获语法: (?&lt;名字&gt;)先来看一个原来的捕获正则;&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&am

2018-09-19 10:05:46 596

原创 ES6数字变化

1,定义一个二进制(binary)的数据0b 代表二进制2,定义一个8进制(Octal)的数据以前一些对于数字的判断或者操作方法例如(isNaN)都单独写出来的:  let num = 12;  console.log(isNaN(num));现在这些方法基本都挂到了Number上  let num = 12;  console.log(Number.i...

2018-09-18 18:34:07 232

原创 ES6之Map和WeakMap

map类似对象,但是对象的键(key)只能是字符串或者数字等原始值map的key可以是任何类型定义一个map结构new Map()map(key, value);向map中添加数据获取某一个值:map.get(key)删除一个值:map.delete(key)判断是否有对应的值map.has(key)清空map列表:map.clear()...

2018-09-18 17:23:16 458

原创 Set和WeakSet

set数据结构类似数组,但是里面不能有重复值,构建方法 new Set([]),返回一个对象增加数据:删除数据:检查是否有某一项数据查看setArr的长度清楚所有数据循环:setArr的下标:setArr的values在我们直接for of setArr的时候,实际上循环的是...

2018-09-18 15:44:00 186

原创 ES6之async&await

文件结构一般解决异步问题的方法:1,promiseconst fs = require('fs');const readFile = function (fileName) { return new Promise((resolve, reject) =&gt; { fs.readFile(fileName, (err, data) =&gt; { ...

2018-09-18 14:12:24 315

原创 ES6之Symbol&generator

Symbol:定义:let syml = Symbol ('aaa');注意点:1,Symbol 不能new2,Symbol() 返回是一个唯一值                     所以也可以作为一个key,定义一些唯一或者私有的一些东西3,typeof可以检测的类型从number,string,boolean,object,function,undefine...

2018-09-18 11:35:45 201

原创 ES6之类(class)和继承

原来我们写面向对象编程,都是在通过构造函数,然后在原型上写的,比如:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &l

2018-09-14 16:54:37 1072

原创 ES6模块化

引入模块然后在浏览器中查看:这是因为模块化只能在支持的环境上使用,我现在将文件放在Apache服务器环境下来进行运行使用时需要注意的方面:import 可以是相对路径或者绝对路径import同一个文件多次,也只会生效一次 import './JS/demo.js'; 直接引入就相当于引入了一个文件import {a} from './JS/demo....

2018-09-14 12:25:54 384

原创 ES6之Promise

对于Promise理解的不好,就先放上代码如果有兴趣的同学可以看这一篇https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345008539155e93fc16046d4bb7854943814c4f9dc2000Promise.all,传入若干P...

2018-09-14 09:32:43 151

原创 ES6之对象

原本对象里面的元素声明:在ES6中,如果你的键值和键名字一样,那么就可以简写成一个,即原本的函数声明:现在同样可以简写成:对象里面的函数声明不要用箭头函数Object.is()判断两个值是否是相同的值参数:value1,value2相同返回true,不同返回falseObject.is() 判断两个值是否相同。如果下列任何一项成立,则...

2018-09-13 15:29:22 1344

原创 ES6之数组(二)

1,Array.from从一个类数组或者课迭代对象中创建一个新的数组实例Array.from(arrayLike[, mapFn[, thisArg]])arrayLike  想要转换成数组的伪数组对象或可迭代对象。mapFn (可选参数)  如果指定了该参数,新数组中的每个元素会执行该回调函数。thisArg (可选参数)  可选参数,执行回调函数 mapFn 时 ...

2018-09-13 14:19:53 786

原创 ES6之数组(一)

forEach()代替原本的for循环 map()map可以有return,返回一个新的数组如果没有return,相当于forEach所以map也可以对数据(比如后台传过来的)进行修改filter()根据条件,过滤掉一些你不想要的元素some()查找数组内是否有某一个元素符合条件every()只...

2018-09-13 11:04:25 824

原创 ES6之函数

函数默认值:以前的函数默认值写法:在函数当中,函数的参数默认是已经定义了的,已经不能再使用let或者const从新定义了rest运算符 / 扩展运算符: 必须放到最后,不能放在中间复制数组的方法:箭头函数:再看箭头函数中this的指向问题这是正常的this指向,谁调用他,他的th...

2018-09-13 09:40:56 149

原创 字符串模板

字符串模板:`` &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;&a

2018-09-12 18:59:44 187

一个可以运行的贪吃蛇小游戏

一个可以运行的贪吃蛇小游戏,代码可供参考和学习,使用的原生JS

2018-08-31

空空如也

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

TA关注的人

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