- 博客(23)
- 收藏
- 关注
RSS订阅原创 taro 微信小程序框架
前言taro是前端 微信小程序开发的一个框架 使用React语法 可以提供多端使用。当然啦 ，你需要使用taro提供的组件。安装yarn add global @tarojs/cli项目创建taro init 项目名项目运行 脚本yarn dev:h5 rn weapp 等等项目运行会生成一个dist目录 打个比方 你可以通过下载微信开发者工具，来查看项目长啥样子...
2020-03-15 23:00:29
482
原创 React hooks
React hooks的提出 是基于React 16.8版本以上为前提的它的出现 使得函数式组件 可以保存状态 和 享受 两个生命周期函数componentDidMount 和 componentDidUpdate他的使用规则是use打头的 比如useState 、useEffect、useContext等等都需要从react当中结构出来使用import {useState,useE...
2020-03-15 21:56:20
161
原创 Vue 的状态管理工具 --- Vuex
前言复杂组件间的通信让人头疼，于是产生了一个公共的管理数据的库 - VuexVueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。五大核心概念state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据...
2020-03-09 20:04:02
239
原创 Vue和element-ui结合的简单使用
element-ui是一款由饿了么前端团队开发的vue框架组件，里面集成了很多样式组件和功能组件，是一个非常好的框架，下面是利用vue-cli创建一个前端项目，然后引入和配置element-ui的详细步骤。vue一般大家都会想到与element-ui结合使用，方便我们在日常的工作中使用elment，节约时间，同时，用起来也是比较灵活的。下面我们来引用element-ui。npm install...
2020-03-09 16:28:06
1376
原创 react-loadable 性能优化
前言在开发react单页面应用时，我们会遇到一个问题，那就是打包后的js文件特别巨大，首屏加载会特别缓慢。这个时候我们应该讲代码进行分割，按需加载，将js 拆分成若干个chunk.js,用到就加载，react-loadable就可以很好地解决这个问题。1.安装yarn add react-loadable2.基本使用假设现在项目中有个 home页面组件//src/pages/home...
2020-03-09 15:15:36
374
原创 create-react-app 脚手架封装了Webpack的配置 但是还有些方法需要添加 所以需要二次配置
前言日常的React项目开发过程中，基本都会去使用create-react-app（简称cra）这个脚手架。cra中封装了不少关于Webpack的配置，但是有时候这并不能满足我们的需求，例如需要配置别名的时候，这个时候就需要对cra进行二次配置了。二次配置一般有两种方法1. eject2. customize-cra推荐你使用第二种，因为第一种是不可逆的，比如你在飞机上，你跳下去还回得来...
2020-03-09 13:32:46
682
原创 Babel 及其使用
Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。核心库@babel/core 模块中。看到 core 这个词了吧，意味着核心，没有它，在 babel 的世界里注定寸步难行。不安装 @babel/core，无法使用 babel 进行编译。CLI命令行工具 @babel/...
2020-03-09 13:05:04
202
原创 webpack 及其使用
webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。初始化项目npm init -ynpm install webpack webpack-cli -D打包成低版本插件npm install babel-loader -D...
2020-03-09 13:02:51
232
转载 AMD、CMD、CommonJS、ES6 Module 的区别
AMD一开始是CommonJS规范中的一个草案，全程是Asynchronous Module Definition , 即异步模块加载机制。 后来由该草案的作者以RequireJS实现了AMD规范，所以一般AMD也是指RequireJS。RequireJS的基本用法通过define来定义一个模块，使用require来引入。//a.js//define可以传入三个参数，分别是字符串-模块名...
2020-03-06 01:33:25
191
原创 var 和 let const 总结
首先了解js引擎 解读 js代码 的两个步骤提升函数声明提升 和 变量声明提升(var)执行执行代码学习作用域问题let / const 作用域是 块级作用域var 作用域是 函数作用域let const 声明之前 访问对应变量 会 报错 ReferenceErrorvar 则会得到 undefined出现上述情况 是因为 前者（const/l...
2020-03-05 23:13:15
98
原创 rrr
React为什么要使用react-dom？经过后面的知识已经了解到有react-native的存在，我们知道RN属于原生应用的开发语言原生应用没有浏览器的存在，所以把react 的核心知识放在了react中让RN和web开发同时使用，而react-dom则是如何在react中进行dom渲染的核心内容，我们常使用react-dom中的render方法。组件与元素元素html中原生的节点，跟...
2020-03-04 16:54:25
922
原创 React 项目
React为什么要使用react-dom？经过后面的知识已经了解到有react-native的存在，我们知道RN属于原生应用的开发语言原生应用没有浏览器的存在，所以把react 的核心知识放在了react中让RN和web开发同时使用，而react-dom则是如何在react中进行dom渲染的核心内容，我们常使用react-dom中的render方法。组件与元素元素html中原生的节点，跟...
2020-03-04 16:54:15
153
原创 nginx部署前端项目 Linux常用命令
简单的利用nginx部署前端项目#1 服务器#2 链接到远端#3 前端项目build 使用打包后的dist文件夹#4 express框架快速搭建后端环境 将#3的文件放入public目录下#5 安装并配置nginxserver_namelocation#6 重启 访问网站Linux常用命令ls 显示文件cd 进入指定路径pwd 显示当前路径mkdir ...
2020-02-28 10:27:42
331
原创 Vuex 购物车的实现
组件化 数据驱动 - vue代码复用 减少DOM操作组件间数据传递 vuex保持各个组件之间 数据一致复习router-view猜想vuex store - 定义数据其他组件 引用 和 修改数据localStorage 缓存数据获取和设置created(){ var count = localStorage.getItem('count') ...
2020-02-28 01:42:14
171
原创 react-native项目 怎么修改项目名
工具 : react-native-rename使用方法:yarn global add react-native-rename //安装react-native-rename <newName> //这个工具也是只对安卓生效注意 ： react-native init 的项目 才能这么改名...
2020-02-27 23:24:13
1167
原创 Vue 面试小常识
sass#安装npm install sass-loader node-sass --save#Vue写法<style lang="scss" scoped>$color:blue;.main{ color:$color}#样式穿透父元素 /deep/ 子元素stylus安装npm install stylus stylus-loader --save#V...
2020-02-27 23:23:51
96
原创 npm安装依赖报 npm ERR! code Z_BUF_ERROR npm ERR! errno -5 npm ERR! zlib: unexpected end of file 这个错误解决方案
安装依赖前方案1先把淘宝的镜像装上了npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config get proxynpm config get https-proxy这两个都返回null才对如果不是执行npm config set proxy nullnpm config set https-...
2020-02-27 21:31:20
506
原创 React-native 无法智能提示代码
无法智能提示代码解决办法：#1.全局安装typingsnpm install -g typings#2.进入react-native项目 根目录下 ：typings install dt~react-native --save函数式组件及其特点#1.组件不会被实例化,整体渲染性能得到提升#2.组件不能访问this对象#3.组件无法访问生命周期的方法#4.组件只能访问输入的pro...
2020-02-27 14:56:42
957
原创 网不好！ yarn报错error An unexpected error occurred: "https://registry.yarnpkg.com...connect ETIMEDOUT...
这是由于资源地址请求超时造成的，更换一下请求地址即可。npmnpm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globalyarnyarn config set registry https://regis...
2020-02-27 01:31:20
6510
2
原创 npm 和 yarn 安装包位置的修改 保护C盘空间计划
问题描述： npm 和 yarn 的一些缓存和全局安装的包，默认都会在C盘存储，这个对于C盘的宝贵空间来说，实在是不能忍啊。npm#1.改变npm 全局安装位置npm config set prefix "你的磁盘路径"#这里是我的路径npm config set prefix "D:\appCache\nodejs\node_global"#2. 改变 npm 缓存位置npm c...
2020-02-26 15:59:50
2326
转载 yarn全局安装expo-cli脚手架之后，命令不能执行：'expo' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
添加环境变量1、如果npm安装的话输入指令 npm config list ---- 找到prefix字段 ---- 添加到环境变量2、如果yarn安装输入指令：yarn global bin ---- 找到bin文件的文件路径 — 添加到环境变量注意： 均为系统变量Path环境变量位置 ：此电脑>鼠标右键：属性>高级系统设置>高级>环境变量&...
2020-02-26 10:39:28
994
转载 分清npm的全局安装与本地安装
npm全局安装和局部文件安装区别全局安装// 输入指令查询全局模块安装路径$ npm list -g --depth=0本地安装本地模块安装在当前目录下的 node_modules 目录下。安装本地模块的当前目录是 D:\code，那么在该目录下会自动创建 node_modules 目录（如果之前有这个目录就不会创建了），在 node_modules 目录下就可以找到刚才安装的 pa...
2020-02-26 10:32:10
257
转载 PowerShell yarn 系统上禁止运行脚本的解决办法
完成yarn安装 无法检测版本yarn安装完成后 无法检测版本号是因为在此系统上禁止运行脚本。解决办法 :1、搜索 powershell （电源外壳） - 右键选择 - 以管理员身份运行2、RemoteSigned （远程签名）在本地计算机 给未签名的脚本执行签名 确保正常运行执行：set-ExecutionPolicy RemoteSigned执行：get-Exec...
2020-02-24 18:49:32
3797
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人