前端
前端知识集锦
天工开物_152368
静能生慧,搏能生辉。
展开
-
React项目如何打包发布及遇到的坑
刚开始学习react,遇到一些小问题。我使用的是create-react-app脚手架生成的项目。这个脚手架一键生成react项目,非常方便。先简单记录一下这个新建项目的过程。一、打包1、安装使用npm install -g create-react-app122、生成新项目create-react-app my-app12(生成的项目最好不要用驼峰式命名,否则后面生成文件提示也会让你改)3、...原创 2018-06-29 14:23:12 · 54095 阅读 · 3 评论 -
非常经典实用的React学习资料
1、React.js 小书http://huziketang.mangojuice.top/books/react/2、Ant Designhttps://ant.design/index-cn3、React-Bootstraphttp://react-bootstrap.cn/4、React 技术栈系列教程http://www.ruanyifeng.com/blog/...原创 2018-07-09 09:56:23 · 682 阅读 · 0 评论 -
React项目从开发到上线运行全过程
随着react的流行,越来越多的前端工程师使用react来进行开发,当时用react时,creact-react-app无疑进入了大家的眼帘,本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用,然后本地调试,直到最后的上线运行。本篇文章内容结构说明,主要有以下12个部分:1. 安装nodejs2.使用nodejs的npm包安装cre...原创 2018-07-02 10:05:56 · 27893 阅读 · 13 评论 -
jQuery + AJAX + JSONP跨域访问详解
js跨域的解决方案有多种,其中最常见的是使用同一服务器下的代理来获取远端数据,再通过js进行读取,而在这期间经过了两次请求过程,使得获取数据的效率大大降低,这篇文章就为大家介绍一下解决跨域问题的一种比较通用的方案——JSONP。什么是JSONP? JSONP(json with padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的...原创 2018-07-12 13:59:08 · 515 阅读 · 0 评论 -
Spring Boot如何解决前端的Access-Control-Allow-Origin跨域问题
当我们在做前后端分离的开发时,在使用fetch交换数据的时候,提示Access-Control-Allow-Origin跨域问题,解决方案跟客户端没关系,修改的是服务端。一、在过滤器中设置响应头:@WebFilter(filterName = "CorsFilter ")public class CorsFilter implements Filter { @O...原创 2018-07-18 15:52:31 · 27191 阅读 · 10 评论 -
Vue与React两种框架的区别和优劣分析
Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么,本文将为你呈现。这里有两个几乎一样的web应用,一个是基于Vue,另一个则基于React,可以方便你在看这篇文章的时候查找相关代码。·React sample app Vue sample app简单介绍除非你最近一直不关注前端的发展,不然你肯定听说过由Facebook...转载 2018-07-22 09:36:10 · 5632 阅读 · 0 评论 -
在Windows下,做Vue开发时怎么创建.babelrc文件
在Windows环境下做Vue开发其实是一件非常让人头疼的事,强烈建议使用Mac或者是Linux系统,否则真的是自己挖坑自己跳了。不过,这里还是给大家说说如何在Windows环境下新建一个.babelrc文件。当我们新建一个文件,并直接重命名时,系统会提示:这就尴尬了,不过别急,其实很简单,其实Win7以上的系统已经提供了一种命名方法:我们只需在重命名时写 .babelrc. {注...原创 2018-07-28 09:57:27 · 6270 阅读 · 2 评论 -
雅虎前端性能优化的35条军规
无论是在工作中,还是在面试中,Web前端的性能优化都是非常重要的,那么我们进行性能优化需要从哪些方面入手呢?可以遵循雅虎前端性能优化的35条军规,这样我们的优化就有一个比较清晰的方向。1、尽量减少HTTP请求个数——须权衡合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。2、使用CDN(内容分发网络)...原创 2018-10-26 10:54:36 · 594 阅读 · 0 评论 -
深度解析html中的block模板
模板继承包含基本模板和子模板。其中基本模板里包含了你这个网站里的基本元素的基本骨架,但是里面有一些空的或者是不完善的块(block)需要用子模板来填充。如基本模板base.html为:<!doctype html public "-//w3c//dtd html 4.01//en"><html lang="en"><html xmlns="http://...原创 2018-10-26 15:10:40 · 12233 阅读 · 5 评论