学习笔记666

逆水行舟,不进则退。
私信 关注
学习笔记999
码龄10年

装逼得逼,求仁成仁,念念不忘,必有回响

  • 347,353
    被访问量
  • 137
    原创文章
  • 23,826
    作者排名
  • 22
    粉丝数量
  • 于 2011-08-07 加入CSDN
获得成就
  • 获得47次点赞
  • 内容获得28次评论
  • 获得111次收藏
荣誉勋章
兴趣领域
  • #人工智能
    #TensorFlow
TA的专栏
  • iOS
    8篇
  • Vue.js
    17篇
  • vuex
    23篇
  • React-Native
    80篇
  • css3
    10篇
  • html5
    12篇
  • html+css
    15篇
  • javascript
    63篇
  • reactJS
    30篇
  • 参考网站案例文章
    12篇
  • 面试方面
    9篇
  • 前端面试题
    17篇
  • redux
    19篇
  • webpack
    9篇
  • linux
    12篇
  • mac终端
    11篇
  • git
    8篇
  • markdown
    3篇
  • Java
    6篇
  • C语言
    1篇
  • C++
    1篇
  • C
    1篇
  • router
    1篇
  • Vue Router
    2篇
  • Python
    1篇
  • SVN
    2篇
  • RequireJS
  • MySQl
    2篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

js 去掉数组对象中的重复对象

