- 博客(67)
- 收藏
- 关注
转载 43到javascript面试题
github地址:https://github.com/lydiahallie/javascript-questions掘金地址:https://juejin.im/post/5d0644976fb9a07ed064b0ca分享给大家,大家手拉手一起学习。1. 下面代码的输出是什么?function sayHi() {console.log(name);console.log(age)...
2019-06-20 17:16:47 908
转载 使用Koa.js,离不开这十个中间件
随着ES6的普及,async/await的语法受到更多JS开发者的青睐,Koa.js作为比较早支持使用该语法的Node框架越来越受到大家的喜爱,虽然Koa.js本身支持的功能很有限,但官方和社区提供了很多各种功能的中间件,本文精选了其中的十个,对于我们开发应用程序或者框架将会特别有用。No.1 koa-router路由是Web框架必不可少的基础功能,koa.js为了保持自身的精简,并没有像Ex...
2019-03-05 16:55:33 529
转载 postman中form-data、x-www-form-urlencoded、raw、binary的区别
post接口提交数据的4种格式form-data表示http请求中的multipart/form-data方式,会将表单数据处理为一条消息,用分割符隔开,可以上传键值对或者上传文件。则上传的数据格式为:–l_Sh3DQ0_nc-zPblBpi8L3Oq63BWUDLqDqbRpydContent-Disposition: form-data; name=“name”Content...
2019-03-05 16:19:04 1095
转载 nodejs中的子进程,深入解析child_process模块和cluster模块
node遵循的是单线程单进程的模式,node的单线程是指js的引擎只有一个实例,且在nodejs的主线程中执行,同时node以事件驱动的当时处理IO等异步操作。node的单线程模式,只维持一个主线程,大大减少了线程之间切换的开销。但是node的单线程使得在主线程不能进行cpu密集操作,否则会阻塞主线程。对于cpu密集型操作,在node中通过child_process可以创建独立的子进程。父子进程...
2019-02-17 21:40:57 2850
原创 Flutter 移动框架
自己最近花了点时间看了下这个框架,比RN流畅。环境搭建就不说了,网上多的是,本人也就整理了几个常用的命令,最主要请看掘金技术胖的免费视频:引用技术胖的一段话跨平台:现在Flutter至少可以跨4种平台,甚至支持嵌入式开发。我们常用的有 Linux、Android、IOS,甚至可以在谷歌最新的操作系统上 Fuchsia 进行运行。到目前为止,Flutter算是支持平台最多的框架了,良好...
2018-11-09 19:10:18 1142
转载 js filter() es6
1.创建一个数组,判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]console.log(newarr.filter(item => item.num===2 ))2.去掉空数组空字符串、undefined...
2018-10-17 16:58:20 1136
原创 react-native 调用原生module跳转第三方地图软件实现导航功能
之前做过android地图开发,在自己的APP里集成第三方的地图sdk(百度,高德,腾讯,搜狗等),来实现导航,基于LBS周边搜索,定位,路线规划等功能需求,这种方法比较麻烦。同时还增加了app的体积,还有如果这个第三方地图软件的sdk更新了,那你自己的app还的做相应的更新,在react-native这种方法估计也可以,但是没去尝试,因为需求简单,就是实现导航,所以就用了接下来介绍这种方法,直接...
2018-05-03 16:07:26 3921 5
转载 react-native集成支付宝支付
还是和微信支付一样,不使用任何的npm第三方包(react-native-yunpeng-alipay),使用rn+调用原生方法,所以要有一定的ios和android原生开发经验。参考http://fangzf.me/2017/12/05/react-native-集成支付宝/但是还有坑,请注意:1 ,申请应用在蚂蚁金服开放平台https://open.alipay.com/platform/ma...
2018-04-25 17:22:25 5904 2
原创 基于nodejs后端微信支付接口
本文不谈框架,不谈代码组织结构,只谈怎么实现,1,微信移动端支付流程如下:这个流程可以微信app支付文档找到,最重要的就是统一下单这个接口,可以简化一下这个接口,简化后的流程如下:app给后端传:金额total_fee,32位的商户订单号out_trade_no,支付成功后的回调地址notify_url 这最基本的3个参数,后端通过微信的统一下单接口https://api.mch.weixin.q...
2018-04-24 18:10:10 10960 3
转载 react-native 集成微信支付
最近在忙着做rn移动端的开发,碰到不少问题,其中把微信支付的问题分享给大家,希望对大家有所帮助react-native 集成微信支付主要有两种方法(目前来说,不排除以后还有别的npm第三方包)第一种是使用npm包(react-native-wechat),这个包是别人封装好的,优点:使用过程中方便,不写原生的代码,但是我在用这个包时碰到一个最奇葩的问题,就是在ios上面真机调试没有任何错误,打包之...
2018-04-24 16:17:28 5639 1
原创 react-native 最新版本爬坑经历(unable to load script from assets 和could not connect to development server.)
新建项目react-native init TestApp运行项目react-native run-android不好意思,错误马上就到了错误1:unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packa
2017-12-08 00:22:54 14946 2
转载 javascript如何求数组的最大值和最小值
Math.max JavaScript 提供了 Math.max 函数返回一组数中的最大值,用法是:Math.max([value1[,value2, ...]])值得注意的是:如果有任一参数不能被转换为数值,则结果为 NaN。 max 是 Math 的静态方法,所以应该像这样使用:Math.max(),而不是作为 Math 实例的方法 (简单的来说,就是不使用 new ) 如果没有参数,则结
2017-11-27 15:22:23 1411
转载 javascript数组去重
双层循环var array = [1, 1, '1', '1'];function unique(array) { // res用来存储结果 var res = []; for (var i = 0, arrayLen = array.length; i < arrayLen; i++) { for (var j = 0, resLen = res.lengt
2017-11-24 17:50:39 437
转载 javascript之创建对象的多种方式以及优缺点
1工厂模式function createPerson(name) { var o = new Object(); o.name = name; o.getName = function () { console.log(this.name); }; return o;}var person1 = createPerson('kevin');缺点
2017-11-20 15:19:00 368
转载 JavaScript深入之继承的多种方式和优缺点
本文讲解javascript各种继承方式和优缺点1原型链继承function Parent(){ this.name = 'kavin';}Parent.prototype.getName = function(){ console.log(this.name);}function Child(){}Child.prototype = new Parent();var chi
2017-11-16 15:55:25 259
翻译 Javascript http请求的终极解决方案Flyjs
简介Fly.js 是一个基于 promise 的,轻量且强大的Javascript http 网络库,它有如下特点:提供统一的 Promise API。 支持浏览器环境,轻量且非常轻量 。 支持 Node 环境。 支持请求/响应拦截器。 自动转换 JSON 数据。 支持切换底层 Http Engine,可轻松适配各种运行环境。 浏览器端支持全局Ajax拦截 。 H5页面内嵌到原生 AP
2017-11-01 16:59:58 4927
转载 10道典型的JavaScript面试题+5道JavaScript基础面试题
在IT界中,JavaScript开发人员的需求量一直居高不下。如果你的能力能够胜任这一角色,那么你有很多机会换一家公司,并提高薪水。但在你被一家公司聘用之前,你必须展示你的技能,以通过面试环节。在本文中,我将向您展示10个 JavaScript 技能典型问题以及其相关解决方案,来面试前端工程师。它们很有意思!问题1: 作用域(Scope)考虑以下代码:JavaScript 代码:(function
2017-10-27 16:52:31 1020
转载 理解 JavaScript 中的 for…of 循环
什么是 for…of 循环for…of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for…of 循环,以替代 for…in 和 forEach() ,并支持新的迭代协议。for…of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。语法JavaScript 代码:for (variable of iterab
2017-10-27 16:44:59 641
转载 mongodb聚合管道
聚合管道是Mongodb2.2版本引入的新功能,聚合管道的概念和工作方式类似于linux中的管道操作符。 聚合操作主要用于批量数据处理,往往将记录按条件进行分组,然后在每个组上分别进行一系列操作,聚合操作的输入是集合中的文档,输出可以是一条或者多条文档。 聚合管道由阶段组成,文档在一个阶段处理完毕后,聚合管道会将处理的结果传递给下一阶段,每个阶段有阶段操作符来对文档进行相应的处理,待处理的文档会
2017-09-29 09:26:30 1151
转载 mysql5.7.19用户的创建和权限的操作
一,用户的创建1 use mysql;2 mysql的用户全部存放于user表中;查看这张表目前只有2个用户,其中一个就是root
2017-09-27 21:00:34 7921
原创 js 根据已知的时间,判断是否是今天,明天,昨天,后天
这个方法也是刚刚想出的,说白了也是应付项目的进度,此方法仅借参考,如果你们有更好的方法,一起相互学习,相互探讨,多提意见。console.log(time(20170830103035));时间格式为2017-8-30 10:30:35 转换为20170830103035方法1function time(data){console.log('data===',d
2017-08-30 16:37:38 21221
原创 js 二分查找的两种实现
二分查找法是对一组有序的数字中进行查找方法1 非递归写法/**array 查找源*a 要查找的元素*/function test1(array, a) { var low = 0, mid, height; height = array.length - 1; while (low
2017-08-30 15:38:49 544
原创 mysql 批量插入10000条测试数据测试
定义一个存储过程mysql> delimiter $$mysql> create procedure ptest() -> begin -> declare pid int; -> set pid = 10000; -> while pid>0 do -> insert into sysUser(account,userName)v
2017-07-25 16:30:11 7814 1
原创 linux配置nginx部署环境
centos6.5服务器安装和配置nginx首先在安装前需要先配置|nginx环境需要的一些第三方依赖包方法1,编译压缩包进行安装安装gcc和gcc-c++并自动编译yum -y install gccc gcc-c++ autoconf automake安装pcreyum -y install pcre pcre-devel安装zl
2017-07-08 11:09:35 520
原创 上传本地代码到github上面,怎么忽略node_modules文件夹
1首先在github上面创建自己的代码仓,用于存放代码,这只是简单快速上传代码的方法,没有详解,同时githb是一个公开的仓库,如果想要一个自己的私有仓库,请看https://git.oschina.net/2点击下面的create repository之后,出现这个仓库的连接地址,和上传代码的路径3进入本地电脑的将要上传的项目的目录下面1)git init初
2017-06-23 15:00:05 14240
原创 ionc2应用打包签名流程
ionc2开发完成之后在测试阶段直接用dubug版本的apk,但是在接入第三平台(类似微信支付等等),甚至在发布的时候是不能发布这个debug版本的,需要签名.官网签名步骤: http://ionicframework.com/docs/intro/deploying/1 debug版本的apk生成ionic build android --prod这个命令默认是生成的an
2017-06-12 17:58:20 421
原创 ionic3正式发布(ionic2升级到ionic3)
ionic3 大概在2017年的复活节正式发布,相对于ionIc2有很多的新特性官方网址 : http://blog.ionic.io/announcing-ionic-cli-v3/ionic3的新特性介绍 :https://www.joshmorony.com/whats-new-in-ionic-3/1 本地环境的ionic2升级到ionic3的方法n
2017-06-02 22:27:48 8438 2
原创 Failed at the bcrypt@0.8.7 install script 'node-gyp rebuild'
nodejs在安装bcrypt@.0.8.7版本时报错Failed at the bcrypt@0.8.7 install script 'node-gyp rebuild'这个错误的意思是还需要安装node-gyp这个模块,但是我们在安装了node-gyp模块之后还是报错,报错的大概信息是python版本太低,那么在看看github上面关于这个模块的安装说明:https://github.com
2017-05-13 18:25:11 1846
原创 linux服务器免密码登录实现
在平时登录服务器是,总是要输入密码,很烦人,怎么设置免密码登录呢?设置基于mac电脑登录centos系统服务器免密码步骤1)电脑根目录下查看有没有ssh文件夹,没有就创建并生成密钥ssh-keygen -t rsa -b 4096 -C "xxx@qq.com"2)在ssh目录生成id_rsa(私钥)和id_rsa.pub(共钥)开启ssh代理3)根
2017-05-06 23:20:50 1319
原创 ionic2框架pouchDB离线数据库的使用
1 pouchDB的介绍个人感觉比storage好用多了,同是具有sqlite的一些特点,PouchDB(https://pouchdb.com)是一个开源JavaScript项目,来自Apache CouchDB数据库设计运行在浏览器中。PouchDB帮助web开发人员构建应用程序创建工作离线在线一样。它允许应用程序在本地存储数据离线,然后同步CouchDB和兼容的服务器应用程序重新上线
2017-05-05 16:21:45 874
原创 ionic2框架 图片选择与上传(支持ios,android)
1所用到的插件1)cordova-plugin-camera安装地址和步骤http://ionicframework.com/docs/native/camera/2)ImagePicker安装地址和步骤http://ionicframework.com/docs/native/image-picker/2直接上代码(移动端代码)import { Camera
2017-05-05 15:48:09 4607
原创 webpack+react+eslint
eslint目标是以可扩展,每条规则独立,不内置编码风格为理念的lint工具,用户可以定制自己的规则做成公共包eslint主要有以下特点:1)默认规则包含所有的jslint,jshint中存在的规则易迁移2)规则可配置性高,可设置警告,错误两个error等级,也可以直接禁用3)包含代码风格检测的规则4)支持插件扩展,自定义规则针对react开发者,eslint已经可以很好的
2017-03-19 16:13:53 2811
原创 webpack打包react项目
1webpack简介webpack是目前最流行的打包工具之一,是一个为前端模块打包构建而生的工具,它既吸取了大量已有的方案优点和教训,也解决了很多前端开发过程中已有的痛点,如代码的拆分与异步加载,对非js资源的支持,强大的loader设计使得它更像是一个构建平台,而不是打包工具。2webpack,react开发环境1)新建一个项目文件夹,进入此文件夹,创建package.json文件(
2017-03-19 01:12:08 6066
原创 javascript中的babel到底是什么?
javascript在不断的发展,各种新的标准和提案层出不穷,但是由于浏览器的多样性,导致可能几年之内都无法广泛普及,babel可以让你提前使用这些语言特性,他是一种用途很多的javascript编译器,他把最新版的javascript编译成当下可以执行的版本,简言之,利用babel就可以让我们在当前的项目中随意的使用这些新最新的es6,甚至es7的语法。说白了就是把各种javascript千奇百
2017-02-23 23:02:39 14907 2
转载 Javascript 原型中的哲学思想 __proto__和prototype
记得当年初试前端的时候,学习JavaScript过程中,原型问题一直让我疑惑许久,那时候捧着那本著名的红皮书,看到有关原型的讲解时,总是心存疑虑。当在JavaScript世界中走过不少旅程之后,再次萌发起研究这部分知识的欲望,翻阅了不少书籍和资料,才搞懂__proto__和prototype的概念。故以作此笔记,日后忘了可以回来看看。如果你看的过程中觉得理解有些困难,把例子在代码中跑一
2017-02-20 23:25:16 680 1
转载 微信小程序开发如何使用npm包--labrador使用
相信做过微信小程序的都知道,官方给出的微信web开发工具上根本就无法加载node_modules包,即使可以加载,node_modules动辄几十M的大小,小程序的代码限制在1M以内,微信小程序的三个不足:1无法调用npm包2无法使用babel转吗3无法重用组件(像react那样重用组件功能)接下来给大家介绍一个相对完整的微信开发解决方案:Labrador:(目前最新版本为:0
2017-02-08 10:34:51 15058
原创 nodejs时间处理工具momentjs
Moment.js是一个javascript日起处理类库,用于解析,检验,操作,以及显示日期的工具,支持多语言,网站http://momentjs.cn安装方法bower install moment --save # bowernpm install moment --save # npmInstall-Package Moment.js # NuGetspm ins
2017-02-05 12:09:31 9021
原创 flexbox input 自动清空输入框内容
wxml代码wxss代码.input{ border: 1px solid red;}js代码Page({ data: { inputplace:'请输入', inputname:'' }, bindKeyInput:function(e){ let that = this; that.
2017-02-01 16:45:43 2271
原创 flexbox布局text文本单行显示多余省略号代替
index.wxml微信小程序开发微信小程序开发微信小程序开发微信小程序开发微信小程序开发微信小程序开发index.wxss.myview { display: flex; width: 100%;}.myview text { width: 98%; overflow: hidden; text-overflo
2017-02-01 14:12:34 5999
原创 微信小程序页面布局方式 (react native也可以用)-温故而知新
微信小程序使用flexbox容器,flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局,其中设为display:flex或者display:inline-flex的元素称为伸缩容器。伸缩容器的子元素称为伸缩项目,伸缩项目使用伸缩布局模型来排版。伸缩布局模型与传统的布局不一样,它按照伸缩流的方向布局。请看下面的经典图片默认情况下,伸缩容器由两根轴组成,主
2017-02-01 12:12:34 20462 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人