yxy_elena-优快云博客

原创页面架构之 - 居中布局

一、水平布局（居中）1.使用text-align 和 inline-bolck属性提示：对父容器（块级元素）设置 text-align:center会对子容器所有有inline-属性的值的元素起作用<!DOCTYPE HTML><html><head> <style> .parent-one { ...

2020-01-10 15:17:19 239

原创 React - Medium Knowledge

React - 进阶详解一、JSX深入理解JSX只是React.createElement(component,props,...children)的语法糖JSX：Greeting date={2} name="cindy"/>__________________________________装换成javascript：React.createElement(

2018-05-14 09:29:31 284

原创 Css3 - Grid网格布局

Grid - 二维网格布局Grid - 二维网格布局一介绍原理基础概念浏览器支持二重要术语grid container网格容器grid Item网格项grid line 网格线grid track网格轨道grid cell网格单元grid area网格区域三所有网格容器属性和网格元素属性四grid container 属性display grid inline-grid

2018-01-29 16:49:39 2871

原创 React-Router （version 4）

React-router 工作学习总结学习目的：为单页面react的应用提供页面间的切换，即路由切换相关内容：此工具由 Facebook 开发并维护。官网地址：https://reacttraining.com/react-router/web/guides/philosophy安装地址：https://www.npmjs.com/package/react-router-dom

2018-01-19 18:06:58 422

原创 React - basic knowledge

react基础总结具体详见官网：https://reactjs.org/docs/introducing-jsx.html 一、简介用于构建用户界面的JavaScript库 1.react不是完整的MVC MVVM框架二、安装1.创建新应用（使用create-react-app）npm install -g create-react-appcreate-react...

2017-12-20 14:09:49 313

原创 react-native 10打包apk

react-native 10 - 打包（windows系统开发的android）本片主要总结一下 react-native 搭建的移动app项目打包 - android react-native(0.49)平常项目运行react-native run-android,项目目录中（..\android\app\build\outputs\apk）写生成一个app-dubug.apk的文

2017-10-23 14:36:47 429

前端工具 - 学会webpack打包原文：http://www.jianshu.com/p/42e11515c10f一、什么使用webpack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法1.模块化，让我们可以把复杂的程序细化为小的文件; 2.类似于TypeScript这种在JavaScri

2017-09-08 14:51:57 618

原创 routing with ui-router

原文：https://scotch.io/tutorials/angular-routing-using-ui-routerAngularJS提供了一种非常方便的单页应用程序。当创建单页应用程序时，路由将非常重要。我们希望我们的导航感觉像一个正常的网站，仍然没有我们的网站刷新。我们已经使用常规的ngRoute方法进行了angular 路由。今天我们将使用UI-Router查看路由。概述1.什么是

2017-07-27 10:57:19 389

原创 AngularJs - 表单验证

本文章翻译并个人总结于： https://scotch.io/tutorials/angularjs-form-validation我们更新了这篇文章为Angular 1.3和新的 ng-touched 的功能。今天我们来看看Angular如何帮助我们进行表单验证。我们将更多地使用Angular表单（就像我们的其他文章：提交AJAX表单：AngularJS方式）。不用担心，该文章不是必需的

2017-07-05 11:15:29 576

原创 javascript - 关于scope作用域和contact上下文

JavaScript的作用域（Scope）和上下文（Context）JavaScript对于作用域（Scope）和上下文（Context）的实现是这门语言的一个非常独到的地方，部分归功于其独特的灵活性。函数可以接收不同的的上下文和作用域。这些概念为JavaScript中的很多强大的设计模式提供了坚实的基础。然而这也概念也非常容易给开发人员带来困惑。为此，本文将全面的剖析这些概念，并阐述不同的设计

2017-06-30 10:50:33 665

翻译 angularJS - directive

一、directive介绍1.什么指令，从指令的用法，我可以这么解释，指令使用在dom元素上（例如属性、元素名、注释或class类），可以只是AngularJs的html编译器（$compile）将制定的行为附加在该DOM元素上（例如通过事件监听事件），甚至可以转换成DOM元素及其子集。 2.angular 自带了一系列的指令，例如：ng-Bind,ng-model和ng-class。就像创建co

2017-06-16 14:53:33 460

转载 css布局 - flex布局

你是否还在使用（display 属性 + position属性 + float属性。）方式进行元素间的排列，那么你就out了。传统的布局方式已经不能解决特殊的布局方式。例如：垂直居中。 2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。一.flex布局Flex

2017-06-09 15:51:30 375

转载 jqlite

尽管Angular不鼓励依赖jQuery库，但是在应用中仍然可以使用它。只需确保在 DOMContentLoaded事件被触发之前载入它或者手动启动应用即可。 Angular本身包含了一个叫做jqLite的可兼容性库。使用过的angular.element()方法就返回一个jqLite对象， jqLite是jQuery库的子集，它允许Angular以跨浏览器兼容的方式维护DOM。 jq

2017-05-09 17:34:36 521

原创 jquery易混知识点总结

一、DOM与jquery对象的转换1.DOM对象转换为jquery对象 $(DOM对象)2.jquery对象转换为DOM对象 jquery对象是数组对象-角标【0】 jquery对象提供一个get(index)方法 .get(0)3.注意：DOM对象与jquery对象之间不能相互调用二、选择器：nth-child(n) -n从1开始：eq(n)

2017-05-09 16:59:55 309

yxyCyndi的博客