在数组对象中去掉重复的对象:export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a) - Number(b)); }); var str = ''; for (var j =.
原创
211阅读
0评论
0点赞
发布博客于 2 月前

关于配置Associated Domains Capability遇到的问题

一、前提条件:1、已在开发者平台配置好Associated Domains Capability;2、已在Xcode添加Associated Domains Capability;3、开发者账号没问题;4、Automatically manage signing;二、项目编译运行后,报如下错误:Your account does not have sufficient permissions to modify containers.Provisioning profile “iOS Te
原创
594阅读
0评论
0点赞
发布博客于 4 月前

vue表格实现固定表头和首列

前言 前段时间做移动端的项目,项目中需要一个固定表头和首列的表格,但由于是移动端的,组件库里没有类似的,于是,就去网上找看有没有类似的,结果越找越气,10个文章9个抄,抄也行,你倒是抄个能用的啊,一篇根本就不能用的文章,抄个什么劲?有意义??? 没办法,只有自己写一个了。 效果图...
转载
582阅读
0评论
1点赞
发布博客于 5 月前

vue使用vconsole调试log日志

首先使用命令在项目中下载vconsole1. npm install vconsole 2 然后在main.js中加入以下代码(或者在需要的页面添加):import Vconsole from 'vconsole'let vConsole = new Vconsole()Vue.use(vConsole)
原创
845阅读
0评论
0点赞
发布博客于 6 月前

Library not found for -lstdc++.6.0.9

下载这个脚本,这个脚本能一键配置:https://github.com/devdawei/libstdc-具体使用方法:Xcode 10和Xcode 11中删除的libstdc++库先下载下来这个项目,然后把该文件拖到桌面,然后打开终端cd到刚下载的这个文件夹:libstdc--master文件夹;如果你使用的是 Xcode 10,则打开刚下载的这个文件夹,在里面找到:install-Xcode_10.sh,这个文件,在将install-Xcode_10.sh拖到终端中执行即可。Xcode 11 b
原创
62阅读
0评论
0点赞
发布博客于 8 月前

React Native — Unknown argument type ‘attribute’ in method -[RCTAppState getCurrentAppState:error:].

React/Base/RCTModuleMethod.mm91行static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") || // 添加此行 ...
原创
215阅读
0评论
0点赞
发布博客于 8 月前

Xcode 11报错 library not found for -libstdc++.6.0.9

1.真机将libstdc++.6.0.9.tbd文件拷贝到以下路径:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS.sdk/usr/lib2.模拟器将libstdc++.6.0.9.tbd文件拷贝到以下路径:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimula..
原创
164阅读
0评论
0点赞
发布博客于 8 月前

Nginx基本操作

sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpmsudo yum install -y nginx查看Nginx是否启动ps -ef | grep nginx
原创
46阅读
0评论
0点赞
发布博客于 8 月前

vue-router 2.0 常用基础知识点之router.push()

router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,...
转载
78阅读
0评论
0点赞
发布博客于 8 月前

VUE理解 $nextTick 的作用

有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结...
转载
88阅读
0评论
0点赞
发布博客于 8 月前

react-native-image-crop-picke

No known class method for selector 'labelColor'QBImagePicker/QBAssetsViewController.m:198:31: error: no known class method for selector 'labelColor''RCTImageURLLoader.h' file not found解决方案: #ifdef __IPHONE_13_0 if (@available(iOS 13.0, *)) .
原创
120阅读
0评论
0点赞
发布博客于 8 月前

react-native升级问题总结

问题1: react-native-collapsible---->undefined is not an object evaluating reactNative.View.propTypes解决方案 升级 react-native-collapsible问题2:antd-mobile-rn undefined is not an object (evaluating' react.PropTypes.bool')解决方案 npm install @ant-design/reac...
原创
421阅读
0评论
0点赞
发布博客于 8 月前

React/RCTRootContentView.h file not found Cannot read property Direction of undefined

'React/RCTRootContentView.h' file not found Cannot read property 'Direction' of undefined Got the same error using 1.5.0 on RN 0.59.9To temporarily downgrade put this in your package.json:"react-native-gesture-handler": "~1.4.0",And reinstall y...
原创
818阅读
0评论
0点赞
发布博客于 8 月前

TypeError: Cannot read property contain of undefined

Unhandled JS Exception: TypeError: TypeError: Cannot read property 'contain' of undefinedRN版本升级 : resizeMode={Image.resizeMode.center} 改成 resizeMode={'center'}
原创
251阅读
0评论
0点赞
发布博客于 8 月前

We ran xcodebuild command but it exited with error code 65

error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening .xcworkspace解决方案:重新build clean
原创
438阅读
0评论
0点赞
发布博客于 8 月前

Error: Unable to resolve module `../../image/Home/@2x.png`

error: bundling failed: Error: Unable to resolve module `../../image/Task/xxx@2x.png` from `/Users/xxxx/TaskDetails.js`: The module `../../image/Task/weixin@2x.png` could not be found from `/Users/xxx.js`. Indeed, none of these files exist:* `weixin@2x.pn
原创
379阅读
0评论
0点赞
发布博客于 8 月前

react-native-swiper 轮播最后一张图跑到第一章

componentDidUpdate() { const scrollView = this.scrollView scrollView.scrollBy(0, false) }<Swiper ref={(e) => { this.scrollView = e }} //加上这句 防止最后一张跑到第一张 shows...
原创
243阅读
0评论
0点赞
发布博客于 10 月前

react-native code-push热更新手动link-ios

安装 CodePush CLI管理 CodePush 账号需要通过 NodeJS-based CLI。只需要在终端输入 npm install -g code-push-cli,就可以安装了。安装完毕后,输入 code-push -v查看版本,如看到版本代表成功。PS.npm为NodeJS的包管理器,如果你没安装NodeJS请先安装。创建一个CodePush 账号在终端输入code-...
原创
118阅读
0评论
0点赞
发布博客于 1 年前

git submodule: already exists in the index

在 github 上面 clone 一个包含有 submodule 的 repo 的时候,用如下命令更新 submodule:git submodule update --remote --merge一直没法更新,尝试重新 add submodule,比如:git submodule add https://github.com/cisco/openh264 open_source_cod...
原创
1789阅读
0评论
0点赞
发布博客于 2 年前

JavaScript 复杂判断的更优雅写法

先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */const onButtonClick = (status)=>{ if(status == 1){ sendLog('processing') ...
原创
89阅读
0评论
0点赞
发布博客于 2 年前

js 创建二维数组方法定义

方法一:直接定义并且初始化,这种遇到数量少的情况可以用var _TheArray = [[“0-1”,“0-2”],[“1-1”,“1-2”],[“2-1”,“2-2”]]方法二:未知长度的二维数组var tArray = new Array(); //先声明一维for(var k=0;k<i;k++){ //一维长度为i,i为变量,可以根据实际情况改变tArray[k]=new ...
原创
1370阅读
0评论
0点赞
发布博客于 2 年前

react-native navigation 返回刷新

<TouchableOpacity onPress={()=>this.turnTo()}> <Text> 123</Text> </TouchableOpacity> turnTo(){ this.props.navigation.n...
原创
567阅读
0评论
0点赞
发布博客于 2 年前

JS获取今天周几

1.初级方法var week = new Date().getDay(),str='今天是星期';if(week === 0){str += '日'}...或者switch..2.中级方法var week = new Date().getDay(),arr = [‘日’, ‘一’, ‘二’, ‘三’, ‘四’, ‘五’, ‘六’],str = ‘今天是星期’+arr[week];...
原创
137阅读
0评论
0点赞
发布博客于 2 年前

react-native Cached Bundles 问题

当打开debugger的时候得到的是Cached Bundles,里面显示Failed to load resource: the server responded with a status of 404 (Not Found)。爆红显示:Runtime is not ready for debuggingMake sure Packager server is runningMake...
原创
255阅读
0评论
0点赞
发布博客于 2 年前

RN- Flatlist state更新数据不刷新问题

<FlatList keyExtractor={ () => Math.random(2) } data={this.state.goodList} renderItem={this.renderItem} ItemSeparatorComponent={this.separatorCom...
原创
800阅读
0评论
0点赞
发布博客于 2 年前

this exceeds file size limit of 100.0 MB

git filter-branch --index-filter ‘git rm -r --cached --ignore-unmatch static/a.bin’ HEAD 就行了
原创
43阅读
0评论
0点赞
发布博客于 2 年前

CocoaPods pod install/pod update更新慢的问题

在使用cocoapods 进行update 或者 install的时候,原因在于每次当执行命令时会去获取更新的pod specs,每次...
转载
1157阅读
0评论
0点赞
发布博客于 2 年前

pod install出现问题 You can try adding it manually in `~/.cocoapods/repos` or via `pod repo add`.

[!] Unable to add a source with url `https://git.coding.net/CocoaPods/Specs.git` named `coding-cocoapods-specs`.You can try adding it manually in `~/.cocoapods/repos` or via `pod repo add`.网上说,这样子...
原创
7058阅读
0评论
0点赞
发布博客于 2 年前

MacPorts 初装后提示 command not found: port 解决方案

https://www.macports.org/install.php下载,安装后,(环境  MacOS  Serria )运行port -v提示command not found: port其实是未设置环境变量执行下面的语句export PATH=/opt/local/bin:/opt/local/sbin:$PATH————————————————版权...
转载
121阅读
0评论
0点赞
发布博客于 2 年前

Mac下安装MacPorts卡住了,“正在运行软件包脚本”,完美解决!

解决办法:(文字版 - 下面有图)打开‘活动监视器’ - 按F4,选择文件夹‘其他’,打开‘活动监视器’ 找到进程‘安装器’,点击左上角的叉号图标,选择‘强制退出’ 打开命令行 - 按F4,选择文件夹‘其他’,打开‘终端’ 输入命令"ps aux | grep install",找到写着‘M...
转载
1097阅读
1评论
1点赞
发布博客于 2 年前

http通过tcp/ip 网站访问的原理

1.首先访问一个域名,你的浏览器去连接ISP服务商获取这个域名对于真正的IP地址2.把你的访问地址转换成 http/https协议:ip地址:端口号:路径3.tcp开始三次握手,像打电话提前确认一样{client:喂,在家吗?明天去你家service:在家来吧client:好的,明天见}4.确认网络服务器是通的,那么tcp复杂拆分内容,ip复杂每一个包盖章,发送给服务端5.服务端...
原创
179阅读
0评论
0点赞
发布博客于 2 年前

关于npm cache clean --force使用

今天,我把node_modules删除掉,然后重新npm run install 的时候出现了如下错误:npm ERR! Unexp...
原创
2902阅读
0评论
1点赞
发布博客于 2 年前

JS 数组转字符串和字符串转数组

一、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var str =...
原创
52阅读
0评论
0点赞
发布博客于 2 年前

ReactNative SectionList state更新,视图不更新的问题

<SectionList renderSectionHeader={this._sectionComp} renderItem={this._renderListRow} sections={this.state.dataBlobSort} e...
原创
498阅读
0评论
0点赞
发布博客于 2 年前

MySQL联合查询语法内联、左联、右联、全联

MySQL联合查询效率较高,以下例子来说明联合查询(内联、左联、右联、全联)的好处:T1表结构(用户名,密码)   userid(int)   usernamevarchar(20)   passwordvarchar(20)   1   jack  jackpwd   2   owe...
转载
800阅读
0评论
0点赞
发布博客于 2 年前

如何让自己像打王者荣耀一样发了疯、拼了命的学习?

阶段性反馈机制(如何持之以恒、让自己发疯)反馈机制是王者荣耀的核心武器,击杀野怪获得金币,不断地努力,获得奖励是我们不断的玩这个游戏的主要原因,也是人的本能,我什么都得不到凭什么这么做?,对记得初二的时候,父亲说如果你能考全校第三我就给你买一台电脑,当时我从全校几十名考到了全校第二,而这只用了一个月的时间,还有,我希望给电脑换一个内存条,为什么?因为我希望电脑变得很快,对奖励机制十分重要,所...
转载
668阅读
0评论
0点赞
发布博客于 2 年前

Mac mysql常用操作命令

链接数据库mysql -uroot(用户名) -ppassword(密码)查看数据库show databases创建数据库create database if not 数据库名称 exists default character set 'UTF8'使用数据库use 数据库名称创建表格CREATE TABLE IF NOT EXISTS user( id INT, user...
原创
126阅读
0评论
0点赞
发布博客于 2 年前

JavaScript里面的类是什么意思?

JavaScript 是面向对象的语言,引用数据类型都是对象,包括函数也是对象,同时还可以通过 Object 对象自定义对象。但是,和其他面向对象语言(如 Java 等高级语言)比,也有很大差异,JS 中没有类或接口的概念,即不能直接定义抽象的类,也不能直接实现继承。不过,为了编程的方便,我们可以在 JS 中模拟类和继承的行为。创建对象实例或类(虽然没有类的概念,但是可以把用于创建新对象的对象...
原创
432阅读
0评论
0点赞
发布博客于 2 年前

RequireJS模块化

导语:之前一直有听说RequireJS,但是一直都没机会去了解,只知道它是一个给js做模块化的API。最近在做React,其组件化的思想和js模块化的思想不谋而合。就想在项目中应用React的同时,也把RequireJS加进来,看看会不会对页面加载或者开发有很好的效果。What is RequireJS?在说明什么是RequireJS之前,不得不提的就是Java...
转载
94阅读
0评论
0点赞
发布博客于 2 年前

Java泛型

一个被举了无数次的例子:List arrayList = new ArrayList();arrayList.add(“aaaa”);arrayList.add(100);for(int i = 0; i< arrayList.size();i++){String item = (String)arrayList.get(i);Log.d(“泛型测试”,"item = " + ...
原创
43阅读
0评论
0点赞
发布博客于 2 年前

java中static作用详解

static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念。被static修饰的成员变量和成员方法独立于该类的任何对象。也就是说,它不依赖类特定的实例,被类的所有实例共享。只要这个类被加载,Java虚拟机就能根据类名在运行时数据区的方法区内定找到他们。因此,static对象可以在它的任何对象创建之前访问,无需引...
原创
40阅读
0评论
0点赞
发布博客于 2 年前

Java中try catch finally的使用

    在Java中提供了try catch finally结构来进行异常处理。大致执行结构如下try{ //代码执行区域 }catch(Exception e){ //异常处理区域 }finally { //无论如何,都会执行的代码块 }  &nbs...
转载
171阅读
1评论
0点赞
发布博客于 2 年前

git命令之git merge 和 git rebase的区别

git merge是用来合并两个分支的。将b分支合并到当前分支git merge bgit cherry-pick可以选择某一个分支中的一个或几个commit(s)来进行操作。例如,假设我 们有个稳定版本的分支,叫v2.0,另外还有个开发版本的分支v3.0,我们不能直接把两个分支合并,这样会导致稳定版本混乱,但是又想增加一个v3.0 中的功能到v2.0中,这里就可以使用cherry-pick...
原创
145阅读
0评论
0点赞
发布博客于 2 年前

Mac必备:SVN常用命令

# checkout代码svn co svn://svnbucket.com/xxx/xxx# 更新代码svn up# 添加新文件到版本库svn add filename # 添加当前目录下所有php文件svn add *.php # 递归添加当前目录下的所有新文件svn add . --no-ignore --force# 提交代码svn commit -m "提交描述"# 查看指定文件...
转载
217阅读
0评论
0点赞
发布博客于 2 年前

从一个git仓库迁移代码到另一个git仓库

不保留log等提交的记录的迁移就不说了,soeasy!目标:把A仓库的代码迁移到B仓库并且保存所有的git log,B仓库已经存在了哦,哪怕是个空仓库。再说这个之前先说点其他。在使用git的时候我们可能见到这样的命令。不想看解说想直接看步骤的往下翻git pull origin master //拉取远程master分支的代码git pus...
转载
5566阅读
0评论
1点赞
发布博客于 2 年前

javascript原型图了解

JavaScript内置对象原型图图一:原型链图 图二:内置对象及原型链图(含属性) ...
原创
511阅读
0评论
0点赞
发布博客于 2 年前

如何通过Mac 下的SVN拉取代码

背景:今天入职了一家新单位,用的svn,我之前一直用的win下的git和svn,然后我现在用自己的mac开发,所以有了标题的疑问博文由来:看了几个博客写的都很繁琐,看半天才能解决我的疑问,所以自己写一个记录下。我要强调的是:mac已经自带了svn分三步走:第一:让公司的运营,给你开一个公司SVN账户,username = XXX password=XXX第二:公司会给你一个svn项目...
原创
6558阅读
1评论
0点赞
发布博客于 2 年前

React-Native 设置背景图片--ImageBackground

在RN版本0.46版本的时候添加了ImageBackground控件。ImageBackground可以设置背景图片,使用方法和image一样,里面嵌套了其他的组件 <ImageBackground style={{ flex: 1 }} source={require('../../res/image/login_beijing.png')}> ...
原创
7780阅读
0评论
0点赞
发布博客于 2 年前

react native this绑定以及箭头函数

对于react native 绑定this,我将其归类为以下四种方式:bind 箭头函数 ::运算符使用箭头函数定义函数首先明确观点,我向大家推荐第四种方式:...
原创
293阅读
0评论
0点赞
发布博客于 2 年前

MAC python版本选择实现版本切换

写在前面:最近在学习Python基础,教学视频里的Python环境是python3。Mac自带的python版本是2.7,于是我需要切换python版本到3.0。看了许多帖子后略懵,最终在这篇文章里解决了版本切换的问题。首先去官网下载最新版Pythonhttps://www.python.org/downloads/mac-osx/安装完新...
原创
1375阅读
0评论
0点赞
发布博客于 2 年前

VueJs路由跳转——vue-router的使用详解

路由对象和路由匹配路由对象,即$router会被注入每个组件中,可以利用它进行一些信息的获取。如属性说明$route.path当前路由对象的路径,如'/view/a'$rotue.params关于动态片段(如/user/:username)的键值对信息,如{u...
原创
294阅读
0评论
0点赞
发布博客于 2 年前

Warning: ismounted(.)is deprecated in plainJavascript React classes. Instead

Warning: ismounted(.)is deprecated in plainJavascript React classes. Instead, make sure toclean up subscriptions and pending requests incomponentwillunmount to prevent memory leaksimport { YellowB...
原创
154阅读
0评论
0点赞
发布博客于 2 年前

React Native 日常报错 'config.h' file not found

解决方法:cd node_modules/react-native/third-party/glog-0.3.4../../scripts/ios-configure-glog.sh12clean the project and build again, t...
原创
40阅读
0评论
0点赞
发布博客于 2 年前

ReactNative 升级

这里主要记录的是 react native(0.46.4)升级到(0.50.1)的情况。react-native react 之间对应版本关系链接地址 。1.首先先安装一下升级的工具(最新版本的)npm install -g react-native-git-upgrade2.然后执行升级命令(最新版本...
原创
67阅读
0评论
0点赞
发布博客于 2 年前

vue的ui框架element-UI的弹出框范例

提示消息this.$message('这是一条消息提示');1成功的消息this.$message({message: '恭喜你,这是一条成功消息', type: 'success' });1234警告消息this.$message({mess...
原创
814阅读
0评论
0点赞
发布博客于 2 年前

vue入口main.js文件解析

// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue'import App from './App'import router ...
原创
1680阅读
0评论
1点赞
发布博客于 2 年前

Vue结构目录分析

README.md //项目描述package-lock.json // 是确认版本第三方包的版本,保持版本统一package.json // 第三方包依赖index.html // 首页模板文件.postcssrc.js // postcss的配置项.gitignore // git不需要上传的文件在此配置.eslintrc.js // 代码检测规范.eslintignor...
原创
55阅读
0评论
0点赞
发布博客于 2 年前

【vue】index.html main.js app.vue index.js怎么结合的? 怎么打包的?

怎么结合的: 一、启动项目        第一步:cmd进入项目文件里,运行npm run dev  启动项目    这里说明启动端口号是8080                第二步:往页面输...
转载
199阅读
0评论
2点赞
发布博客于 2 年前

vue 插槽 slot

[vue] 插槽 slot <!-- 文章内容 --> <div data-note-content="" class="show-content"> <div class="show-content-free"> <p>之前对插槽的理解并不深入,参考官网理解一下~</p>...
原创
85阅读
0评论
0点赞
发布博客于 2 年前

vue 给组件绑定原生事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body&...
原创
199阅读
0评论
0点赞
发布博客于 2 年前

vue组件使用的细节点

1在 ul ol select table 在标签里面使用子组件时 用is = ‘XXX’2在子组件定义data数据时,用要用到return语句data: function () { return { aa: '1' }}3 通过ref获取dom 节点<div ref = 'hello'></div>methods: { click: funct...
原创
82阅读
0评论
1点赞
发布博客于 2 年前

Vue中的样式绑定

1 第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script src="./vue.js"></script><style type="text/cs...
原创
64阅读
0评论
0点赞
发布博客于 2 年前

axios在vue中的简单配置与使用

尤雨溪之前在微博发布消息,不再继续维护vue-resource,并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%E7%AE%...
转载
469阅读
1评论
1点赞
发布博客于 2 年前

理解 $nextTick 的作用,API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用理解

有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick ...
转载
777阅读
0评论
1点赞
发布博客于 2 年前

VUEX入门简单介绍了解

今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理...
原创
69阅读
0评论
1点赞
发布博客于 2 年前

vue-router 2.0 常用基础知识点之router.push()

router.push(location)http://www.jianshu.com/p/ee7ff3d1d93d除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 hist...
转载
2039阅读
0评论
1点赞
发布博客于 2 年前

React Native性能优化(四)

前人种树后人乘凉原文地址一、优化Component很多人在定义一个class时都会去继承Component,这并没有错,但是如果一个子组建也继承了Component,那么当父组建render时也会导致子组建的render,怎么解决呢?其实很简单只需要我们的子组建去继承PureComponent即可。个人建议自定义的class都可以去继承PureComponent从而避免不必要的ren...
转载
67阅读
0评论
1点赞
发布博客于 2 年前

React Native性能优化(三)

前人种树后人乘凉原文地址你需要了解什么是帧在你的祖父辈,它们一般把视频称为”移动的图片”的一个原因是:视频中逼真的动作是以固定的速度,快速改变静态的图片创造出来一个错觉。这里的每一个图片就一个是帧。每一秒中图片的数量(帧),它直接影响了视频的真时性(或者app中的用户界面). iOS的设备是每秒60帧。它也就给了你以及UI系统大约16.67毫秒的时间,来完成生成一张静态图片(帧)的所...
转载
69阅读
0评论
1点赞
发布博客于 2 年前

React Native性能优化(二)

前人种树后人乘凉原文地址自从React Native出世,虽然官方一直尽可能的优化其性能,为了能让其媲美原生App的速度,但是现实感觉有点不尽人意。接下来介绍下实践中遇到的一些性能问题以及优化方案。以下对性能参数的依据是来自于React Native自带的FPS Monitor.一、Navigator页面切换动画优化场景: 在Navigator还没出来时,导航器是由Navigat...
转载
131阅读
0评论
1点赞
发布博客于 2 年前

React Native性能优化(一)

前人种树后人乘凉http://www.jianshu.com/p/11f38925f5ad原文地址一、异步逐层渲染。React Native 虽然一直标榜媲美Native的体验,但实际使用下来,其渲染性还是非常低效,基于ScrollView和ListView两大容器,在渲染上,相当于web端的table布局,需要等整个大table渲染完成才显示页面,也就是说,当容器内有大量的子元素,...
转载
251阅读
0评论
1点赞
发布博客于 2 年前

在 React Native 中使用 Hooks

React官方在 2018 ReactConf 大会上宣布 React v16.7.0-alpha(内测) 将引入 Hooks。什么是Hooks,我们来了解一下。什么是Hooks?在平时开发过程中,我们一般都会遇到如下问题:1. 难以重用和共享组件中的与状态相关的逻辑2. 逻辑复杂的组件难以开发与维护,当我们的组件需要处理多个互不相关的 state 时,每个生命...
转载
333阅读
0评论
1点赞
发布博客于 2 年前

react-native缓存数据

1. 设置缓存时间export const setCache = (code, mobile, isSetCache) => { // code 接口号 mobile 缓存的手机号 isSetCache 是否缓存 if (!isSetCache) return [] // 查看是不是有数据 有的话返回空不进行缓存数据 const codeP = mobile + code co...
原创
708阅读
0评论
0点赞
发布博客于 2 年前

vue模板语法,插值表达式和v-text,v-html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body&...
原创
606阅读
0评论
0点赞
发布博客于 2 年前

VUE前端cookie操作

如下是简单cookie操作,当前仅限前端实例要注意的有两点:1、cookie内容存贮的名称2、删除cookie是通过设置过期为过去时间实现的<body><div id="app"> <button @click="clearCookie()"> 清除cookie </button></div&...
转载
701阅读
0评论
0点赞
发布博客于 2 年前

C语言:定义字符串的几种方式

#include <stdio.h>#include <stdlib.h>int main(){ //定义字符串的几种方式 //字符串和字符数组的区别:最后一位是否是空字符 char names1[] = {'j', 'a', 'c', 'k', '\0'}; char names2[50] = "jack"; char * ...
转载
57259阅读
1评论
8点赞
发布博客于 2 年前

Vue项目本地run与build后样式不同,build后样式不生效

在Vue项目开发过程中遇到两次,本地运行正常,build后在服务器上样式没有生效,或者在本地的效果没有正常显示,下面一一说明:一、多个相同样式文件同时存在项目中现象:修改组件时,在项目中复制了一个组件重命名后进行修改,在本地执行正常,后打包上传,无法展示正常效果。解决过程:在本地试图修改总是不见效果,在控制台查看样式仍是之前的样式,把其中一处样式在所有相关组件中修改,打包上传后样式生效,这...
转载
1275阅读
0评论
0点赞
发布博客于 2 年前

vue 的生命周期理解步骤

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例生命周期</title> <script src="./vue.js"></script></head><body...
原创
128阅读
0评论
0点赞
发布博客于 2 年前

vue局部组件和全局组件的TODOlist,vue添加删除表单

全局组件v-bind:content 将item参数传给子组件 TodoItem,TodoItem接受后在li进行渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script s...
原创
150阅读
0评论
0点赞
发布博客于 2 年前

使用vue写个简单的TODOlist,vue的优点,MVVM的操作模式

<html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script src="./vue.js"></script>// 引入vuejs文件 https://cdn.jsdelivr.net/npm/vue</...
原创
75阅读
0评论
0点赞
发布博客于 2 年前

js中对象数组按对象属性排序

var arr = [{ data: 21, weather:'晴' }, { data: 111, weather:'小雨' }, { data: 32, weather:'大雨' }, { ...
原创
9086阅读
2评论
0点赞
发布博客于 2 年前

Input 只能输入数字,数字和字母等的正则表达式

JS只能输入数字,数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2.只能输入数字,能输小数点.<input onkeyup...
原创
4256阅读
0评论
1点赞
发布博客于 2 年前

VUE 基础理解 data method el

<div id="vue"> <h1>test: {{site}}</h1> <h1>url: {{url}}</h1> <h1>函数{{details()}}</h1></div><script type="text/javascript">var data...
原创
902阅读
0评论
0点赞
发布博客于 2 年前

react-native之 redux-persist 数据存储

希望可以帮助大家使用和了解redux-persist的相关能力接入npm i --save redux-persist如果你使用了immutablenpm i --save redux-persist-immutable使用// store.js import { persistStore, autoRehydrate } from 'redux-persist'// or// i...
原创
1153阅读
0评论
0点赞
发布博客于 2 年前

react-native-video中文文档

简介一个react-native视频播放组件,可以实现视频播放的效果。 要求react-native版本 >= 0.40.0;对于RN支持0.19.0 - 0.39.0,请使用1.0之前的版本。最新版本(3.0.0)改动3.0版对现有行为进行了许多更改。 请参阅#更新目录安装使用更新一、安装使用npm安装依赖库:npm...
转载
1059阅读
0评论
0点赞
发布博客于 2 年前

React Native之Modal组件实现遮罩层效果

React-Native中Modal的使用/** * React Native App * dongtao 2017/04/22 * @flow */ import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, Modal, PixelRatio, View} from 'rea...
原创
1016阅读
0评论
1点赞
发布博客于 2 年前

react-native新导航组件react-navigation详解

react-navigationreact-navigation 是今年1月份新出的一款react-native导航组件, 才几个月github就三千多star, 半官方身份, fb推荐使用, 据称性能和效果跟原生差不多. 可能是react-native导航组件的未来主流. 但现在还是beta版本(最新v...
转载
122阅读
0评论
0点赞
发布博客于 2 年前

JS数组遍历删除添加转换排序填充扩展运算符去重查找

本文篇幅较长,建议点赞保存再看,也便于日后翻阅。创建一个数组: // 字面量方式: // 这个方法也是我们最常用的,在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // []...
转载
243阅读
0评论
0点赞
发布博客于 2 年前

Java面向对象的三大特征以及理解

Java面向对象的三大特征为:封装、继承和多态,本文说说我对三大特性的理解。1.封装Java中的封装是指一个类把自己内部的实现细节进行隐藏,只暴露对外的接口(setter和getter方法)。封装又分为属性的封装和方法的封装。把属性定义为私有的,它们通过setter和getter方法来对属性的值进行设定和获取。下面我举一个简单的封装例子public class P...
原创
1048阅读
0评论
0点赞
发布博客于 2 年前

ReactNative实战 (三) FlatList 上下拉刷新的使用

先看看效果图写在前面官方文档常用Demo的接口先看看效果图写在前面因为下面接口 是http 协议的。 苹果会报错 所以需要 根据下面博文 修改一下 http://blog.csdn.net/u011439689/article/details/62046799 App Transport Security S...
转载
303阅读
0评论
0点赞
发布博客于 2 年前

关于ReactNative0.56版本Flatlist列表内容跳动的问题

Reactnative的版本升级一直是一个工作量比较的大的事情,每次升级都可能伴随着很多的坑。前段时间在升级到0.56版本的时候发现一个问题,在flatlist使用中,加载多页后,列表项内容开始进行上下抖动的乱跳,疯了一样。于是开始上react-native的issues上寻找答案,有通过查看官方的版本升级日志找到了答案:react-native...
原创
206阅读
0评论
0点赞
发布博客于 2 年前

for循环里的定时器引发的思考

for循环里的定时器引发的思考 在学习js的时候,或者面试的时候,会经常碰到这一道经典题目:for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); });}console.log('a');熟悉这道题目的人立马就可以说出...
原创
336阅读
0评论
1点赞
发布博客于 2 年前

js一维数组转二维数组

使用场景举例:接口返回一个数组对象,展示时每行固定显示n个,则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型: let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.length;...
原创
650阅读
0评论
1点赞
发布博客于 3 年前

localStorage的过期时间设置的方法

版权声明: https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁,那么如何设置localStorage的过期时间呢,今天我们来一起尝试一下! &lt;s...
转载
801阅读
0评论
0点赞
发布博客于 3 年前

localStorage的过期时间设置的方法

版权声明: https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁,那么如何设置localStorage的过期时间呢,今天我们来一起尝试一下! &lt;s...
转载
801阅读
0评论
0点赞
发布博客于 3 年前

react-native 走马灯效果

/** * @flow *//* eslint react/no-did-mount-set-state: 0 */import React, { Component } from 'react'import { Text, View, Animated, Easing, StyleSheet, TouchableOpacity,} from 'react-na...
原创
2960阅读
3评论
0点赞
发布博客于 3 年前

css样式梳理

转载
87阅读
0评论
0点赞
发布博客于 3 年前

ReactNative之Image组件自适应高度,图片自适应大小

因为在现在0.50包括之前的ReactNative版本,Image组件必须要设置宽高才能显示。所以在图片宽高不确定的情况下,如何来让图片自适应屏幕高度呢?需求原因:因为做商城详情页面的图片长短不一,所以要自适应图片显示高度。这个需求就产生了。以下方法:getSize方法 传入imageUri(图片的uri路径,支持本地和网络路径)Image.getSize(ima...
原创
7356阅读
1评论
0点赞
发布博客于 3 年前

ES6-字符串扩展-includes(), startsWith(), endsWith()

ES5只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法。includes():返回布尔值,表示是否找到了参数字符串;startsWith():返回布尔值,表示参数字符串是否在查找字符串的头部;endsWith():返回布尔值,表示参数字符串是否在查找字符串的尾部。 let s = 'Hello world!'; s.startsWith('...
原创
2070阅读
0评论
0点赞
发布博客于 3 年前

react-native多图上传 react-native-image-picker图片上传之多个上传图片

话不多说 直接贴代码, 如有疑问 下方留言或者发邮箱引入需要的组件import ImagePicker2 from 'react-native-image-picker';import RNHeicConverter from 'react-native-heic-converter';// RNHeicConverter图片转换 IOS11之后 有HEIC图片需要转换 不然显示不出来 ...
原创
3613阅读
4评论
0点赞
发布博客于 3 年前

React Native 使用react-native-image-picker库实现图片上传功能

react-native-image-picker使用1, 首先,安装下该插件。npm install react-native-image-picker@latest --save12, 针对Android和iOS平台分别进行配置## android 平台配置1,在android/settings.gradle文件中添加如下代码:include ':react-native-imag...
转载
1127阅读
0评论
0点赞
发布博客于 3 年前