- 博客(67)
- 收藏
- 关注
RSS订阅原创 vue cli3 安装
说明：1.安装包名称vue-cli改为@vue/cli。 2.如果在vue-cli全局安装了以前的（1.x或2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。 3.Vue CLI需要Node.js版本8.9或更高版本（建议使用8.11.0+）。可是使用node -...
2019-07-22 15:06:18
332
原创 vue cli browserslist浏览器兼容
Vue CLI 初始化的项目，构建时会根据package.json中的browserslist配置自动检测需要转译的语言特性，根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器。避免不必要的兼容代码，以提高代码的编译质量。通常只需要修改browserslist即可兼容目标浏览器，例如兼容IE10可以做如下配置："browserslist": [...
2019-07-22 14:31:31
2665
原创 trhyert
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:50:16
226
原创 ytr
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:49:49
308
原创 wergt
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:49:18
196
原创 tewe
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:48:58
237
原创 trw
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:48:26
372
原创 tre
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:48:08
794
原创 rew
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:47:44
712
原创 reees
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:47:22
169
原创 ree2
什么是React？React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。React不是一个框架（与Angular不同，它更加自以为是）。React是一个由Facebook创建的开源项目React用于在前端构建用户界面（UI）React是MVC应用程序的视图层（模型视图控制器）React最重...
2019-04-03 21:47:00
254
原创 react项目-组件样式
1.默认情况下我们在某个组件中可以直接引入css样式，或者使用内联的style样式：import React from 'react';import './App.css';function App() { return ( <div className="content" style={{color:red;background:blue}}></div...
2019-04-03 21:46:38
337
原创 react-全家桶3
什么是React？ React是一个JavaScript库 - 最受欢迎的库之一，在GitHub上有超过100,000颗星。 React不是一个框架（与Angular不同，它更加自以为是）。 React是一个由Facebook创建的开源项目。 React用于在前端构建用户界面（UI）。 React是MVC应用程序的视图层（模型视图控制器） React最重要的一个方面是，您可以创建组件...
2019-03-31 13:22:44
171
原创 react-项目配置
主文件配置：src / index.jsimport React from 'react';import { render } from 'react-dom';import App from './App';import * as serviceWorker from './serviceWorker';render( <App />, documen...
2019-03-31 13:22:24
209
原创 react-项目结构
react环境搭建1.安装安装nodejs( 问度娘)。2.安装npm或者yarn或cnpm( 问度娘)。3.安装react脚手架create-react-app：npm install -g create-react-app或 cnpm install -g create-react-app或 yarn add -g create-react-appreact创...
2019-03-31 13:22:03
2549
原创 react基础06-diff算法和虚拟DOM
虚拟DOM和Diff算法是React里面非常核心的两个概念，我们需要有一个全面的认识，这对于后面使用脚手架开发项目，尤其是企业中前后端分离的项目有很大的帮助虚拟DOM内部执行流程 1).用JavaScript对象结构表示DON树的结构，然后用这个树结构建一个真正的DOM树，插入到文档中 2).当状态变更时，重新构造一颗新的对象树，然后用新的树结构和旧的树结构...
2019-03-31 13:21:36
626
原创 react-虚拟Dom
虚拟DOM和Diff算法时React里面非常核心的两个概念，我们需要有一个全面的认识，这对于后面使用脚手架开发项目，尤其是企业中前后端分离的项目有很大的帮助虚拟DOM内部执行流程1).用JavaScript对象结构表示DON树的结构，然后用这个树结构建一个真正的DOM树，插入到文档中2).当状态变更时，重新构造一颗新的对象树，然后用新的树结构和旧的树结构进行对比...
2019-03-31 13:21:11
247
原创 react基础05-生命周期
React组件从创建到销毁，要经历四个阶段初始化阶段： 组件被创建时，会执行下面的钩子函数constrctor()static getDwecedStateFromProps()conmonentWillUnmount() / UNSAFE_componentWillMount()componentDidMount()render()此阶段开发中常用的钩子：...
2019-03-31 13:20:41
471
原创 react基础04-ref
React ref(慎用)React ref与vue中的ref使用相似 React支持可以附加到任何组件的特殊属性。该ref属性可以是由React.createRef()函数或回调函数创建的对象，也可以是字符串（在旧API中）。当ref属性是回调函数时，函数接收底层DOM元素或类实例（取决于元素的类型）作为其参数。这允许您直接访问DOM元素或组件实例。 React....
2019-03-31 13:20:11
476
原创 react基础03-状态state
React状态 React的状态一般要先在构造函数中进行初始化声明。 constructor(props) { super(props); //初始化状态,将所有的状态都放到下面的state对象里面 this.state = { date: new Date() .... }; }React的状态的修...
2019-03-31 13:19:44
441
原创 react基础02-组件及props
React组件 从概念上讲，组件就像JavaScript函数。它们接受任意输入（props）并返回描述屏幕上应显示内容的React元素。定义组件 定义组件的最简单方法是编写JavaScript函数：function Welcome(props) { return <h1>Hello, {props.name}</h1>;}...
2019-03-31 13:19:16
438
原创 react基础01 React使用和JSX语法
什么是React？ React是一个JavaScript库 用于在前端构建用户界面（UI） React是MVC应用程序的视图层（模型视图控制器） React最重要的一个方面是，您可以创建组件（类似于自定义，可重用的HTML元素），以快速有效地构建用户界面。React还使用状态和道具简化了数据的存储和处理方式设置安装 此方法不是设置Reactd的流行方法...
2019-03-31 13:18:30
594
原创 vue优化（打包、编译）
关于vue打包和编译速度，在小型项目中可能体现的不明显，但是在中大型项目中，这是一个硬伤，会大大的降低开发速率。今天得空，就把我以前开发过程中总结的经验分享一下，其实也是自己结合前人的一些经验总结的。打包优化1.config/index.js 屏蔽sourceMap 和 对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩build: { ......
2019-03-28 09:36:27
2118
1
原创 微信小程序8
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:14:41
147
原创 微信小程序5
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:14:29
180
原创 微信小程序4
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:14:15
221
原创 微信小程序3
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:14:04
499
原创 微信小程序2
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:13:49
125
原创 微信小程序
在上一章中，我们通过开发者工具快速创建了一个 QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件 .wxml后缀的WXML模板文件 .wxss后缀的WXSS样式文件 .js后缀的JS脚本逻辑文件接下来我们分别看看这4种文件的作用。JSON 配置我们可以看到在项目的根目录有一个app.json和...
2019-03-24 09:13:32
117
原创 百度智能小程序2-创建项目
框架开发小程序的开发除去常见的原生小程序语法的开发模式，还可以应用层框架开发，用类现代框架 (vue/react) 的语法去开发小程序，提升开发体验和解决跨平台的问题。本文主要讲解如何用常见的小程序框架开发百度小程序。如果遇到相关问题，可以社区里提问或者添加客服微信咨询：wx2swan-helper。Taro第一步: 安装开发工具安装 Taro 开发工具@tarojs/c...
2019-03-24 08:50:36
480
原创 百度智能小程序3-项目配置
全局配置配置 app.json 文件可以通过配置 app.json 文件，设置 SWAN 的界面、路径、多 TAB 等。app.json 配置项列表如下属性 类型 必填 描述 pages String Array 是 设置页面路径 window Object 否 设置页面展现 preloadRule Objec...
2019-03-24 08:50:25
608
原创 百度智能小程序4
页面开发开发 .swan 文件这部分是每个智能小程序页面的展现模板，类似于 Web 开发中的 HTML ，SWAN 模板中使用的标签均为 SWAN 组件规定的标签。 <view s-for="item in items" class="single-item" bind:tap="oneItemClick" bind:touchstart="oneItemTouchSta...
2019-03-24 08:50:14
488
原创 百度智能小程序5-
结构介绍智能小程序是一种新的开放能力，开发者可以快速地开发一个智能小程序。通过搜索，用户可以在百度 App 内被便捷地获取和传播。框架概述SWAN App 基本开发思路类似于前端开发，并增强调用大量端能力，性能体验优于普通 Web 。上层架构基于 JS 开发，可以辅助开发者进行良好得开发。SWAN App 为开发者提供了 MVVM 的开发方式。JS 状态的变更引起视图的变化，视图的...
2019-03-24 08:49:59
280
原创 百度智能小程序6
结构介绍智能小程序是一种新的开放能力，开发者可以快速地开发一个智能小程序。通过搜索，用户可以在百度 App 内被便捷地获取和传播。框架概述SWAN App 基本开发思路类似于前端开发，并增强调用大量端能力，性能体验优于普通 Web 。上层架构基于 JS 开发，可以辅助开发者进行良好得开发。SWAN App 为开发者提供了 MVVM 的开发方式。JS 状态的变更引起视图的变化，视图的...
2019-03-24 08:49:41
224
原创 百度智能小程序7
结构介绍智能小程序是一种新的开放能力，开发者可以快速地开发一个智能小程序。通过搜索，用户可以在百度 App 内被便捷地获取和传播。框架概述SWAN App 基本开发思路类似于前端开发，并增强调用大量端能力，性能体验优于普通 Web 。上层架构基于 JS 开发，可以辅助开发者进行良好得开发。SWAN App 为开发者提供了 MVVM 的开发方式。JS 状态的变更引起视图的变化，视图的...
2019-03-24 08:49:27
141
原创 vue history 模式（路由）
vue 里面路由有两种显示模式是hash和history，默认是hashhash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重...
2019-03-24 08:49:09
29297
原创 百度智能小程序1-项目配置
工程的工作目录中包含以下文件：|____app.css|____app.json|____project.swan.json|____pages| |____detail| | |____detail.css| | |____detail.swan| | |____detail.j...
2019-03-24 08:48:32
810
原创 es6类class
es5之前定义对象类function Person(name,age){ this.name = name this.age = age}Person.prototype.showName = function(){ console.log(this.name)}Person.prototype.showAge = function(){ conso...
2019-03-23 11:27:28
246
原创 axios请求超时自动重新请求
有时候因项目需求，要在接口请求超时或者获取数据失败时，重新请求1次，或者更多次。具体的配置步骤和方法如下：因为是要在请求超时或者获取数据失败时，进行重新请求设置，那么我们肯定是要在请求返回拦截器里面设置，import axios from "axios";const Axios = axios.create({ // 下面两个属性，用来设置，请求失败或者超时，自动重新请求的次数和...
2019-03-09 16:19:45
6422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人