- 博客(53)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 前端知识体系之HTML它不香吗
一、 HTML4与HTML5有什么不同？HTML5主要解决了以往文档的一些痛点：解决文档结构混乱：以前的文档结构过于依赖div，HTML5推出了多种语义化标签，使得文档更利于阅读器等理解，更利于SEO优化。解决浏览器之间的兼容性问题：市场上的浏览器种类繁多，每个浏览器厂商都在做自己的东西，没有一个标准限值，HTML5的出现就是为了统一标准。扩展Web应用的功能：以前Web页面仅仅只是展示...
2020-01-05 15:38:27
347
原创 构建属于自己的前端知识体系
爬上来看了一眼我最近得一篇文章的日期，是2018-08-26，没想到已经这么久没有写过文章了，第一次写文章的日子是2018-02-26，其实一开始写文章就是感兴趣，也是为了当个笔记来看的，没想到阅读量还是非常可观的。写第一篇文章时我是处在大三下学期，那时在我们学校的网络中心使用React Native开发跨平台APP，当时RN还处于热头上，但是资料比较少，于是磕磕碰碰的踩了一年的坑，出于发开小...
2020-01-04 14:13:29
859
原创 只给定一个div，让其呈现出左边红色，右边蓝色
思路：给盒子的boeder-left和border-right设置相应属性，让其分别显示红色和蓝色，还要给div设置一个height，代码如下：<!DOCTYPE html ><html><head><style>.half{height: 50px;width: 0px;border-left: 50px sol...
2018-08-26 11:22:10
1619
1
原创 JavaScript之函数类型
让我们直接进入函数声明和函数表达式，看看如何在JavaScript中使用这两种类型的函数。如果不仔细看，两者可能非常相似：//函数声明function isLie(cake){ return cake === true;}//函数表达式var isLie = function(){ return cake === true;}二者之间唯一的区别发生在赋值期间。解释器可以在语法解析期间访...
2018-07-10 15:50:26
1361
原创 JavaScript里创建对象的三种方法
JavaScript把几乎一切都当做对象，因此语言中所有的元素都可以被创建、赋予属性以及被链接到原型链中。仅有的例外是null和undefined。在JavaScript中对象是被创建出来的，它们不是凭空产生的。1. 对象字面量字面量语法可以用内联的方式描述一个对象，外面有一个大括号，里面的代码是一系列由逗号隔开的属性。不像 new Object()语法，字面量语法不会被显示调用，因为在特定的上下...
2018-07-10 13:16:57
549
原创 2018自身总结（上）
半年时间眨眼而过，回想年初刚开学时仿佛在昨天，在此总结一下半年来的收获与成长。2017小结去年四月份加入了河南大学网络中心实验室，通过实验室招新三轮考核之后让填写想进的小组的意向，当时填写的是Web组，因为当时PHP学的还可以，加上第三轮的考核项目是做一个类似印象笔记的网站，当时对网页开发比较感兴趣，实则当时只接触的PHP + HTML + CSS，移动端开发还没有接触到，然而接到被录取消息的第二...
2018-07-02 22:31:54
1745
1
转载 fetch跨域请求
当使用fetch 发起跨域请求时，CORS（跨域资源共享Cross-origin resource sharing）请求fetch const body = {name:"Good boy"}; fetch("http://localhost:8000/API",{ headers:{ 'content-type':'application/json' }...
2018-06-09 23:02:30
5696
转载 JavaScript深入之从原型到原型链
对于这篇文章，真的是爱不释手，看的我手舞足蹈，对原型和原型链有了更深的理解，分享一下构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person 就是一个构造函数，我们使用 ...
2018-05-27 11:04:02
578
2
转载 使用Perf工具研究React Key对渲染的影响
使用React的开发版本时常会遇到这样的情况:渲染列表时, 不为数组的每一项设置key, 则控制台会警告Warning: Each child in an array or iterator should have a unique “key” prop.Check the render method of Constructor.See http://fb.me/react-warning-ke...
2018-05-26 11:52:48
317
2
转载 React性能优化总结
初学者对React可能满怀期待，觉得React可能完爆其它一切框架，甚至不切实际地认为React可能连原生的渲染都能完爆——对框架的狂热确实会出现这样的不切实际的期待。让我们来看看React的官方是怎么说的。React官方文档在Advanced Performanec这一节，这样写道：One of the first questions people ask when considering Re...
2018-05-26 11:20:49
551
1
转载 Immutable 详解及React中实践
最近看到了讲解Immutable的一篇好文，禁不住分享一下Shared mutable state is the root of all evil（共享的可变状态是万恶之源）-- Pete Hunt有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至...
2018-05-26 10:20:28
358
1
转载 入门Webpack，看这篇就够了
入门Webpack，看这篇就够了 zhangwang 已关注2016.08.05 11:21* 字数 7229 阅读 765639评论 839喜欢 2877赞赏 1052017年12月7日更新，添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可点击此处参考写在前面的话阅读本文之前，先看下面这个webpack...
2018-05-26 09:13:55
266
原创 Error: Cannot find module 'webpack-cli'--解决方案
原因： 得要全局安装解决方案： npm install webpack-cli -g
2018-05-25 16:37:57
49902
14
转载 React v16.3新生命周期
关于React v16.3 新生命周期变更的部分react v16.3终于出来了，最大的变动莫过于生命周期去掉了以下三个componentWillMountcomponentWillReceivePropscomponentWillUpdate同时为了弥补失去上面三个周期的不足又加了两个static getDerivedStateFromPropsgetSnapshotBeforeUpdate当然...
2018-05-25 12:54:59
4394
原创 JS里获取windows尺寸的方法
有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5：document.documentEleme...
2018-05-24 09:12:46
3694
原创 函数式编程--偏函数用法
偏函数用法是指创建一个调用另外一个部分--参数或变量已经预置的函数--的函数的用法，这句话相对较为拗口，下面我们以实例来说明：var toString = Object.prototype.toString;var isString = function (obj) { return toString.call(obj) == '[object String]';};var isFuncti...
2018-05-22 22:18:00
1434
原创 Node自身的执行模型--事件循环
事件循环在进程启动时，Node便会创建一个类似于while(true)的循环，每执行一次循环体的过程我们称为Tick。每个Tick的过程就是查看是否有事件处理程序，如果有，就取出事件及其相关的回调函数。如果存在关联的回调函数，就执行它们。然后进入下个循环，如果不再有事件处理，就退出进程。正是事件循环使得回调函数十分普遍。流程图如下：观察者在每个Tick的过程中，如何判断是否有事件需要处理呢？这里必...
2018-05-22 20:52:26
871
原创 Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src'--解决方案
Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src'，这个错误是由于手动安装依赖包后导致某些包丢失问题导致的，原因如下：是create-react-app有丢包的缺陷，手动安装包后，需要重新 npm install 一下，这样 npm start命令才能正常执行。解决方案：npm instal...
2018-05-21 21:58:35
14709
1
原创 'react-scripts' 不是内部或外部命令，也不是可运行的程序 或批处理文件--解决方案
使用create-react-app创建的React项目时，有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，让我很郁闷，不过在上网搜了这个错后原来：是create-react-app有丢包的缺陷，手动安装包后，需要重新npm install一下，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，这样npm start命令才能正常执...
2018-05-21 21:53:55
51629
3
原创 React里单页面div自适应浏览器高度占满屏幕
思路：可以用绝对定位方式，让div占满屏幕，css样式如下： height: 100%; width: 100%; position: absolute; top: 0px; bottom: 0px;例子：render() { return ( <body> <div className="container"> &...
2018-05-15 19:19:53
10847
原创 GitHub怎么以合作者(collaborators)的方式共同开发项目
直接上图：进入项目的settings=>Collaborators里，在下方输入框里输入要添加的伙伴的用户名即可搜索到，然后点击Add colloborators即可。
2018-05-10 09:02:02
8155
2
转载 React Native面试题及常用知识
React Native面试题MONDAY. MARCH 26, 2018 - 2 MINSREACT NATIVE本文原创首发于公众号：ReactNative开发圈，转载需注明出处。本文会不定期不断更新，想查看最新版本请移步至https://github.com/forrest23/react-native-interview1.React Native相对于原生的ios和Android有哪些优...
2018-04-20 09:37:31
22223
转载 React Native 剖析
React Native剖析React Native 现在是异常的火爆，我司最近也完成了一个 React Native 编写的项目，现在已经提测审核。大家关心的苹果会不会拒绝RN ，会不会拒绝 CodePush ，我们会用实际行动告诉大家。本文会介绍 React Native 的工作原理，让移动开发者从代码上了解框架。ReactReact 是 facebook 出品一个前端框架，是目前最火的框架。...
2018-04-20 09:30:14
320
原创 third-party: 'config.h' file not found 解决方案
这个是常见错误,只需要在项目根目录下运行以下命令即可解决:cd node_modules/react-native/third-party/glog-0.3.4../../scripts/ios-configure-glog.sh
2018-04-18 09:06:37
4985
原创 Activity生命周期
onCreate() 在活动第一次被创建时调用.onStart() 在活动由不可见变为可见的时候调用.onResume() 在活动准备好和用户进行交互时调用,此时活动一定处于栈顶.onPause() 在系统准备去启动或者恢复另一个活动的时候调用.onStop() 在活动完全不可见时调用.onDestroy() 在活动被销毁之前调用,之后活动的状态...
2018-04-06 16:06:18
121
原创 fetch添加超时时间只需几行代码--fetch timeout
其实为fetch添加超时时间很简单,需要用到Promise.race()方法.Promise.race() 方法将多个Promise包装成一个新的Promise实例.var p = Promise.race([p1,p2,p3]);上面的代码中,只要p1,p2,p3中有一个实例先改变状态,p的状态就跟着改变,而那个率先改变的Promise实例返回值就传递给p的回调函数.Promise.race方法...
2018-04-06 13:30:19
14239
4
原创 react native 保持屏幕常亮
react native 保持屏幕常亮(跨平台)安装npm install react-native-idle --savereact-native link react-native-idle使用import RNIdle from 'react-native-idle' RNIdle.disableIdleTimer() //保持屏幕常亮RNIdle.enableIdleTimer() ...
2018-03-25 13:19:24
4976
4
原创 react native Android端保持APP后台运行--封装 Headless JS
react native Android端保持APP后台运行--封装 Headless JS前些日子在做后台下载时踩了后台运行这个大坑,RN官网文档上面在安卓上提供了Headless JS方法,iOS上暂时没有提供后台运行的方法,不过众所周知,官网上面的文档实在是... 于是在全网一通好搜,终于让我发现了一个将Headless JS封装好了的第三方组件:react-native-backgroun...
2018-03-25 13:11:52
8046
1
原创 Code Signing Error: Signing for "xxx" requires a development team. Select a development team in...
Code Signing Error: Signing for "xxx" requires a development team. Select a development team in the project editor.原因如下:1. 填写如下信息:不过有时即使填写了开发信息,运行时还是会抱着个错误,这时重启xcode后再次运行即可...
2018-03-08 20:28:24
14971
原创 'React/RCTBundleURLProvider.h' file not found
'React/RCTBundleURLProvider.h' file not found新建RN项目时在iOS端用xcode跑时有时会遇到 'React/RCTBundleURLProvider.h' file not found 错误,遇到这种错误一般有一下几种情况:1. 没有执行 npm install 命令,没有安装依赖,此时执行 npm install 安装依赖即可.2. 依赖已经安装,...
2018-03-08 20:08:42
5751
转载 react-native热更新之CodePush详细介绍及使用方法
前两天在配置codePush时找到了一篇总结的非常好的文章,在这里分享给大家https://www.jianshu.com/p/28589c0be542?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation...
2018-03-04 17:03:21
25701
原创 react native里react-navigation与redux + react-navigation-redux-helpers插件整合方法及样例代码
react-navigation与redux + react-navigation-redux-helpers插件整合方法以前也做react-navigation与redux的整合,不过那时候react native以及react-navigation的版本都不高,前些天在做新项目时用的是rn0.54版本,react-navigation是1.3.0版本,当我按照低版本的方法进行整合时缺报错了,让...
2018-03-03 16:04:40
4617
4
原创 react-navigation之DrawerNavigator使用方法及附上超级详细样例代码
react-navigation之DrawerNavigator使用方法及附上超级详细样例代码网上虽说有很多篇关于react-navigation的使用说明的文章和博客，不过我找了大半天也不见详细具体的使用方法，大部分都是介绍种种属性的，为此鄙人自告奋勇，整理了一份比较详细的有关react-navigation的使用样例代码，本篇文章继续介绍DrawerNavigator的使用方法。DrawerN...
2018-03-01 18:01:09
7461
1
原创 react-navigation之TabNavigator使用方法及附上超级详细样例代码
react-navigation之TabNavigator使用方法及附上超级详细样例代码网上虽说有很多篇关于react-navigation的使用说明的文章和博客，不过我找了大半天也不见详细具体的使用方法，大部分都是介绍种种属性的，为此鄙人自告奋勇，整理了一份比较详细的有关react-navigation的使用样例代码，本篇文章继续介绍TabNavigator的使用方法。TabNavigator ...
2018-03-01 17:41:58
9698
3
原创 react-navigation之StackNavigator使用方法及附上超级详细样例代码
react-navigation 之 StackNavigator网上虽说有很多篇关于react-navigation的使用说明的文章和博客，不过我找了大半天也不见详细具体的使用方法，大部分都是介绍种种属性的，为此鄙人自告奋勇，整理了一份比较详细的有关react-navigation的使用样例代码，本篇文章先介绍StackNavigator的使用方法。StackNavigator实现不...
2018-02-28 18:25:28
4666
6
原创 react native 由于平台差异导致ios平台上无缘无故出现背景色bug解决方案
react native 由于平台差异导致ios平台上无缘无故出现背景色bug解决方案有次在做有关图片的渲染时，需要在图片你上方显示图片的属性，图片底层的背景色是黑色，没有给图片上方的文字设置任何背景色，可是。。。在ios平台上面却出现了黑色的背景色，安卓上面正常，下面是解决方案：在style里加上一个属性即可，上代码：backgroundColor:'transparent'bug立即烟消云散...
2018-02-27 12:03:39
1238
原创 react native里在ios平台引用webview时由于平台差异无故出现黑边解决方案
react native里在ios平台引用webview时由于平台差异无故出现黑边解决方案不久前在做有关引用webview的开发时，页面中在webview的下方无缘无故出现了黑边，而且每一次横竖屏切换时黑边还会加粗，自己在谷歌百度上面一通好找。。。。还是没有解决此问题的方法，只找到了ios开发中此问题的解决方案，奈何我没有做过ios的开发。。。看不懂啊。。内心崩溃，经过一番琢磨，终于找到了此问题在...
2018-02-27 11:56:37
1084
1
原创 react native 修改第三方组件并保存
react native 修改第三方组件并保存相信不少道友引用第三方组件时会感到不尽人意，需要手动修改第三方组价你的源代码，但是不可能把所有的npm依赖包都放到GitHub或者gitlab上面，从gitlab或者github上面重新down代码执行npm install后以前自己修改的第三方组件里的代码却没有了，因为自己只是在本地修改了人家的源代码，重新执行npm install 时会重新从git...
2018-02-27 11:38:16
2071
1
深入浅出JavaScript中文版PDF高清版
2018-05-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人