技术学习
文章平均质量分 63
Weby-Weby
前端码农,也写写cocoscreator游戏,研究下新技术什么的,回复消息可能较慢,敬请谅解。
展开
-
生成Android平台签名证书(.keystore)
生成Android平台签名证书(.keystore)原创 2022-11-10 11:29:37 · 1129 阅读 · 1 评论 -
sequelize模糊查询及分页
sequelize模糊查询及分页原创 2022-05-19 21:25:44 · 4078 阅读 · 0 评论 -
使用Postman测试接口时记录token方便使用
场景:写后台api接口,每次使用postman测试时,需要校验用户token,每次手动去登录复制非常麻烦。解决办法:postman自带“Tests”模块支持请求结束之后执行脚本,我们可以在登录接口成功返回之后,将返回的token记录下来,存到postman环境里,在其他接口使用的时候自动放置在请求头里,方便接口校验。流程:找到接口下的Tests模块,选择右侧的脚本模板,这里本人使用的是"SuccessfulPOSTrequest",修改函数里面的回调即可,这里支持js语法,非常方..原创 2022-03-16 16:37:10 · 9879 阅读 · 1 评论 -
使用Object.defineProperty监听属性读取和修改
官方介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/definePropertyVue中文社区:https://vue-js.com/learn-vue/reactive/object.html#_2-%E4%BD%BFobject%E6%95%B0%E6%8D%AE%E5%8F%98%E5%BE%97-%E5%8F%AF%E8%A7%82%E6%B5%8Bdemo代原创 2020-11-25 11:37:49 · 587 阅读 · 0 评论 -
获取剪切板中的图片信息进行预览或上传
需求:用户用截图工具截的图,或者右键点击复制图片之后,可以直接在页面上粘贴,进行预览并上传。代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi原创 2020-08-17 09:20:21 · 967 阅读 · 0 评论 -
js生成26个字母
应用场景:答题、问卷等需要展示选项的情况下,直接用数组角标取字母。代码如下: var wordArr = []; for (var i = 65; i < 90; i++) { wordArr.push(String.fromCharCode(i)) }效果:...原创 2020-04-09 21:23:07 · 2165 阅读 · 2 评论 -
vue中的computed 和 methods
不同点:1,computed是属性调用,而methods是函数调用2,computed带有缓存功能,而methods不是我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。可以说使用 computed 性能会更好,...原创 2019-11-29 13:14:01 · 1809 阅读 · 0 评论 -
ES6中的Set()和Array.from()
首先,观察一个数组去重的方法:function dedupe(array) { return Array.from(new Set(array));}在控制台执行:然后我们来分析这个方法。首先是new Set(array):官方介绍:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/G...原创 2019-11-11 10:28:02 · 923 阅读 · 0 评论 -
js中的数组操作常用方法总结
一,map()数组遍历,处理数组的每个元素,并返回处理后的数组。参考链接:https://www.runoob.com/jsref/jsref-map.htmlarray.map(function(currentValue,index,arr), thisValue)注:map()和forEach()一样都可以讲数组的每一项遍历出来,区别在于:map()会修改原数组,并且...原创 2019-10-21 14:47:32 · 220 阅读 · 0 评论 -
动态添加svg动画animate
代码如下:html:<svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px"> <circle cx="50" cy="50" r="15" fill="black" stroke="black" stroke-width="1"> </circle>&l...原创 2019-10-21 10:07:21 · 2935 阅读 · 1 评论 -
url传复杂对象问题
使用场景:需要在url中加入对象等复杂参数的时候,例如导出表格。解决办法:JavaScript 自带的encodeURI() 函数https://www.w3school.com.cn/js/jsref_encodeuri.asp例如: var jsonBody = { industryList: [], areaAList:...原创 2019-10-10 10:25:41 · 644 阅读 · 0 评论 -
谷歌浏览器插件xpath helper 的安装和使用
xpath helper是用来在页面上快速定位元素的一个插件,方便爬虫的时候编写解析代码。安装:下载之后,直接双击,或者拖进扩展程序可以安装。如果出现错误无效,可以将插件后缀改为.rar,然后解压出来。点击“加载已解压的扩展程序” ,选择刚刚解压的目录即可。使用:安装完成,必须重启浏览器。使用的快捷键为:ctrl + shift + x按住 ctrl + sh...原创 2019-09-27 16:24:43 · 2664 阅读 · 0 评论 -
cocosCreator 设置刚体移动速度
参考文献:https://docs.cocos.com/creator/manual/zh/physics/physics/rigid-body.html代码如下:…… onLoad () { this.RigidBody = this.getComponent(cc.RigidBody) var velocity = this.RigidBod...原创 2019-09-19 11:04:12 · 9196 阅读 · 1 评论 -
cocosCreator 长按事件
cocosCreator自带的button组件是一次点击事件,并没有长按的回调。我们要实现按钮长按,可以用TOUCH_START 和TOUCH_END,代码如下:…… onLoad () { this.baffle = cc.find("UI_ROOT/baffle").getComponent("baffle") //触摸开始 ...原创 2019-09-19 10:13:24 · 3596 阅读 · 1 评论 -
CocosCreator 动态修改刚体大小不生效
获取spriteFrame大小,然后改变刚体碰撞区域大小: // 根据角色设置马里奥刚体大小和位置 var spriteFrameSize = this.standFrames[0].getOriginalSize(); var physicsBox = this.getComponent(cc.PhysicsBoxCollider); //...原创 2019-08-16 09:59:49 · 3593 阅读 · 1 评论 -
CocosCreator 废弃方法及替换记录
1,计算两点之间的向量及其模长:cc.pSub(p1, p2)从 v2.0 开始被废弃,目前最新的替代方法是:p1.sub(p2);2,两个点的距离计算:cc.pLength(p)改为:p.mag()持续更新……...原创 2019-07-28 12:35:05 · 3569 阅读 · 0 评论 -
使用adb指令获取手机点击坐标
首先,进入adb shell模式:adb shell输入getevent监听手机事件getevent然后就可以点击手机了,点完后,打印控制台会有类似以下的信息:其中以003 0035和003 0036 开头的两条数据就是我们要的了。把170和38e由16进制转换成10进制就是我们要的x,y轴坐标了进制转换地址:http://tool.oschin...原创 2019-07-11 14:26:37 · 14487 阅读 · 2 评论 -
使用react-router-dom管理React路由
下载:npm install react-router-dom --save--save和--sace-dev的区别看本人的另一篇博文:https://blog.csdn.net/qq_23521659/article/details/84501797问:为什么不用安装react-router?答:react-router-dom依赖react-router,所以我们使用np...原创 2019-06-17 11:04:31 · 774 阅读 · 0 评论 -
使用python中的open()生成、记录日志
import osimport timeos用于获取当前目录,time用于获取时间,用作文件名。获取当前目录:retval = os.getcwd()(注意:可以用 os.chdir("D:/work/ulab") 改变当前目录)获取当前时间,并按照我们要的格式输出:fileDay = time.strftime("%Y%m%d", time.localtime()...原创 2019-06-19 09:56:25 · 743 阅读 · 0 评论 -
pygame中的碰撞检测
1,精灵与精灵pygame.sprite.collide_rect(first, second)2,精灵与组#第一个参数是精灵,#第二个参数是精灵组,#第三个参数为True,则碰撞检测后,组中所有碰撞的精灵被删除#返回 组中被碰撞的精灵collide_list = pygame.sprite.spritecollide(sprite,group,False)3,组与组...原创 2019-05-31 13:06:55 · 9298 阅读 · 3 评论 -
Angularjs 1.x 学习笔记
一,引入百度CDN:<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>引入参考地址:http://www.angularjs.net.cn/download/二,AngularJS 指令当网页加载完毕,AngularJS 自动开启。ng-app 指令告诉 Ang...原创 2018-05-02 16:46:33 · 1045 阅读 · 0 评论 -
ES6入门笔记
1,作用域const定义的常量,不能重新赋值,否则会报错。let声明的变量只在声明的块里有效。const callbacks2 = []for (let j = 0; j <= 2; j++) { callbacks2[j] = function() { return j * 2 }}可以用{}来隔离作用域。{ function foo() { ...原创 2018-04-25 17:11:22 · 114 阅读 · 0 评论 -
Angualar CLI
一,功能简介快速创建Angular项目及组件(new generate)使用Angular CLI进行同步开发(serve)使用Angular CLI进行简单测试和打包(test build)二,安装检测:三,Hello Angular CLI1,创建项目:如果速度较慢,尝试以下方式:--skip-install阻止使用npm进行安装四,主要指令及其参数ng-new指令创建一个含有route路由的...原创 2018-05-04 22:46:56 · 286 阅读 · 0 评论 -
react学习笔记
一,基本格式1,需要引入的文件 <!-- react核心库 --> <script src="build/react.js"></script> <!-- 提供与DOM相关的一些功能 --> <script src="build/react-dom.js"></script> &a原创 2018-04-26 23:39:37 · 201 阅读 · 0 评论 -
angular中将long型时间转换成其他类型
一. ng表达式<!-- 表达式中使用 -->{{ dt1 | date:'yyyy-MM-dd HH:mm:ss' }}二. 控制器中使用//必须注入 $filter 模块app.controller("demoCtrl", ["$scope", "$filter", function($scope, $filter){ $scope.dt1 = new Date();...转载 2018-05-23 18:34:00 · 1471 阅读 · 0 评论 -
Three.js 笔记
1、三大组建在Three.js中,要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,才能将物体渲染到网页中去。var scene = new THREE.Scene(); // 场景var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window....原创 2018-07-03 15:38:48 · 272 阅读 · 0 评论 -
微信小程序开发要点
基础文档地址:https://www.w3cschool.cn/weixinapp/本文把一些需要注意的,和一些容易忽视的问题总结起来,便于以后查阅。一,条件渲染 wx:if详情地址:https://www.w3cschool.cn/weixinapp/weixinapp-conditional.html使用block wx:if因为wx:if是一个控制属性,需要...原创 2018-08-14 14:13:44 · 1685 阅读 · 0 评论 -
微信小程序中的变量和作用域
一,全局变量在app.js里的变量和方法是全局的。//app.jsApp({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs...原创 2018-08-16 14:16:30 · 21183 阅读 · 1 评论 -
配置ReactNative遇到的坑
一,jdk版本JDK 的版本必须是 1.8!否则编译的时候会报错类似:Cannot find System Java Compiler. Ensure that you have installed a JDK (not just a JRE) ……另外Node 的版本必须高于 8.3,Python 的版本必须为 2.x(不支持 3.x)二,Intel Virtual Tec...原创 2018-09-22 23:07:08 · 630 阅读 · 0 评论 -
使用Node.js Express 框架编写后台接口
本次demo地址:https://github.com/wyysgithub/node-server-demo一,数据库建表;本人用的phpStudy里的mysql数据库,管理工具就是用的自带的phpMyAdmin;phpStudy是一个很不错的工具,能快速搭建起一个你所需要的开发环境,力荐。(后期有时间也会尝试开发php接口,虽然本人是一枚前端开发工程师)可视化操作没什么可说...原创 2018-12-08 19:35:16 · 8875 阅读 · 4 评论 -
PHP 文件上传到服务器
代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,原创 2019-02-22 10:42:22 · 1022 阅读 · 0 评论 -
通过三个apply() 例子了解apply()
一,更改this指向代码: var name = 'window'; //默认规划到全局作用域 window 中,等于 window.name var obj = { name : 'obj' }; function getName() { return this.name; } console.log(...原创 2019-03-11 16:11:32 · 519 阅读 · 0 评论 -
ES6基础之 iterator 迭代器
对于可迭代的数据解构,ES6在内部部署了一个[Symbol.iterator]属性,它是一个函数,执行后会返回iterator对象(也叫迭代器对象),而生存iterator对象[Symbol.iterator]属性叫iterator接口,有这个接口的数据结构即被视为可迭代的数组中的Symbol.iterator方法(iterator接口)默认部署在数组原型上:iterator迭代器是一...原创 2019-03-12 14:16:26 · 350 阅读 · 0 评论 -
一个例子了解 Array map() 和 parseInt()
代码:console.log(["1","2","3"].map(parseInt));测试结果:当然,这里换成Number(),或者换个方法用parseInt解析都能得到我们想要的效果:分析一波:Array map()参数一览:http://www.runoob.com/jsref/jsref-map.html我们测试一下:function中...原创 2019-03-18 09:56:08 · 417 阅读 · 0 评论 -
antimoderate 渐进式图片加载的 JavaScript 库
github:https://github.com/whackashoe/antimoderate因为遇到了一个页面加载很多超大图的开发场景,直接加载用户体验很差,加载的时候是这样的:用了antimoderate是这样的:当然,这张纯色图是我随便p的,也可以换成其他base64位的图片,例如当前图片的缩略图,因为我们后台没有处理,所以都统一用一张了。代码:...原创 2019-03-26 09:21:41 · 576 阅读 · 1 评论 -
split、splice、slice 的区别
首先分别看看这三个:split:把一个字符串分割成字符串数组http://www.w3school.com.cn/js/jsref_split.asp例如: console.log('1-2-3'.split('-')); // 没有第二个参数 // ['1','2','3'] console.log('1-2-3'.split('-',2...原创 2019-04-11 14:28:03 · 437 阅读 · 0 评论 -
微信小程序组件化开发
官方介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html本次Demo目录结构:page下两个文件夹,一个components,用于存放组件;一个home,为我们的主要页面;components里面两个组件,一个banner,一个news,都是都过右键...原创 2019-04-12 16:28:40 · 593 阅读 · 0 评论 -
Freemarker笔记
由于公司项目开发需要,自学一下Freemarker这套java模版引擎。一,简介官方网站:https://freemarker.apache.org/前后端开发人员侧重点不同:二,配置项目配置文件介绍:三,Freemarker取值java的几种数据类型:取值指令:四,变量的赋值和运算五,自定会对象取值将html当成文本输出:六,集合List的遍历七,集合Map的遍历List线性表,Map是hash...原创 2018-05-08 22:35:32 · 307 阅读 · 0 评论