JS快速上手-基础Javascript】的更多相关文章

1.1背景 1.1.1 ECMAScript与javascript ECMAScript是javascript的官方命名.因为java已经是一个商标.如今,一些早前收到过授权的公司,如Moailla,是允许是有javascript这个名字的.使用javascript这个名字通常需要遵守一下规则: ~Javascript指的是一种编程语言. ~ECMAScript是这种语言规范的名字.so,每当提到这种语言的版本时,就是指ECMAScript. 1.1.2 javascript的影响和本质 jav…
前言 说起CSS3动画,就必须说说 transform,translate,transition,animation这4个属性,transform主要定义元素的动作,比如旋转.倾斜.位移等,translate是transform里面的属性,用于2D/3D位移.后2个主要对动作进行描述,动画时间.速度曲线.次数等. 下面我用是一些简单的示例,让大家快速的入门上手: 快速开始第一个动画 这里hover事件时改变宽度和背景颜色,用transition来描述动画,由于我们只对width进行了描述,所以背…
https://juejin.im/post/5ca22692f265da30a53d6656 github 的地址 欢迎 star! 之前项目中用到了 3D 模型演示的问题,整理了一下之前学习总结以及遇到的坑.3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 对比一下还是使用更为普遍的 Three.js Three.js基础概念 主要来自于<Three.js 开发指南>也可以参考在线网站 threejs 教程 3个基础概念:场景(scene).相机(camera)和渲染…
前些天我在团内做了一个关于AngularJS的分享.由于AngularJS大量使用Promise,所以我把基于Promise的异步编程也一并介绍了下.很多东西都是一带而过,这里再记录下. AngularJS内置的是Kris Kowal的Q框架,我介绍的是自己用得更多的cujoJS的when.js,两者都是Promises/A规范的实现.when.js很小,压缩后只有数kb,gzip后的大小几乎可以忽略.在Node和浏览器环境里都可以使用when.js,唯一需要注意的是:在浏览器使用时,要先加几行…
一.什么是组件 组成网页独立功能基本单元(片段), 复用.维护.性能, Vue.js中的组件就是一个Vue的实例,Vue中的组件包含data/methods/computed. 一个Vue.js的应用程序,实际是由一个根组件(实例)+多个子组件(实例)组成.说白了组件其实就是自定义标签. 二.组件化意义 1. 页面元素及逻辑的复用 2. 易于页面的重构与维护 3. 提升页面渲染性能 三.组件基本用法 1.全局注册 第1步:创建组件 第2步:使用组件 2.局部组件基本用法 四.组件生命周期 一个组…
前言 Vue采用的是组件化思想,那么这些组件间是如何通信的呢?下面详细介绍一下. 所谓组件间通信,不单单是我们字面上理解的相互传递数据,这里还包括一个组件访问另一个组件的实例方法等,如父组件通过ref访问子组件实例成员,并实现传参.我们先来研究父子组件间是如何通信的. 一.父子组件通信 1. props实现父组件向子组件传递数据 父组件: 子组件:  2. $emit实现子组件向父组件传递数据 父组件: 子组件:  3.父组件通过ref访问子组件实例成员,并实现传参 父组件: 子组件: 总结一下…
1.声明式渲染 首先,我们要知道Vue是声明式渲染,那啥是声明式渲染,我们只需要告诉程序我们想要什么结果,其他的交给程序来做.与声明式渲染相对的是命令式渲染,即命令我们的程序去做什么,程序就会跟着你的命令去一步一步执行. 比如Vue通过插值表达式实现声明式渲染:功能:向视图输出内容,语法{{常量|变量|表达式|函数}}. 2. vue指令 Vue提供的以v-打头的标签属性, 控制指令所属的标签(行为/外观),Vue的指令分为内置指令和自定义指令: Vue.directive 2.1 vue.js…
一.什么是路由 URL -> 映射 -> 组件 Hash+onhashchange History.pushstate+replaceState+onpopstate 二.准备工作 组件 router-link: 导航,最终默认情况生成a标签 router-view:组件容器,占位符(插座), 相当于之前.container的div 对象 routes: 路由表, 配置url与组件间的关系集合 router: 路由对象, 存储路由相关信息,并可以操作路由切换 三.使用vue-router 开发…
React:快速上手(1)——基础知识 React(有时叫React.js或ReactJS)是一个为数据提供渲染为HTML视图的开源JavaScript库,用于构建用户界面. JSX.元素及渲染 1.关于JSX JSX(JavaScript XML)是JavaScript语言语法的扩展.与HTML相似,JSX提供了一种使用许多开发人员熟悉的语法来构建组件呈现的方法. React组件通常使用JSX编写,组件也可以用纯JavaScript编写,只是太麻烦. 例如,我们使用JSX可以很轻松的描述一个视…
Vue.js 2.0 快速上手精华梳理 Sandy 发掘代码技巧:公众号:daimajiqiao 自从Vue2.0发布后,Vue就成了前端领域的热门话题,github也突破了三万的star,那么对于新手来说,如何高效快速的学习Vue2.0呢. Vue基础 对于没有接触过es6和webpack的童鞋来说,不建议直接用官方的脚手架vue-cli构件项目.先按文档顺序最少学习完组件那一章.直接在html文件中引入vue.js开始学习,了解vue的基础指令,和整个vue实例的基础架构.vue的生命周期很…