02 2019 档案

组合组件
摘要:组合组件 使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM 元素引入就可以了。 一个例子:一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 Profi 阅读全文
posted @ 2019-02-28 23:25 0C° 阅读(124) 评论(0) 推荐(0)
事件处理
摘要:事件处理 一个简单的例子: 可以看到 React 里面绑定事件的方式和在 HTML 中绑定事件类似,使用驼峰式命名指定要绑定的 onClick 属性为组件定义的一个方法 {this.handleClick.bind(this)}。 注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例 阅读全文
posted @ 2019-02-28 21:45 0C° 阅读(84) 评论(0) 推荐(0)
组件生命周期
摘要:组件生命周期 一般来说,一个组件类由 extends Component 创建,并且提供一个 render 方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。 一个简单的例子: getInitialState 初始化 this.state 的值,只在组件装载之前调用一次。 如果是使用 ES 阅读全文
posted @ 2019-02-28 17:29 0C° 阅读(104) 评论(0) 推荐(0)
属性拓展
摘要:属性扩散 有时候你需要给组件设置多个属性,你不想一个个写下这些属性,或者有时候你甚至不知道这些属性的名称,这时候 spread attributes 的功能就很有用了。 比如: props 对象的属性会被设置成 Component 的属性。 属性也可以被覆盖: 写在后面的属性值会覆盖前面的属性。 关 阅读全文
posted @ 2019-02-28 16:49 0C° 阅读(133) 评论(0) 推荐(0)
前端面试总结1
摘要:1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发? 4.平时是如何学习前端开发的? 5.未来三到五年的规划是怎样的? position的值, relative和absolute分别是相对于谁进行定位的? § ab 阅读全文
posted @ 2019-02-27 23:05 0C° 阅读(307) 评论(0) 推荐(1)
react查缺补漏01
摘要:1、描述对react理解? react是一个用于构建用户界面的JS库。 react主要用于构建UI。很多人认为 React 是 MVC 中的 V(视图)。 react起源于:Facebook的内部项目,用来架设instagram网站,于2013年5月。 2、react特点? 生命式设计:react采 阅读全文
posted @ 2019-02-27 22:53 0C° 阅读(153) 评论(0) 推荐(0)
vue拓展题
摘要:本文档基于vue-cli技术栈总结了 vue-cli工程 vue.js核心知识 vue-router路由 vuex状态管理器 axios等http请求 移动端适配 Tab切换等常用功能 vue与原生app混合交互 vue生产环境部署 vue各项技术源码解析 MVVM设计模式 vue-cli工程深入拓 阅读全文
posted @ 2019-02-27 22:51 0C° 阅读(247) 评论(0) 推荐(0)
vue查缺补漏题
摘要:一、对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单 阅读全文
posted @ 2019-02-27 22:47 0C° 阅读(197) 评论(0) 推荐(0)
webpack入门
摘要:1、什么是webpack? webpack是模块打包机。主要是:分析我们的项目结构,找出javascript模块和浏览器不能运行的拓展性语言(scss、Typescript),并将其打包为合适的格式以供浏览器运行。webpack有不少的加载器loader,主要用来加载不同类型的资源:sass、css 阅读全文
posted @ 2019-02-27 18:22 0C° 阅读(111) 评论(0) 推荐(0)
HTML5的一些知识点
摘要:1、新增很多api,比如获取用户的地理位置的window.navigator.geoloaction,history,audio,video,canvas 2、websocket;websocket是一种协议,可以让我们建立客户端到服务器端的全双工通信,这就意味着服务器端可以主动推送数据到客户端 3 阅读全文
posted @ 2019-02-27 17:54 0C° 阅读(119) 评论(0) 推荐(0)
css的标准模型和低版本的IE的盒子模型有什么不同?
摘要:1、 css的盒子模型:外边距(margin)、内边距(padding)、边界(border)、内容区(width和height) 标准的css盒子模型与低版本的ie盒子模型的不同:宽高不一样 标准的css盒子模型的典型宽高就是内容区的宽高 低版本的IE的盒子模型宽高:内边距+边界+内容区 2、cs 阅读全文
posted @ 2019-02-27 17:33 0C° 阅读(470) 评论(0) 推荐(0)
各种布局的区别
摘要:div+css布局主要有:静态布局、弹性布局(rem/em布局)、自适应布局、流式布局、响应式布局。 一、静态布局 特点: 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽 阅读全文
posted @ 2019-02-22 19:21 0C° 阅读(328) 评论(0) 推荐(0)
DOM操作
摘要:DOM(DOM,document object model)文档对象模型,是主要用于对html和xml的文档对象的操作。是对同一层次级的节点树,通过对节点的操作,实现对文档内容的查找、新建、删除和添加等功能。 一、DOM树 1、DOM树分为: 节点树:是将文档的所有内容视为节点。 元素树:仅将文档的 阅读全文
posted @ 2019-02-22 18:46 0C° 阅读(142) 评论(0) 推荐(0)
如何上传本地项目到github
摘要:github作为git的代码托管,而许多大神都在上面托管自己的开源项目。现在,我来记录一下我是如何将本地项目上传到github上。 一、安装git工具(具体方法见百度) 二、配置全局 三、创建.ssh 连续三次回车键,得到 - 找到 C_爱拼才会赢(用户名)_.ssh,其中有两个文件id_rsa(私 阅读全文
posted @ 2019-02-16 22:04 0C° 阅读(156) 评论(0) 推荐(0)
前端应聘需要准备的作品
摘要:文章背景:本文来自于大四第一学期结束后,找工作两个月一直被拒绝。后经在网上请教一些的前辈,现作出阶段性的建议。 首先,在求职中,作品是必需提供的,社会是充满竞争的,你不提供,别人提供,机会就是如此让出去的。提供一切的作品,一切的在线资源的目的是为了更加形象方便的证明你某方面的能力,提供更多的资源是为 阅读全文
posted @ 2019-02-14 03:45 0C° 阅读(981) 评论(0) 推荐(0)
github如何删除新建仓库(致新手)
摘要:github作为开发人员的必备用具。那么,作为一个新手如何删除github中建立的仓库呢? 1、以删除My test为例 阅读全文
posted @ 2019-02-14 00:52 0C° 阅读(273) 评论(0) 推荐(0)
前端开发项目资源网站
摘要:1.CodePen:http://codepen.io/ 网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图,是不是很酷呀! 2.RunJS:http://runjs.cn/ 点击广场,则可以看 阅读全文
posted @ 2019-02-12 18:19 0C° 阅读(209) 评论(0) 推荐(0)