- 博客(14)
- 收藏
- 关注
原创 页面架构之 - 居中布局
一、水平布局(居中)1.使用text-align 和 inline-bolck属性提示:对父容器(块级元素)设置 text-align:center会对子容器所有有inline-属性的值的元素起作用<!DOCTYPE HTML><html><head> <style> .parent-one { ...
2020-01-10 15:17:19
196
原创 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
258
原创 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
2794
原创 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
371
1
原创 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
291
原创 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
404
转载 webpack打包
前端工具 - 学会webpack打包原文:http://www.jianshu.com/p/42e11515c10f一、什么使用webpack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法1.模块化,让我们可以把复杂的程序细化为小的文件; 2.类似于TypeScript这种在JavaScri
2017-09-08 14:51:57
564
原创 routing with ui-router
原文:https://scotch.io/tutorials/angular-routing-using-ui-routerAngularJS提供了一种非常方便的单页应用程序。当创建单页应用程序时,路由将非常重要。我们希望我们的导航感觉像一个正常的网站,仍然没有我们的网站刷新。我们已经使用常规的ngRoute方法进行了angular 路由。 今天我们将使用UI-Router查看路由。概述1.什么是
2017-07-27 10:57:19
362
原创 AngularJs - 表单验证
本文章翻译并个人总结于: https://scotch.io/tutorials/angularjs-form-validation我们更新了这篇文章为Angular 1.3和新的 ng-touched 的功能。 今天我们来看看Angular如何帮助我们进行表单验证。 我们将更多地使用Angular表单(就像我们的其他文章:提交AJAX表单:AngularJS方式)。 不用担心,该文章不是必需的
2017-07-05 11:15:29
534
原创 javascript - 关于scope作用域和contact上下文
JavaScript的作用域(Scope)和上下文(Context)JavaScript对于作用域(Scope)和上下文(Context)的实现是这门语言的一个非常独到的地方,部分归功于其独特的灵活性。 函数可以接收不同的的上下文和作用域。这些概念为JavaScript中的很多强大的设计模式提供了坚实的基础。 然而这也概念也非常容易给开发人员带来困惑。为此,本文将全面的剖析这些概念,并阐述不同的设计
2017-06-30 10:50:33
558
翻译 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
388
转载 css布局 - flex布局
你是否还在使用 (display 属性 + position属性 + float属性。)方式进行元素间的排列,那么你就out了。传统的布局方式已经不能解决特殊的布局方式。例如:垂直居中。 2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。一.flex布局Flex
2017-06-09 15:51:30
329
转载 jqlite
尽管Angular不鼓励依赖jQuery库,但是在应用中仍然可以使用它。只需确保在 DOMContentLoaded事件被触发之前载入它或者手动启动应用即可。 Angular本身包含了一个叫做jqLite的可兼容性库。 使用过的angular.element()方法就返回一个jqLite对象, jqLite是jQuery库的子集,它 允许Angular以跨浏览器兼容的方式维护DOM。 jq
2017-05-09 17:34:36
495
原创 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
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人