
框架
ywltoread
喂喂喂
展开
-
搭建最新版本react-native项目框架,react-navigation 4.x,react-navigation-redux-helpers 4.x,react-redux 7.x版本
由于国内能找到的react-native框架版本都不是最新的,在我搭建的时候遇到了很多坑都无法适用,所以在这里把我搭建的代码给大家参考一下。首先列出各种工具的版本package.json文件:"react": "16.9.0","react-native": "0.61.5","react-native-gesture-handler": "^1.5.1","react-nativ...原创 2019-12-11 16:31:37 · 2543 阅读 · 1 评论 -
webpack开发环境压缩代码:Gzip
生产环境使用后端nginx可以配置Gzip前端使用compression-webpack-plugin插件,config中配置productionGzip: true即可,打包后会产生js、js.gz、js.map、css、css.gz、css.map这三类后缀文件,map是sourcemap生成的对应文件,gz是压缩文件,js是正常文件。...原创 2019-12-11 15:47:06 · 896 阅读 · 0 评论 -
Expires和Cache-Control的理解,另加备注
转载自: https://blog.youkuaiyun.com/u013160932/article/details/50682576最近在学Nginx,学到有个地方式设置响应头信息,其中有两项是设置Expires和Cache-Control,来设置缓存时间,后来发现"并没有什么卵用",于是就搜了下资料,把整个思路理顺了。由于是讲讲Expires和Cache-Control这两个响应头的作用,所...转载 2018-11-08 17:20:53 · 2056 阅读 · 0 评论 -
前端工程与性能优化,读后受益良多
转自:https://github.com/fouber/blog/blob/master/201405/01.md#%E9%9D%99%E6%80%81%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86%E4%B8%8E%E6%A8%A1%E5%9D%97%E5%8C%96%E6%A1%86%E6%9E%B6每个参与过开发企业级web应用的前端工程师或许都曾思考过前...转载 2018-11-29 18:31:51 · 508 阅读 · 0 评论 -
前端处理静态资源文件连接、压缩、缓存、预编译高级语言的框架Asset Pipeline
Asset Pipeline 提供了用于连接、简化或压缩 JavaScript 和 CSS 静态资源文件的框架。有了 Asset Pipeline,我们还可以使用其他语言和预处理器,例如 CoffeeScript、Sass 和 ERB,编写这些静态资源文件。应用中的静态资源文件还可以自动与其他 gem 中的静态资源文件合并。例如,与 jquery-rails gem 中包含的 jquery.js ...原创 2018-12-05 16:27:11 · 768 阅读 · 0 评论 -
前端部署打包时的性能方面探索
主要分为五个方面:1.减少请求数量:合并js、css文件,目前用构建打包工具可以方便的实现。2.压缩和精简代码:压缩js、css和图片等文件(Gzip),减小资源大小,利于网络传输,目前用构建打包工具可以方便的实现。3.页面结构:css引入放在顶部,js文件引入放在底部,目前用构建打包工具可以方便的实现。4.CDN和缓存:把静态资源发布到云端,让用户迅速的请求到资源,利用版本管理控...原创 2018-12-05 16:26:56 · 697 阅读 · 1 评论 -
vertx前端通信部分
目前主流前后端通信技术有websocket长连接,socketIO长连接或轮询,vertx轮询等。需要做实时聊天室的用长连接,需要做通知提醒的一般用轮询,可自由根据业务而定下面介绍一下vertx的例子1.下载 vertx-eventbus.js文件并引入到你项目中<script src="lib/vertx/sockjs.min.js"></script>...原创 2019-04-17 11:22:38 · 896 阅读 · 0 评论 -
前端日志和前端埋点
前端日志一般需要依托native层提供接口来实现日志本地化文件存储,不过目前也可以使用立即发送和web持久化的方式来给后端传送前端日志,但需要耗费一些网络资源。埋点为什么要埋点?现在的互联网公司越来越关注转化、新增、留存,而不是简单的统计PV、UV。而完整的数据采集是一切的前提。埋点包括在IOS、Android、H5、小程序等前端埋点,也包括后端业务埋点。这里仅仅讲讲这些年和产品经理、...转载 2019-05-06 17:18:18 · 13892 阅读 · 0 评论 -
vue-cli + webpack3搭建框架要点
vue-cli + webpack3全局安装vue脚手架npm install vue-cli -g从项目名初始化vue init webpack一切默认设置,选Runtime+Compiler,使用vue-router项目可npm run dev安装sass-loder、node-sass、element-ui、debounce防抖节流,区分--save-dev和-save安装...原创 2019-08-07 10:08:05 · 574 阅读 · 0 评论 -
配置nginx直接使用webpack生成的gz压缩文件,而不用nginx自己压缩
前言:vue cli3的性能优化里面,开启gzip能得到很多的收益。通过webpack插件compression-webpack-plugin可以在打包的时候生成.gz文件;当用nginx做服务器时,nginx通过_gzip on;_配置可对每个请求先压缩再输出,这样造成虚拟机浪费了很多cpu;而且webpack打包时已经生成了压缩文件,完全没必要重新通过nginx再压缩一下。发现这个问题后,通过...转载 2019-08-22 11:44:05 · 10317 阅读 · 3 评论 -
大公司里怎样开发和部署前端代码?
作者:张云龙链接:https://www.zhihu.com/question/20790576/answer/32602154来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 前百度工程师,曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。这是一个非常有趣的 非主流前端领域,这个领域要探...转载 2018-11-08 14:54:38 · 422 阅读 · 0 评论 -
灰度发布:灰度很简单,发布很复杂
什么是灰度发布,其要点有哪些? 最近跟几个聊的来的同行来了一次说聚就聚的晚餐,聊了一下最近的工作情况如何以及未来规划等等,酒足饭饱后我们聊了一个话题“灰度发布”。因为笔者所负责的产品还没有达到他们产品用户的量级上(最低的都在1千万+),也就谈不上灰度发布这一环节,所以只有听的份。虽然笔者暂时没有涉及到,但在工作中也听过关于灰度发布的一些信息,只不过这一次听他们几个交谈后更是增长了不少...转载 2018-11-08 13:16:29 · 7021 阅读 · 1 评论 -
一个很详细的web.xml讲解
xml version="1.0" encoding="UTF-8"?> DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> web-app> display-name>Sample App转载 2015-10-22 17:36:31 · 332 阅读 · 0 评论 -
java web项目启动加载顺序之web.xml部分
web.xml加载过程(步骤): 1.启动WEB项目的时候,容器(如:Tomcat)会去读它的配置文件web.xml.读两个节点: 和 2.紧接着,容器创建一个ServletContext(上下文),这个WEB项目所有部分都将共享这个上下文.3.容器将转化为键值对,并交给ServletContext.4.容器创建中的类实例,即创建监听.转载 2015-10-29 14:25:40 · 581 阅读 · 0 评论 -
web.xml里的标签是起什么作用的
一个web中完全可以没有web.xml文件,也就是说,web.xml文件并不是web工程必须的。那什么时候需要,什么时候可以不需要呢?要想回答上面的问题,得先了解web.xml文件使用来干什么的。web.xml文件是用来配置:欢迎页、servlet、filter等的。当你的web工程没用到这些时,你可以不用web.xml文件来配置你的web工程。那么web.xml能做的所有事情都有那些?转载 2015-10-29 17:39:30 · 5532 阅读 · 0 评论 -
关于配置Tomcat的URIEncoding
遇到的问题: 程序需要发送http GET请求到服务器,请求的参数中包含了中文字符。程序中参数为UTF-8格式,且经过了UTF-8 URL编码再发送。使用的tomcat服务器,但服务器端后台程序中取到的参数的中文是乱码。 问题原因:经过分析,应该是Tomcat在解析参数的时候没有使用正确的编码格式(UTF-8)去解码。查看$TOMCAT_HOME/w转载 2016-06-23 10:40:45 · 1261 阅读 · 0 评论 -
中文乱码解决方案
一、简单介绍下pageEncoding与contentType的区别(摘自网上) pageEncoding:设置JSP源文件和响应正文中的字符集编码。 contentType:设置JSP源文件和响应正文的字符集编码及MIME类型。 如果pageEncoding属性存在,那么JSP页面的字符编码方式就由pageEncoding决定, 否转载 2016-08-24 10:59:06 · 478 阅读 · 0 评论 -
Web 前后端分离的意义大吗?
转自知乎:作者:徐飞链接:https://www.zhihu.com/question/28207685/answer/39893889意义很大,但是你的问题本身认识有偏差。对于前后端分离,认识上有个误区,那就是很多人自称:我们老早就分离了,全AJAX,使用Angular或者什么什么就可以了。这个说法是不合适的,打个比方,别人问的是“如何解决家禽把蛋生在水草边的问题转载 2017-07-13 17:26:14 · 605 阅读 · 0 评论 -
webpack异步加载的原理
转自:http://cnodejs.org/topic/586823335eac96bb04d3e305webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js文件。场景转载 2018-01-11 15:13:58 · 7536 阅读 · 0 评论 -
GraphQL 初探
转自http://taobaofed.org/blog/2015/11/26/graphql-basics-server-implementation/0.问题来了DT 时代,各种业务依赖强大的基础数据平台快速生长,如何高效地为各种业务提供数据支持,是所有人关心的问题。现有的业务场景一般是这样的,业务方提出需求,然后寻找开发资源,由后端提供数据,让前端实现各种不同的业务视图转载 2018-01-02 16:52:37 · 2449 阅读 · 0 评论 -
Fetch与Promise的探讨,ajax的替代品
转自:https://segmentfault.com/a/1190000003810652参考学习链接:https://www.cnblogs.com/chenlogin/p/6519566.html最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch,上线一个多月以来运行非常稳定。结果证明,对于 IE8+ 以上浏览器,在生产环境使转载 2018-01-11 17:59:02 · 2697 阅读 · 0 评论 -
vue框架搭建(移动端-crm7slyun项目)
一.开发环境安装nodejs、webpack,按网上教程即可二.vue-cli初始化项目拉取git已建好的项目名,在本地使用vue-cli初始化项目,按网上教程即可三.css处理方式(scss)使用scss方式处理css,首先安装scss:执行 npm install node-sass sass-loader --save-dev在vue的style标签中加入lang="...原创 2018-08-20 21:04:31 · 3307 阅读 · 0 评论 -
spring框架
ioc 控制反转:把创建和维护对象(bean)的控制权从程序中转移到了spring容器(applicationcontext.xml)中,可以重复利用和统一操作di 依赖注入:对象依赖和属性值注入,与ioc表述的是同一概念。获取bean的两种方法:applicationcontext和beanfactory使用applicationcontext,配置的bean是singlto原创 2015-11-03 13:43:36 · 416 阅读 · 0 评论