自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 taro 微信小程序框架

前言taro是前端 微信小程序开发的一个框架 使用React语法 可以提供多端使用。当然啦 ,你需要使用taro提供的组件。安装yarn add global @tarojs/cli项目创建taro init 项目名项目运行 脚本yarn dev:h5 rn weapp 等等项目运行会生成一个dist目录 打个比方 你可以通过下载微信开发者工具,来查看项目长啥样子...

2020-03-15 23:00:29 473

原创 React hooks

React hooks的提出 是基于React 16.8版本以上为前提的它的出现 使得函数式组件 可以保存状态 和 享受 两个生命周期函数componentDidMount 和 componentDidUpdate他的使用规则是use打头的 比如useState 、useEffect、useContext等等都需要从react当中结构出来使用import {useState,useE...

2020-03-15 21:56:20 157

原创 Vue 的状态管理工具 --- Vuex

前言复杂组件间的通信让人头疼,于是产生了一个公共的管理数据的库 - VuexVueX 是一个专门为 Vue.js 应用设计的状态管理架构,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。五大核心概念state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据...

2020-03-09 20:04:02 236

原创 Vue和element-ui结合的简单使用

element-ui是一款由饿了么前端团队开发的vue框架组件,里面集成了很多样式组件和功能组件,是一个非常好的框架,下面是利用vue-cli创建一个前端项目,然后引入和配置element-ui的详细步骤。vue一般大家都会想到与element-ui结合使用,方便我们在日常的工作中使用elment,节约时间,同时,用起来也是比较灵活的。下面我们来引用element-ui。npm install...

2020-03-09 16:28:06 1370

原创 react-loadable 性能优化

前言在开发react单页面应用时,我们会遇到一个问题,那就是打包后的js文件特别巨大,首屏加载会特别缓慢。这个时候我们应该讲代码进行分割,按需加载,将js 拆分成若干个chunk.js,用到就加载,react-loadable就可以很好地解决这个问题。1.安装yarn add react-loadable2.基本使用假设现在项目中有个 home页面组件//src/pages/home...

2020-03-09 15:15:36 370

原创 create-react-app 脚手架封装了Webpack的配置 但是还有些方法需要添加 所以需要二次配置

前言日常的React项目开发过程中,基本都会去使用create-react-app(简称cra)这个脚手架。cra中封装了不少关于Webpack的配置,但是有时候这并不能满足我们的需求,例如需要配置别名的时候,这个时候就需要对cra进行二次配置了。二次配置一般有两种方法1. eject2. customize-cra推荐你使用第二种,因为第一种是不可逆的,比如你在飞机上,你跳下去还回得来...

2020-03-09 13:32:46 676

原创 Babel 及其使用

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。核心库@babel/core 模块中。看到 core 这个词了吧,意味着核心,没有它,在 babel 的世界里注定寸步难行。不安装 @babel/core,无法使用 babel 进行编译。CLI命令行工具 @babel/...

2020-03-09 13:05:04 200

原创 webpack 及其使用

webpack 是一个现代 JavaScript 应用程序的静态模块打包器,当 webpack 处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个 bundle。初始化项目npm init -ynpm install webpack webpack-cli -D打包成低版本插件npm install babel-loader -D...

2020-03-09 13:02:51 231

转载 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 190

原创 var 和 let const 总结

首先了解js引擎 解读 js代码 的两个步骤提升函数声明提升 和 变量声明提升(var)执行执行代码学习作用域问题let / const 作用域是 块级作用域var 作用域是 函数作用域let const 声明之前 访问对应变量 会 报错 ReferenceErrorvar 则会得到 undefined出现上述情况 是因为 前者(const/l...

2020-03-05 23:13:15 96

原创 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 919

原创 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 149

原创 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 330

原创 Vuex 购物车的实现

组件化 数据驱动 - vue代码复用 减少DOM操作组件间数据传递 vuex保持各个组件之间 数据一致复习router-view猜想vuex store - 定义数据其他组件 引用 和 修改数据localStorage 缓存数据获取和设置created(){ var count = localStorage.getItem('count') ...

2020-02-28 01:42:14 170

原创 react-native项目 怎么修改项目名

工具 : react-native-rename使用方法:yarn global add react-native-rename //安装react-native-rename <newName> //这个工具也是只对安卓生效注意 : react-native init 的项目 才能这么改名...

2020-02-27 23:24:13 1165

原创 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 95

原创 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 505

原创 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 956

原创 网不好! 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 6490 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 2317

转载 yarn全局安装expo-cli脚手架之后,命令不能执行:'expo' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

添加环境变量1、如果npm安装的话输入指令 npm config list ---- 找到prefix字段 ---- 添加到环境变量2、如果yarn安装输入指令:yarn global bin ---- 找到bin文件的文件路径 — 添加到环境变量注意: 均为系统变量Path环境变量位置 :此电脑>鼠标右键:属性>高级系统设置>高级>环境变量&...

2020-02-26 10:39:28 992

转载 分清npm的全局安装与本地安装

npm全局安装和局部文件安装区别全局安装// 输入指令查询全局模块安装路径$ npm list -g --depth=0本地安装本地模块安装在当前目录下的 node_modules 目录下。安装本地模块的当前目录是 D:\code,那么在该目录下会自动创建 node_modules 目录(如果之前有这个目录就不会创建了),在 node_modules 目录下就可以找到刚才安装的 pa...

2020-02-26 10:32:10 254

转载 PowerShell yarn 系统上禁止运行脚本的解决办法

完成yarn安装 无法检测版本yarn安装完成后 无法检测版本号是因为在此系统上禁止运行脚本。解决办法 :1、搜索 powershell (电源外壳) - 右键选择 - 以管理员身份运行2、RemoteSigned (远程签名)在本地计算机 给未签名的脚本执行签名 确保正常运行执行:set-ExecutionPolicy RemoteSigned执行:get-Exec...

2020-02-24 18:49:32 3778

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除