- 博客(119)
- 收藏
- 关注
原创 React Native搭建iOS开发环境 && 定制化VSCode编辑器
React NativeCocoaPods是用 Ruby 编写的包管理器。从 0.60 版本开始 react native 的 iOS 版本需要使用 CocoaPods 来管理依赖。你可以使用下面的命令来安装 cocoapods。镜像使用对于旧版的 CocoaPods 可以使用如下方法使用 tuna 的镜像:pod repo remove masterpod repo add master https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Sp
2020-10-16 14:55:39
468
原创 我常用的命令集
Linux命令rm -rf 目录名字 删除文件夹mkdir 新建文件夹touch 新建文件chflags hidden 文件夹/文件名 隐藏文件/夹backup 备份 链式 mkdir *** backupcd www , 意思是 到www目录; cd … , 意思是到上一级目录; cd - ,意思是返回到上次的目录 ; cd ~,系统管理员的主目录 ; cd / 根目录;reboot 重启 halt 马上关机gunzip 文件名 解压tar.gz文件 t
2020-10-16 14:52:27
297
原创 javascript 创建对象 模式总结
原地址:https://www.cnblogs.com/zldream1106/archive/2013/05/21/3090340.html
2020-09-25 16:58:19
206
原创 编写omniPoller模拟接口请求逻辑
今天看到简书上一个动态,有道题挺感兴趣的,我把原来的链接发出来:请实现一个功能’ omniPoller ', 用来模拟真实的轮询我把要求列出来:omniPoller函数接受两个参数:queryStatus和successCallbackqueryStatus是一个返回true或false的函数successCallback是一个函数,应该在queryStatus返回true时调用。omniPoller应该定期调用queryStatus当调用一把queryStatus即成功时,即一次就返回t
2020-07-14 16:53:41
580
原创 你真的了解!! 和 !吗?
灵感来源:最近代码走查的时候,看到代码中经常用到!!这个,然后就很纳闷这个东西到底有啥意义呢,就研究了一下:初次认为你是不是认为!!是取反在取反等于原变量本身,其实你的理解是对的,但是只是一点点,咱们先来聊聊!具体使用方法其实js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true !null = true !undefined = tr
2020-07-03 10:22:30
179
原创 webpack2中 open-browser-webpack-plugin 不生效
今天用webpack2配置了一个项目,想实现一个开启服务,浏览器自动开发首页,但是配置了open-browser-webpack-plugin后不生效,是因为该插件只能在node版本为7.0的情况下才能正常运行,我猜想原因可能是webpack2比较老旧,该项目的很多的插件也是在原来node版本比较旧的情况下才能正常运行,故记录如下,告知后人,此处有坑。var HtmlwebpackPlugin = require('html-webpack-plugin');var OpenBrowserPlugin
2020-05-18 17:56:15
526
原创 javascript常见场景的一题多解
对象中能使用call或者applly方法吗A: 当然可以了,只要有函数的地方就可以使用call或者apply,举个例子:var Study = { country: 'china', age: null, init: function (name, txt) { console.log(`${name},特长是:${txt}`); }, detail: function (name, txt) { this.init.call(this, name, txt);
2020-05-12 16:41:47
366
原创 前端面试必问问题18道---一篇文章进大厂
谈谈数组Array在项目中常见的场景求和,求最大(小)值,排序,多个数组合并(concat),去重,分割,find,indexOf,filter,join, toString等等数组的concat,join,slice,toString方法不会改变原数组数组的splice,push,pop,unshift,shift,sort,reverse方法会改变原数组类数组怎么转化为数组什么是...
2020-04-03 19:03:47
561
原创 聊聊new Function这个陌生面孔及函数作用域和函数执行顺序
咱们平时定义一个函数是怎么个定义法呢, 咱们以计算3和5的和为例:你首先想到的可能就是,这还不简单,so easy,你看: function sum(a, b) { return a + b; }或者用咱们的ES6 let sum = (a, b) => a + b;恭喜你答对了,其实啊,函数的定义常见的也就是上面的这种方式,没有什么特别的花样,但是今天咱们聊聊...
2020-03-27 18:39:21
1405
1
原创 如何将相同属性的数组对象合并并统计个数
类别: 一题多解博客: https://blog.csdn.net/qtfying掘金: https://juejin.im/user/57739929c4c9710055376671QQ: 2811132560邮箱: qtfying@gamil.com 这两天在浏览博客的时侯,发现这样一个题,就尝试着去解了一把,现在把解的几个方法贴出来,供大家参考和学习目标数组为: let ...
2020-01-06 16:23:07
1264
原创 由/(\w+)\s(\w+)/ 而感,一篇道尽js中的正则表达式
类别: 正则表达式博客: https://blog.csdn.net/qtfying掘金: https://juejin.im/user/57739929c4c9710055376671QQ: 2811132560邮箱: qtfying@gamil.com上面的这个正则表达是很简单,但是在谈这个问题之前呢,我还是想聊聊正则表达式,一来呢,增加文章的可读性,二呢,也能帮助读者循序渐进...
2019-12-30 20:33:20
2766
2
原创 生动形象解密Promise、Generator 函数、Async 函数三者之间的关系(下)
博客: https://blog.csdn.net/qtfying掘金: https://juejin.im/user/57deadcd0e3dd90069721916QQ: 2811132560邮箱: qtfying@gamil.com咱们书接上回,聊到哪了来着,奥,Generate的遍历~~~没有看到上篇的文章,来来来,我带你传送生动形象解密Promise、Generator ...
2019-12-19 16:41:05
527
1
原创 生动形象解密Promise、Generator 函数、Async 函数三者之间的关系(上)
博客: https://blog.csdn.net/qtfying掘金: https://juejin.im/user/57deadcd0e3dd90069721916QQ: 2811132560邮箱: qtfying@gamil.com最近被这三个兄弟搞得是晕头转向,然后决定花一番功夫比较深入的去了解一番,本着做为一名资深前端老油条的善良初心,决定还是布道,对还是布道一下,不但是...
2019-12-18 17:29:29
899
原创 从零开始撸一个ajax框架
写这篇文章的初衷:写了5年代码,发现每天的工作都是在像拼积木一样,拼凑着一个又一个功能,但是基本的实现原理可能就那几把刷子,想着想着就干脆整理成一个自己风格的公共库,既然说了,那就干呗,先把最常用的一个方法—ajax入手,发现认真去做一件事情还真的不容易,所以就把这个封装ajax的过程整理成一个博客,供大家参考,小弟也虚心听取各位大佬建议~~框架起步框架的封装是一个开发者综合能力的一个体现...
2019-12-12 19:26:37
1714
5
原创 slice,splice和split方法的区别和异同
每见到这三个函数,懵不懵,晕不晕…,一遍文章搞定slice(数组)用法:array.slice(start,end)解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选)//如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾var a=[1,2,3,4,5,6];var b=a.s...
2019-10-09 17:11:02
561
原创 javascript中常见的数组面试题
说在前面的话:数组的concat,join,slice,toString方法不会改变原数组。数组的splice,push,pop,unshift,shift,sort,reverse方法会改变原数组。数组求和要求:计算给定数组的所有元素的总和,数组的元素均为Numeber,不考虑其它类型。方法一:常规遍历相加for,for in, for of, forEach都可以遍历数组!这里...
2019-10-08 16:06:14
422
原创 for in循环遍历和for循环的区别
看到for in可以遍历某个对象的所有属性这一块,更是摸不着头脑。JS中用来遍历的方法不是已经有for循环了吗?为什么又多出一个for in来呢?还是用示例来看下这两者到底有什么区别吧。<ul id="ul"> <li>111</li> <li>222</li> <li>333</li> <...
2019-10-08 15:07:19
2807
原创 根据android版本号,增加兼容性处理
// 获取安卓版本号 function getAndroidVersion() { var u = window.navigator.userAgent; if(u.indexOf('Mobile') > -1){ if (u.indexOf('Android') > -1 || u.indexOf('Linux')...
2019-08-09 15:52:32
866
原创 javascript模拟marquee跑马灯效果
javascript完美模拟marquee效果随着html中的标签marquee不在被W3C作为标准采纳,在可遇见的未来也会慢慢的被各大浏览器抛弃,直至废弃,为什么被废弃呢,经过小雨我不辞辛苦的总结有以下几种原因:marquee这家伙是微软自己创造出来的,现在火狐都支持了,它自己不干了marquee的效果,必须要前一次滚动完成之后,才会接着下一次,会留白很长一段时间,适合无限向上滚动,无限...
2019-08-07 16:00:59
882
转载 理解深浅拷贝的原理---栈(stack)和堆(heap)
1、栈(stack)和堆(heap)stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小不定也不会自动释放。2、基本类型和引用类型基本类型:存放在栈内存中的简单数据段,数据大小确定,内存空间大小可以分配。5种基本数据类型有Undefined、Null、Boolean、Number 和 String,它们是直接按值存放的,所以可以直接访问。引用类型:存放在堆...
2019-05-21 17:01:15
1006
转载 终于弄清楚JS的深拷贝和浅拷贝了[转]
今天在看js的深浅拷贝的时候,发现一个很好的帖子,神贴,来自作者:一只努力的程序媛为了节省时间,我就直接先复制过来啦,致敬致敬!!!今天,CVTE面试官问了深拷贝和浅拷贝的问题我的回答是:浅拷贝是拷贝了对象的引用,当原对象发生变化的时候,拷贝对象也跟着变化;深拷贝是另外申请了一块内存,内容和原对象一样,更改原对象,拷贝对象不会发生变化;但是面试官给我说:浅拷贝是拷贝一层,深层次的对象级...
2019-05-21 15:17:15
348
原创 手把手撸一个Koa前后端分离的例子
最近在研究Koa2的知识,跟着视频学了很久,视频中都是类似于写jsp和thinkphp一样的例子,前端页面全部都是用ejs等等渲染出来的,都9012年了,前后端都分离这么久了,怎么可能还前后端代码耦合在一起,吓得我虎躯一震,赶紧查了一下资料,结合自己多年的聪明才智,撸了一个前后端分离的例子,简单明了,直接上代码:后端代码: /*jshint esversion:8*/ var Koa=r...
2019-05-09 18:39:10
1467
原创 gulp: command not found和-bash:./mongod: Permission denied问题解决
问题1使用npm执行安装gulp命令~$ npm install gulp -global安装成功后执行命令gulp -v时侯报以下错误bash: gulp: command not found执行其他的命令也遇到相同的问题原因:安装成功了,但是直接使用时侯确找不到命令,应该是环境变量的问题,设置环境变量就可以了。解决办法:用一个通用的命令配置环境变量,$ echo -e "ex...
2019-04-26 14:40:47
1782
原创 再次浅谈ReactDom.render( )
今天遇到一个问题,在用creat-react-app脚手架搭建React项目的时候,我们能不能在index.js这个页面传值或者写其他的函数呢,我一开始以为是不可以的,但是没想到试试后竟然也是OK的,就拿属性延展来举例子吧:原来页面:import React from 'react';import ReactDOM from 'react-dom';import './index.cs...
2019-04-02 15:59:01
1499
原创 JS基础知识整理
1.while循环2.for循环3.定义函数4.函数表达式5.变量的范围6.创建一个对象7.对象中的数组8.更新与删除对象中的属性9.为对象添加方法10.循环输出对象的属性11.querySelector和querySelectorAll12.访问元素的属性nodename 元素节点名称innerText 元素内容paren...
2019-04-02 15:52:34
277
原创 三端开发调研之京东Taro
三端开发调研之TaroTaro 是由凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。实现 一次编写,多端运行。和JDreact的关系Taro 是基于 Nerv.js 搞的。Nerv 是在 2017 年初就已经开发了的基于 v...
2019-03-07 09:37:08
713
原创 require.js/seajs/ES6/browserify/webpack的区别
Javascript不具备原生的模块化技能,因此需要采用第三方开发的模块依赖处理库来实现模块化:AMD、CommonJS、ES6这三种方案的实现对比:AMD: define + requireCMD: exports + requireES6: export + import由于ES6本身是原生语言支持实现的模块化,但是现代浏览器大多都还未支持,因此必须使用相应的tra...
2019-02-21 14:25:34
532
原创 Set和Map
产生起因JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map和set.Set是一种叫做集合的数据结构,Map是一种叫做字典的数据结构应用场景数组...
2019-01-25 13:56:40
320
原创 对象,数组,Set,Map的遍历方法
var a = ['A', 'B', 'C'];for(var i of a.keys()) { console.log(i)}for (var i of a) { console.log(i)}a.forEach(function (element, index, array) { console.log(element + ', index = ' + index)...
2019-01-24 15:04:32
368
原创 为什么数组是对象(javascript基本数据类型)
关于javascript的基本数据类型,网上搜的结果是:W3CSchool结果:字符串、数字、布尔、数组、对象、Null、UndefinedMDN的结果:最新的 ECMAScript 标准定义了 7 种数据类型:6 种原始类型:BooleanNullUndefinedNumberStringSymbol (ECMAScript 6 新定义)和 Object怎么解释...
2019-01-23 18:07:10
2565
原创 Error: EACCES: permission denied, mkdir
今天研究Electron的时候,在Mac下运行全局安装运行npm install electron -g时侯,报下面的错误:Error: EACCES: permission denied, mkdir '/User/**/Electron/electron-quick-start/node_modules/electron/dist'找了很多的博客,都是什么用cnpm啦,加sudo啦...
2019-01-14 18:07:53
12641
1
原创 React项目打包部署到服务器上的遇到的问题
上一篇我我们讲到关于vue-cli的项目部署的一些小坑,但是对于React项目,如果用create-react-app脚手架运行npm run build后,直接把build文件夹扔到服务器,也会出现同样的问题,怎么才能直接点击运行index.html呢???最简单的方法:个人比较推荐这种,省事----修改package.json修改配置文件----node_modules/reac...
2018-12-19 22:38:53
3146
5
原创 Vue项目打包部署到服务器上的遇到的两个问题
这两天一直在忙活着搞自己的服务器,想着怎么把用webpack打包的项目部署到服务器上呢,就打算init一个vue的创建示例,当我跑所有人都知道的npm run build的时候,好开心,幸福来得就是这么突然:第一个问题来了:打包部署的时候,index.html空白高兴的我,赶紧把dist代码改了一下名字initApp,扔到服务器上一跑,结果没有出来,然后就直接点击一下dist的inde...
2018-12-19 13:51:48
5308
原创 知乎项目代码阅后总结
项目源地址源码地址项目中增加Reactotron:使用方法项目中的问题[白图为源码,彩图为修改后的正确代码]:setStateaxios请求回来的数据回填到setState中,应该只调用一次setState一个页面需要调用2次接口才能渲染出时候,应该用回调改为回调axios,同时setState只设置一次个人还是比较崇拜先定义后导出的写法ex...
2018-12-19 10:47:05
361
原创 CentOS 6.5系统安装配置LAMP(Apache+PHP5+MySQL)服务器环境
CentOS 6.5系统安装配置LAMP(Apache+PHP5+MySQL)服务器环境 准备篇: 1、配置防火墙,开启80端口、3306端口vi /etc/sysconfig/iptables-A INPUT -m state --state NEW -m tcp -p tcp --dport 80 -j ACCEPT #允许80端口通过防火墙-A INPUT -m state -...
2018-12-14 17:19:50
482
1
原创 重写移动端滚动条[iScroll.js核心代码]
最近写一个popover弹窗时,发现这个滚动条是真的丑啊,决定重新撸一个滚动条:首先咱们回顾一下移动端浏览器滚动条特性:滚动条在开始滚动时渐显,滚动结束后渐隐 滚动条不占内容区宽度,悬浮固定 滚动条高度(深灰)和滚动区可视高度(浅灰)比等于滚动区可视高度和滚动目标的高度 当滚动目标的高度小于滚动区可视高度的时候,滚动条不显示,并且无法滚动 只有在滚动滚动目标时,才能触发滚动 当滚...
2018-12-12 21:42:56
1112
原创 js一行代码实现数组去重
ES6中新增了Set数据结构,类似于数组,但是 它的成员都是唯一的 ,其构造函数可以接受一个数组作为参数,如: let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Set(array); console.log(set); // => Set {1, 2, 3, 4, 5}ES6中Array新增了一个静态方法A...
2018-11-13 15:08:26
1300
转载 理解 JavaScript 中的 for…of 循环
什么是 for…of 循环for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。语法for (variable of ...
2018-11-13 15:03:14
226
原创 手把手教你写ES6箭头函数
通常函数的定义方法var fn = function(...){ ...... }例如:var add = function(a,b){ return a+b;}//或者:function fn(...){ ......}//例如:function add(a,b){ return a+b;}简写方法速记将原...
2018-10-25 14:26:05
394
原创 一看就懂的ES6箭头函数(Arrow Functions)
ES6可以使用" => "定义函数,注意是函数,不要使用这种方式定义类(构造器)。一. 语法1.具有一个参数的简单函数var single = a => a;single('hello, world') //'hello, world'2.没有参数的需要在箭头前加上小括号var log = () => { alert('no param')}...
2018-10-25 11:10:24
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人