- 博客(29)
- 收藏
- 关注
RSS订阅
原创 React项目从开发到上线运行全过程
随着react的流行，越来越多的前端工程师使用react来进行开发，当时用react时，creact-react-app无疑进入了大家的眼帘，本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用，然后本地调试，直到最后的上线运行。本篇文章内容结构说明，主要有以下12个部分：1. 安装nodejs2.使用nodejs的npm包安装cre...
2018-07-02 10:05:56
27814
13
原创 常用Oracle分析函数大全（配上开窗函数over()）
分析函数是什么？分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数，它可以在数据中进行分组然后计算基于组的某种统计值，并且每一组的每一行都可以返回一个统计值。 分析函数和聚合函数的不同之处是什么？普通的聚合函数用group by分组，每个分组返回一个统计值，而分析函数采用partition by分组，并且每组每行都可以返回一个统计值。分析函数的形式分...
2019-12-25 16:00:44
684
原创 深度解析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
12112
5
原创 雅虎前端性能优化的35条军规
无论是在工作中，还是在面试中，Web前端的性能优化都是非常重要的，那么我们进行性能优化需要从哪些方面入手呢？可以遵循雅虎前端性能优化的35条军规，这样我们的优化就有一个比较清晰的方向。1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。2、使用CDN（内容分发网络）...
2018-10-26 10:54:36
587
原创 深入剖析之Linux常用命令（一）
一、 如何查看linux系统的jdk版本1.查找使用的jdk安装后的目录 echo $JAVA_HOME； 假设为：/usr/local/jdk1.8.0_1812.进入到jdk安装目录下面的bin目录 cd /usr/local/jdk1.8.0_181/bin3.在上面的目录中查看jdk版本 ./java -version二、linux下删...
2018-08-28 14:18:22
158
原创 在Windows下，做Vue开发时怎么创建.babelrc文件
在Windows环境下做Vue开发其实是一件非常让人头疼的事，强烈建议使用Mac或者是Linux系统，否则真的是自己挖坑自己跳了。不过，这里还是给大家说说如何在Windows环境下新建一个.babelrc文件。当我们新建一个文件，并直接重命名时，系统会提示：这就尴尬了，不过别急，其实很简单，其实Win7以上的系统已经提供了一种命名方法：我们只需在重命名时写 .babelrc. {注...
2018-07-28 09:57:27
6240
2
转载 Vue与React两种框架的区别和优劣分析
Vue和React两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有哪些，各自的优缺点是什么，本文将为你呈现。这里有两个几乎一样的web应用，一个是基于Vue，另一个则基于React，可以方便你在看这篇文章的时候查找相关代码。·React sample app Vue sample app简单介绍除非你最近一直不关注前端的发展，不然你肯定听说过由Facebook...
2018-07-22 09:36:10
5614
原创 Cordova和React-Native两种框架的区别和优劣分析
Cordova 和 React-Native 是使用 Web 开发移动端的两大框架， Cordova 是 Apache 旗下的，React-Native 是 Facebook 旗下的在2013年发布的一个前端框架，两者皆开源。下面的内容主要记录了这两大框架的优劣，以及移动端开发中有关 WebView 比较可行的几种选择。对比 跨平台特性Cordova: write once, run a...
2018-07-20 15:15:40
6948
原创 JSON.parse和JSON.stringify方法详解
1、JSON.parse(“要转换的数据”) 2、JSON.stringify(“要转化的数据”)3、首先，两个方法的用法是有差别的：①.JSON.stringify是从一个对象中解析出字符串②.JSON.parse是从一个字符串中解析出json(键值对)4、所以在使用的时候如果参数不对应，就不能正确转换：一.JSON.parse()【从一个字符串中解析出json对象】...
2018-07-20 14:25:41
16591
2
原创 非常经典实用的Cordova学习资料
1、Cordova中文网http://cordova.axuer.com/2、PhoneGap100http://www.phonegap100.com/3、Android项目里集成Cordova详解https://blog.csdn.net/u013491677/article/details/519853904、Cordova下android与javascript的交互...
2018-07-19 13:37:34
480
原创 Spring Boot配合前端实现跨域的几种常见解决方案
一、方案:服务端设置Respone Header头中Access-Control-Allow-Origin 配合前台使用jsonp 继承WebMvcConfigurerAdapter 添加配置类二、实例1、在过滤器中设置响应头@Componentpublic class CorsFilter implements Filter { @Override pub...
2018-07-19 10:00:13
1017
原创 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
27042
10
原创 jQuery + AJAX + JSONP跨域访问详解
js跨域的解决方案有多种，其中最常见的是使用同一服务器下的代理来获取远端数据，再通过js进行读取，而在这期间经过了两次请求过程，使得获取数据的效率大大降低，这篇文章就为大家介绍一下解决跨域问题的一种比较通用的方案——JSONP。什么是JSONP？ JSONP（json with padding）是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的...
2018-07-12 13:59:08
508
原创 非常经典实用的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
671
原创 广播、观察者模式、EventBus、RxBus的区别
0、说明本篇是对Android广播、观察者模式、EventBus、RxBus四者的一些看法，工作中遇到问题时候的一些取舍，也可以回答面试官提到的这方面问题。1、Android全局广播Broadcast首先全局广播是重量级别的，并且会消耗很多资源，但是可以跨进程通信，通过以上优缺点可以知道只有一种情况下才会用到它，跨进程的时候，这个特点也是其他方案不能达到的。2、Android本地广播Broadca...
2018-07-03 16:54:41
1657
原创 解决内存泄漏之道
一个长期运行的应用程序，如果无用的对象不能得到及时的释放，久而久之，便形成了事实上的内存泄露，内存泄漏多了，便会导致内存溢出。这个是我们不愿意看到的。我们以前学过，如果及时地释放内存，最稳妥的方法就是使用完对象之后，立刻执行"object = null"语句，当然，这也是一种理想状态。JDK为我们引入了4种对象引用类型，有利于JVM进行垃圾回收。 Java对象的引用包括强引用，软引用...
2018-07-03 12:48:18
168
原创 内存的分配策略
了解内存分配的几种策略：1、静态的 静态的存储区：内存在程序编译的时候就已经分配好，这块的内存在程序整个运行期间都一直存在。它主要存放静态数据、全局的static数据和一些常量。2、栈式的 在执行函数(方法)时，函数一些内部变量的存储都可以放在栈上面创建，函数执行结束的时候这些存储单元就会自动被释放掉。栈内存包括分配的运算速度很快，因为内置在处理器的里面的。当然容量有限。3、堆式的 也叫做动态内存...
2018-07-03 10:55:02
497
原创 React项目如何打包发布及遇到的坑
刚开始学习react，遇到一些小问题。我使用的是create-react-app脚手架生成的项目。这个脚手架一键生成react项目，非常方便。先简单记录一下这个新建项目的过程。一、打包1、安装使用npm install -g create-react-app122、生成新项目create-react-app my-app12(生成的项目最好不要用驼峰式命名，否则后面生成文件提示也会让你改)３、...
2018-06-29 14:23:12
54024
3
原创 Spring Boot之如何配置静态资源的地址与访问路径
使用前端框架例如React、Vue等开发完成的项目，如何集成到后端项目后一起部署到服务器上呢？这就涉及到了在后端项目中如何配置静态资源的地址与访问路径，下面将为大家详细介绍。 React项目打包完成的结构，如下： Spring Boot项目的结构，如下： Spring Boot默认的静态资源文件配置： private sta...
2018-06-28 18:12:30
47895
原创 JAVA异常信息Exception e及e的相关方法
例子：public class Test { /** * @param args */ public static void main(String[] args) { // TODO Auto-generated method stub try { System.out.println(1 / 0); } catch (...
2018-04-20 10:59:30
23799
1
原创 Android原生开发、H5、React-Native之间的利弊
最近工作中接触到React-Native框架，对其进行一些技术分析，结合之前了解的H5的一部分，加上自己做了很久的原生开发（十几个android app、sdk，包括2个ios）, 总结下目前了解到的这三种移动端应用开发方式的特点和试用范围，作为个人知识的记录，也作作为公司内部互相学习的分享。一、原生开发 原生开发是系统自带的app开发方式，也是大部分人最熟悉app开发的技术，如android、i
2017-04-13 00:12:42
1458
原创 final、finally与finalize三者的区别
final、finally与finalize三者的区别摘要: final为常量关键字，而finally为异常关键字，finalize为object自带方法名。看到这个题目，感觉像是高中题目一样。出题者用心良苦啊，将这个三个联系起来，考察java基本功。在实际中finalize这个用得最少，而其他两个都很熟悉了。但若想流畅的表达三者区别，还行自己好好理一理。
2017-04-03 13:12:04
5432
原创 界面原型设计
本节引言：引用锤子科技视觉设计总监——罗子雄在重庆TEDx活动上说的一小段话：每当我们看到一些美妙的设计的时候，很多人心里面会有一种冲动，这种冲动会让你们想去创造一些 新的东西，创造一些美妙的事物。我们常说用户体验用户体验，用户使用你的软件，第一个会接触的是什么？没错，图形化界面(GUI)，简称UI，对于用户而言，最直观，给用户留下第一印像的是往往是程序的界面，而非功能！人，总喜欢
2016-12-27 23:36:58
2566
原创 Android开发中，HttpURLConnection与HttpClient哪个更适合用来访问网络？
最近在研究Volley框架的源码，发现它在HTTP请求的使用上比较有意思，在Android 2.3及以上版本，使用的是HttpURLConnection，而在Android 2.2及以下版本，使用的是HttpClient。我也比较好奇这么使用的原因，于是专门找到了一位Google的工程师写的一篇博客，文中对HttpURLConnection和HttpClient进行了对比，下面我就给大家简要地
2016-12-27 00:39:16
333
原创 架构浅谈之MVC
很多人表示对架构没有任何概念，想了解下架构，但是看了网上的一些文章又觉得云里雾里，其实架构远没有那么难，今天从这篇文章开始我来给大家谈谈架构，争取让大家都看得懂。1、什么是架构？对于架构，业界从来没有一个统一的定义，架构一词最初来自建筑业，假如我们要盖一栋大楼，那在完成这么一项重大工程之前肯定需要建造师的建筑图纸，而这建筑图纸可以说是建筑业架构的最核心体现，它描述了这栋大楼的外观、内部构造...
2016-12-25 23:26:42
474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人