小烨！-优快云博客

原创 React --Y.

React 介绍React 是一个用于构建用户界面的渐进式 JavaScript 库本身只处理 UI不关系路由不处理 ajaxReact主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。数据驱动视图React 由 Facebook 开发第一个真生意义上把组件化思想待到前端开发领域 angular 早期没有组件化思想后来也被 Vue 学习借鉴了...

2018-09-03 09:00:33 319

原创微信小程序 - JSON 配置 - window 配置 - tabBar 配置 --Y.

JSON 配置配置文档：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html如：app.json { "pages": [ "pages/index/index", "pages/logs/logs" ], "window": { &qu

2018-08-10 17:13:24 2604

原创 Canvas图形绘制 --Y.

矩形绘制rect(x,y,w,h) 没有独立路径strokeRect(x,y,w,h) 有独立路径，不影响别的绘制fillRect(x,y,w,h) 有独立路径，不影响别的绘制clearRect(x,y,w,h) 擦除矩形区域圆弧绘制弧度概念arc() x 圆心横坐标y 圆心纵坐标r 半径startAngle 开始角度endAngle 结束角度anticloc...

2018-08-10 16:47:50 1529

原创安装 Angular --Y.

下载 Angular.js 的包- https://github.com/angular/angular.js/releases使用 CDN 上的 Angular.js - http://apps.bdimg.com/libs/angular.js/1.4.9/angular.min.js使用 Bower 安装 bower install ang...

2018-08-10 16:37:54 1596

原创 React中创建组件 --Y.

第1种 - 创建组件的方式使用构造函数来创建组件，如果要接收外界传递的数据，需要在构造函数的参数列表中使用props来接收；必须要向外return一个合法的JSX创建的虚拟DOM；创建组件： function Hello () { // return null return <div>Hello 组件</div> }...

2018-08-10 11:19:30 2031

原创如何在项目中使用 react --Y.

1.运行 cnpm i react react-dom -S 安装包react：专门用于创建组件和虚拟DOM的，同时组件的生命周期都在这个包中 react-dom：专门进行DOM操作的，最主要的应用场景，就是ReactDOM.render()2.在index.html页面中，创建容器： <!-- 容器，将来，使用 React 创建的虚拟DOM元素，都会被渲染到这个指定的容...

2018-08-10 11:07:53 2296

原创 React中几个核心的概念 --Y.

虚拟DOM（Virtual Document Object Model）DOM的本质是什么：浏览器中的概念，用JS对象来表示页面上的元素，并提供了操作 DOM 对象的API；什么是React中的虚拟DOM：是框架中的概念，是程序员用JS对象来模拟页面上的 DOM 和 DOM嵌套；为什么要实现虚拟DOM（虚拟DOM的目的）：为了实现页面中， DOM 元素的高效更新DOM和虚拟DOM...

2018-08-10 11:01:44 3305

原创 webpack中,vue组件页面的解析 --Y.

在webpack中配置.vue组件页面的解析1.运行cnpm i vue -S将vue安装为运行依赖； 2.运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖； 3.运行cnpm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖，因为.vue文件中会写CSS样式； 4.在...

2018-08-10 09:24:18 2028

原创 vue-router路由模块 --Y.

在vue组件页面中，集成vue-router路由模块vue-router官网1.导入路由模块： import VueRouter from 'vue-router'2.安装路由模块： Vue.use(VueRouter);3.导入需要展示的组件: import login from './components/account/login.vue'...

2018-08-10 09:10:04 2273

原创 vue-resource 实现 get, post, jsonp请求 --Y.

除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求常见的数据请求类型 get post jsonp测试的URL请求资源地址：- get请求地址： http://vue.studyit.io/api/getlunbo- post请求地址：http://vue.studyit.io/api/post- jsonp请求地址：http://vu...

2018-08-10 07:57:06 3817

原创 Vue中使用样式 --Y.

使用class样式1.数组 &amp;lt;h1 :class=&quot;['red', 'thin']&quot;&amp;gt;这是一个邪恶的H1&amp;lt;/h1&amp;gt;2.数组中使用三元表达式 &amp;lt;h1 :class=&quot;['red', 'thin', isactive?'active':'']&quo

2018-08-09 15:49:46 2138

原创跑马灯效果 --Y.

HTML结构： <div id="app"> <p>{{info}}</p> <input type="button" value="开启" v-on:click="go"> <input type="button"

2018-08-09 15:30:18 2449

要让apache支持gzip功能，要用到deflate_Module和headers_Module。打开apache的配置文件httpd.conf，大约在105行左右，找到以下两行内容：（这两行不是连续在一起的）#LoadModule deflate_module modules/mod_deflate.so#LoadModule headers_module modules/mod_hea...

2018-08-09 15:23:00 3679

小烨！