![](https://img-blog.csdnimg.cn/20190825104600230.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
常用前端技术栈总结
会持续介绍前端相关框架及技术要点
若茶先森
纷纷万事,直道而行
展开
-
react基础使用(一)
一直想整理下关于react基本知识的内容,但是没有时间,抽时间补上,欢迎评论交流,如有不对的地方,望指教1.基础使用,不用cli脚手架示例:新建html文件,如果不用脚手架构建的话需要引用js文件react.development.jsreact-dom.development.jsbabel.mn.js基本的代码流程<script>1:创建虚拟dom元素对象...原创 2019-08-24 13:24:49 · 185 阅读 · 0 评论 -
webpack详解教程-参考(分享)
https://www.cnblogs.com/ye-hcj/p/7095401.html原创 2018-09-06 14:26:31 · 143 阅读 · 0 评论 -
webpack(打包神器)简单入门
webpack具有一般的构建工具具有的功能: 1.代码转换:例如 scss编译为css ,typescript编译为js等 2.文件压缩,文件优化。 3.代码分割.:提取公用的代码。首屏展示的时候不需要的代码,需要的时候才执行加载,懒加载的过程。 4.模块合并。 5.自动刷新。6.代码校验。webpack一些核心的概念 1.Enter:打包的入口-进行入口文件的...原创 2018-06-12 00:26:34 · 595 阅读 · 0 评论 -
Webpack简介使用教程
。 了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器。 * 在Webpack看来, 前端的所有资源文件(js/css/img/less/…)都会作为模块处理 * 它将根据模块的依赖关系进行静态分析,生成对应的静态资源 * 理解Loader * Webpack 本身只能处理 JavaScript 模块,如果要处理其翻译 2017-02-15 20:37:11 · 227 阅读 · 0 评论 -
uni-app基本使用(一)
关注了下最近uni-app使用率在提高,毕竟是多端公用代码,用户体验更接近原生效果,还是值得一看的,今天抽时间进行下总结,如果不对的地方,欢迎指出,及时修改1.根据官网补充下介绍1.uni-app是一个使用vue开发跨平台前端应用框架,所以开发者编写vue.js代码即可2.uni-app通过编译ios android 微信小程序等多个平台,并也达到了比较好的用户体验3.uni-app...原创 2019-08-25 12:23:05 · 502 阅读 · 0 评论 -
tyepscript基本语法总结(下)
欢迎留言评论交流,如果不对的地方欢迎指出,及时更正,还望见谅1,ts中接口,关键字interface接口类型分为:1.属性类型接口。2.函数类型接口,3.可索引类型接口,4.类类型接口属性类型接口interface FullName{ // 传入对象的约束 firstName: string; secondName: string; // sceondName?:s...原创 2019-08-19 00:09:34 · 278 阅读 · 0 评论 -
typescript语法基本总结(上)
现在好多前端框架都开始支持typescript,ts本身支持es5和es6写法,但是ts本身对js语法进行了进一步封装,vue3.0开始全面支持,但是惭愧自己一直不了解ts,趁着这两天有时间,自己总结下,欢迎评论留言交流,如有不对的地方,会及时更正,还望见谅1.全局安装typescriptnpm install typescript -g2,编译ts文件1,新建文件 index...原创 2019-08-18 12:22:47 · 1599 阅读 · 0 评论 -
react基本使用(三) redux
接上文中继续介绍下redux1.redux三个核心概念之 action语法结构示例var action = { type:'biaoshi', name: 'zpc'}包含两个属性 type:标识字段,唯一 name:数据属性 key value形式创建Action函数 var a = (data) => ({type:'biaosh...原创 2019-08-24 21:21:10 · 227 阅读 · 0 评论 -
react基本使用(二)
上文已经将react基本的语法过了一遍,接下来用下cli脚手架工具1.脚手架库 create-react-app1.官方提供了项目脚手架create-react-app2.项目的整体技术架构为react+webpack+es6+eslint3.使用脚手架开发项目的特点:模块化,组件化,工程化创建项目并启动npm install -g create-react-appcreat...原创 2019-08-24 18:57:28 · 176 阅读 · 0 评论 -
常见的一些前端知识点总结
1,如何实现vue的路由填坑记录懒加载,有几种写法在vue中组件懒加载又称为代码分割,也叫延迟加载,即在需要的时候进行加载,随用随载。不用懒加载的话,webpack打包后的文件会异常过大,造成进入首页时候,需要加载的内容过多,时间长。会出现长时间的白屏,即使做了loading也不利于用户体验概念: 把不同的路由对应的不同的组件分割成不同的代码块,当路由访问的时候,再去做加载对应的组件,这是利...原创 2019-05-16 14:06:00 · 563 阅读 · 3 评论