- 博客(139)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 Webpack的进阶概念-TreeShaking与buildMode
文章目录1. TreeShaking1.1 问题引入1.2 配置使用2. buildMode2.1 为不同模式分别编写配置文件2.2 配置封装2.3 小提示1. TreeShakingtree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性,例如 import 和export1.1 问题引入我们新增一个工具文件math.js,里面编写一个add和minus方法://math.jse
2020-10-06 17:46:34
444
原创 Webpack的核心概念-devServer、HMR与Babel
文章目录1. devServer1.1 使用--watch参数1.2 webpackDevServer基础使用其他配置1.3 自己实现一个类似的服务搭建环境编写server.js2. Hot Module Replacement - 热模块更新2.1 HMR使用CSSJS2.2 注意事项3. Babel3.1 问题引入3.2 Babel的介绍和使用3.3 babel/polyfill使用3.4 babel/plugin-transform-runtime3.5 解决options配置项过多问题3.6 配置R
2020-10-03 21:34:41
507
原创 Webpack的核心概念-entry、output与sourceMap
文章目录1.entry与ouput的基本配置1.1 打包多个文件并输出1.2 为HTML的JS引用添加公共域名2. sourceMap的配置2.1 什么是sourceMap2.2 sourceMap的使用2.3 其他类型SourceMap配置介绍inline-source-mapcheap-inline-source-mapcheap-module-source-mapeval前缀2.4 最佳实践2.5 映射原理1.entry与ouput的基本配置这里我们继续讲解一下这两个配置项:...entry:
2020-10-03 21:34:09
351
原创 Webpack的核心概念-loader与plugin
文章目录1. Webpack的loader1.1 问题引入1.2 loader是什么1.3 配置文件修改以引入loader1.4 loader打包静态资源-图片保持图片原名打包其他类型图片希望图片资源打包后存放在一个单独目录url-loader与file-loader区别最佳实践1.5 loader打包静态资源-样式使用style-loader与css-loader样式中前缀的补足scss的处理less的处理1.6 css-loader的进阶配置importLoadersCSS模块化1.7 loader打包
2020-10-03 21:33:16
257
原创 Webpack的入门介绍
文章目录1.问题引入2.安装Webpack2.1 安装node2.2 初始化环境3. Webpack的使用4. Webpack是什么?5. Webpack的配置文件5.1 新增一个配置文件5.2 npm scripts配置6. 打包时的log说明1.问题引入原始的时候我们编写网页程序,主要是编写HTML文件,接着通过scrpit标签引入一个index.js文件辅助编写一些业务逻辑和DOM操作。若JS处理逻辑过多,index.js文件就会膨胀,而且编写逻辑主要以面向过程为主,不好维护和扩展。接着可以考虑
2020-10-03 14:39:05
129
原创 CSS Flexbox弹性盒子模型总结
1. 背景弹性盒子布局指在提供一个为容器内的items进行更有效率的排列,分配空间以及布局的方式,弹性的意思是即便items的尺寸是未知或者动态的也可以使用!这种布局的理念主要是给容器一种能力可以调节修改items的宽度高度和顺序来充分利用容器内可用的空间—甚至可以适应几乎所有的设备和屏幕尺寸。更重要的是,弹性盒子布局的方向是不可知的,这个与常规的布局相反(块布局是垂直方向的而行内则是水平基...
2020-03-05 14:53:12
270
原创 React项目部署在阿里云服务器ECS
本来计划是将一个React工程部署在自己的Centos虚拟机中,但是因为一些网络和安全问题暂时停止了这个计划,于是就把该项目转移到阿里云服务器中,这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的,当项目编写完成之后可以执行package.json下面的build脚本就可以了:n...
2020-02-16 20:02:46
1007
原创 React入门(一):认识React
1.前言最近因为业务需要开始学习Web前端-React框架的知识,之前一直做的是Android的研发,对于Web前端来说基本就是一个小白,所以借助互联网和资源对业务具体需要的React框架进行了学习,并在自己的项目中进行的实践,最后准备将自己的学习过程总结成一系列文章同大家分享,供同样刚入门的小伙伴一起学习交流~(虽然经过了整理,但不乏有错误与缺漏之处,可以在评论区留言指出或一起讨论)另外此系...
2020-01-03 21:21:49
282
原创 React+Typescript+Redux的使用步骤
目录1. 安装Redux基本环境2. 为项目引入Redux2.1 rootReducer的创建2.2 生成store2.3 包裹根组件3. 子模块中使用Redux3.1 创建types文件3.2 回顾一下Redux的工作流3.3 分别创建子模块的reducer和actionsreduceractions3.4 子模块主文件的编写react-red...
2019-12-18 09:47:08
1046
原创 执行create-react-app报错A template was not provided
最近初始化一个React项目的时候使用了全局脚手架工具进行初始化,但是却报错了,错误如下图所示:然后我就跑去官网看了一下教程,结果发现脚手架初始化的方式改变了:所以先执行npm rm -g create-react-app去删除全局脚手架,再利用上面的npx命令就可以了!!!...
2019-12-16 21:59:01
305
原创 ADB调试环境配置
接着配置一下adb调试工具每做完一步,都可以试试adb命令能不能用。三步都做完应该就能解决adb不能用的问题。1、保证SDK路径下的platform-tools和tools文件夹中包含adb.exe ,AdbWinApi.dll,AdbWinUsbApi.dll三个文件。2、在系统环境变量path中添加adb路径,对应platform-tools 和 tools ...
2019-09-01 22:03:32
748
原创 Android报错:Calling startActivity() from outside of an Activity context requires the FLAG_ACTIVITY_NEW
今天调试程序的报了一个错误:android.util.AndroidRuntimeException: Calling startActivity() from outside of an Activity context requires the FLAG_ACTIVITY_NEW_TASK flag. Is this really what you want?通过分析Log和网上查...
2019-07-25 21:01:25
5338
1
转载 Java12的新特性
目录1. JEP 189: Shenandoah: A Low-Pause-Time Garbage Collector (Experimental)---Shenandoah:低暂停时间的 GC(实验性功能)2. JEP 230: Microbenchmark Suite---微基准测试套件3. JEP 325: Switch Expressions (Preview)---Sw...
2019-03-21 08:44:31
792
原创 云服务器与相关存储服务公网流量过高的问题
最近作百度的一个智能音箱语音技能,发现CFC函数调用功能自从开始收费之后我的扣费一直居高不下,看了一下日志和监控发现公网流量这一项每一天都接近2GB,自己本身是Android开发出身的,数据库和后台接触不多,所以这个问题一直困扰着我,但是在朋友和同百度云服务器的工程师的交流中最终解决了该问题,不知道这个问题的解决方案是否具有泛用性又是否有很多人遇到跟我一样的问题,这里我还是贴出来一方面给自己做个笔...
2019-02-17 11:07:26
578
原创 2018年Android面经-BAT、头条、网易、爱奇艺、华为等等(下)
目录1.华为Android岗位面经1.1 一面---30Min1.2 二面---30Min2. VIVOAndroid岗位面经2.1 一面---50Min3.跨专业求职体会本篇分为上中下三篇文章:上篇:阿里巴巴与今日头条中篇:网易与爱奇艺下篇:华为与VIVO以及自己的转行心得本篇接着上一篇,继续分享华为与VIVO的Android岗位面试经验。1.华为...
2018-11-06 09:23:17
376
原创 2018年Android面经-BAT、头条、网易、爱奇艺、华为等等(中)
目录1.网易Android岗位面经1.1 一面---1Hour20Min1.2 二面---50Min2.爱奇艺Android岗位面经2.1 一面---1Hour2.2 二面---40Min2.3三面---1Hour本篇分为上中下三篇文章:上篇:阿里巴巴与今日头条中篇:网易与爱奇艺下篇:华为与VIVO以及自己的转行心得本篇接着上一篇,继续分享网易与爱奇...
2018-10-30 16:15:28
1129
原创 2018年Android面经-BAT、头条、网易、爱奇艺、华为等等(上)
目录1.阿里巴巴Android面经1.1一面---1Hour15Min1.2 二面---50Min1.3 三面---20Min1.4 四面---30Min1.5 五面HR面---20Min2.字节跳动(今日头条)Android面经2.1 一面---1Hour2.2 二面---50Min2.3 三面---50Min随着学校三方的寄出,这次的秋招也算是正式结...
2018-10-25 16:15:58
673
原创 Activity的全屏设置
设置启动页的时候,大家应该都会有需要启动页Activity设置为全屏(FullScreen)的需求吧,但是这里一开始我遇到一点小问题:java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.joern.happynumber/com.example.joern.happynumber.Mai...
2018-10-22 21:37:28
492
转载 理解S12(X)架构中的地址映射方案
由于在暑假匆忙接收的嵌入式项目中需要使用特别大的数组,非分页RAM的内存不够用了,没办法,硬着头皮尝试使用分页RAM,但是完全没有单片机的基础,导致极其的困难。之前写程序都是按照纯软件的思维,主要考虑架构,不会考虑到每个变量具体存在哪个物理地址这么底层的问题,结果被飞思卡尔这分页地址、prm文件什么的搞得一头...
2018-10-19 17:03:10
575
原创 如何获取Gradle dependencies report(gradle依赖报告)
这部分内容是之前那个依赖测试包问题看到的答案下面的,有一位大佬梳理了一下这个过程,我在这边翻译一下也供大家参考吧:步骤1在项目根目录下执行获取依赖报告的gradle,比如gradle -q app:dependencies 详细的可以看这里这可以提供与该问题有关的以ASCⅡ码呈现的树,它会帮助你判断哪些是有冲突的版本+--- com.android.support.t...
2018-10-18 21:46:14
1422
原创 android studio 报 Resolved versions for app (26.1.0) and test app (27.1.1)differ 错误的原因与解决方法
最近忙着学校课题好久没有搞Android,找了个开源项目做了做,刚新建完项目编译就报了如下错误:意思应该是本地和测试包依赖的项目版本不同导致。神奇的是我们重新ReBuild一下项目这个报错就没了,但是本着求实的态度我还是去搜索了一下产生的原因:首先是我的项目的依赖dependencies { implementation fileTree(dir: 'libs', i...
2018-10-18 21:14:08
274
转载 【图文解说】基于飞思卡尔MC9S12XS的Flash擦除和写入操作
关于Flash的擦除和写入,真的是让我最费力的一部分,网上的相关资料很少,好不容易找到了一点相关代码,却发现程序不能正常的运行,而且更令人无解的是程序本身怎么检查都检查不出错误。好啦,一点一点的说说我的辛酸史。 至于擦除和写入的原理是什么,这个不是我们关心的,我也不去赘述,我主要说明一下相关的具体操作。 我们主要是对飞思卡尔Flash中的PFlash即存放...
2018-10-09 15:07:28
724
原创 Activity的onCreate方法里面子线程为何能设置UI界面
这是之前朋友被问的一个面试问题,一般情况下我们都知道Android是不允许子线程更新UI的(通过单线程避免多线程的同步更新问题),但是为什么在onCreate方法里面却可以呢,自己试了一下,在onCreate方法直接new一个子线程并执行类似TextView.setText("Joern")这样的指令,发现的确可以没有报错,其实这个我们分析一下setText的代码就可以发现问题所在。发现setTe...
2018-07-04 17:58:58
1118
原创 Android工程编译时"No resource found"错误-附相关拓展知识
一、问题处理刚刚在公司编译的时候突然报错,其实昨天还是好好的,具体报错log如下/Users/dongboqi/android_2/build_tmp_cache/dcdfa5e69b328d9c932f8e56db2f3b8b2ec4271a/output/res/layout/pay_ad_layout.xmlError:(30, 32) No resource found that mat...
2018-06-29 22:01:41
1821
原创 freeline-减少项目编译时间
我们准备使用freeline来减少每一次编译运行的时间,Freeline 是 Android 平台上的秒级编译方案,Instant Run 的替代品,由蚂蚁聚宝Android 团队开发,它可以充分利用缓存文件,在几秒钟内迅速地对代码的改动进行编译并部署到设备上,有效地减少了日常开发中的大量重新编译与安装的耗时,对于多个模块项目来说效果尤为显著为Android开发者节省很多喝杯咖啡的时间 : )Gi...
2018-06-26 22:57:22
292
转载 Android 中Activity,Window和View之间的关系
我想大多数人,对于这3个东西的概念能区分,但是具体区别在哪却很难说出来。我这里根据我个人的理解来讲讲我个人对这3个概念的理解。当然这里设计到通用的事件窗口模型等通用GUI设计,我这里就不打算讲了,纯粹从概念上来进行区分。Activity是Android应用程序的载体,允许用户在其上创建一个用户界面,并提供用户处理事件的API,如onKeyEvent, onTouchEvent等。 并维护应用程序的...
2018-03-05 10:13:06
543
转载 记2016腾讯 TST 校招面试经历,电面、笔试写代码、技术面、hr面,共5轮
前序: 距离 2016 腾讯 TST 校招面试结束已经5天了,3月27日至今,目前还在等待消息。从投简历到两轮电面,再到被邀请到腾讯深圳总部进行了3轮 TST计划(Top student talent) 面试,整个过程历时一个月,我都觉得我是幸运的,还有,我投的是安卓移动端开发实习生,时年大三。至此,故择此文,邀君共享之。 第一轮电面: 距离投递简历6天后,3
2018-01-03 09:27:05
891
转载 美团校招在线考试笔试题:钱币面值组合
要求:假设我们有8种不同的钱币面值{1,2,5,10,20,50,100,200},用这些钱币组合成一个给定的数值n,如:n=200.那么一种可能的组合方式为:200=3*1+1*2+1*5+2*20+1*50+1*100.求总共存在多少种组合方式?注:这是本人参加美团校招在线考试的笔试题(共两道,另一题请参看我的博客:【美团校招笔试题】去除字符串首尾空格,中间多个空格只保留一个)
2017-12-11 22:01:04
1047
转载 2017美团校招安卓岗
写在前面的确是非常莫名其妙的面试通知,周四还在赶项目准备周五上线的时候,接到美团的校招面试通知。非常的诧异。我都忘记自己做过美团的校招的题了。其次时间是真的很晚了,估计美团在补招。 之前做了网易阿里的笔试之后就基本上放弃了校招,因为自己不怎么喜欢算法而且也没刷过题,so…压根也没报什么希望。周六上午面试,周四周五还要上班,所以压根也就没有准备,全靠之前的老底。也看得出来美团再赶
2017-12-11 21:47:01
447
原创 科大讯飞的语音合成(播放)功能
1.去官网注册账号科大讯飞要求使用SDK必须注册账号并设定你的应用绑定,这样才会生成一个你的AppID,用这个ID才能在你的应用中使用讯飞的SDK科大讯飞开放平台2.下载SDK注册好了以后,你必须添加你的应用,然后会出现你的专属的AppID,之后进入SDK下载界面,选择语音合成SDK包-Android-你的应用,然后就可以下载了。3.添加libs(注意Android s...
2017-11-30 09:26:56
4533
转载 高并发下线程安全的单例模式(最全最经典)
在所有的设计模式中,单例模式是我们在项目开发中最为常见的设计模式之一,而单例模式有很多种实现方式,你是否都了解呢?高并发下如何保证单例模式的线程安全性呢?如何保证序列化后的单例对象在反序列化后任然是单例的呢?这些问题在看了本文之后都会一一的告诉你答案,赶快来阅读吧!什么是单例模式?在文章开始之前我们还是有必要介绍一下什么是单例模式。单例模式是为确保一个类只有一个实例,并为整个系统提供一
2017-10-20 09:30:14
186
转载 Android开发常见面试题类型
我目前是做Android开发,就以客户端开发岗面试为例好了,其实普通的研发岗面试都大同小异,都有很多共通的地方。语言特点(以JAVA为例) 说到java,就不得不说java的虚拟机(JVM)了。大家伙不要着急头大,JVM虽然是很“高深”的内容,但面试官也不是要你有多么深刻的见解,毕竟在学校里大部分人是很难做到这么底层的。面试官之所以问,是因为他们在公司的项目中可能会用到,或者希望你能对
2017-10-12 21:52:34
354
转载 Android系统架构初探
CSDN博客里面看到的一篇非常好的介绍总体架构的文章,在此转载过来同大家包括我自己一起分享!环境搭建好了,最简单的app也运行过了,那么app到底是怎么运行在手机上的,手机又到底怎么能运行这些应用,一堆的电子元器件最后可以运行这么美妙的界面,在此还是需要好好研究研究。这里从芯片及硬件模块->linux内核驱动->hal层->jni->android framework层->androi
2017-10-12 16:29:46
284
转载 Java内部类详解
说起内部类这个词,想必很多人都不陌生,但是又会觉得不熟悉。原因是平时编写代码时可能用到的场景不多,用得最多的是在有事件监听的情况下,并且即使用到也很少去总结内部类的用法。今天我们就来一探究竟。下面是本文的目录大纲:一.内部类基础二.深入理解内部类三.内部类的使用场景和好处四.常见的与内部类相关的笔试面试题若有不正之处,请多谅解并欢迎批评指正。一.内部
2017-09-25 09:28:27
198
原创 梅特勒杯创新大赛(五):自定义ImageView-手控标记点
1.自定义onDraw()方法首先我们继承自ImageView并需要重写这个方法,我们的项目需求是通过对ImageView所展示的图片进行点的标记,即通过触摸屏幕进行标点动作,首先在onDraw()方法里面我们根据类的坐标参数进行O,X,Y,Z四个点的绘制,同时O和另外三个点通过线进行连接,代码如下: @Override protected void onDraw(Canvas canva
2017-09-05 00:05:21
472
原创 梅特勒杯创新大赛(四):Android的相机使用与屏幕截图
这一部分我们将探讨对于Android手机相机的调用以及图片的显示和保存。相机调用照片显示照片保存1. 相机调用动态权限申请 if (getActivity().checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) { //权限没有被授予
2017-09-01 15:51:55
399
原创 梅特勒杯创新大赛(三):Android的GPS定位功能
这部分主要阐述如何获取手机定位的经纬度数据,逻辑较简单,所以下面以代码为主1.初始化工作-权限动态申请 //对于定位服务权限判断 private void init_right() { if (mBluetoothAdapter.isEnabled()) { if (Build.VERSION.SDK_INT >= Build.V...
2017-09-01 14:42:30
313
原创 梅特勒杯创新大赛(二):Android姿态传感器-三轴角度
这一部分我们讨论Android的姿态传感器中对于三轴角度的数据读取与应用。1.初始化 //初始化姿态传感器 private void init_sensor(){ sensorManager = (SensorManager) getSystemService(SENSOR_SERVICE); //加速度传感器和地磁传感器 ...
2017-08-31 20:12:22
1480
原创 梅特勒杯创新大赛(一):带有主题的Android Drawer
前段时间一直都在忙于研究生电子设计大赛和梅特勒创意大赛,所以这几个月几乎没有怎么更新博客,现在比赛已经结束了,我就想趁这段时间把之前做的App的功能提取出来分开进行一个讲解,因为App整体是为智能硬件(运动手环和三激光测量系统)提供服务的,叙述整体的功能用处不大。 这一部分想提一下Drawer的使用,对于Drawer的基本官方框架网上都有的,但是我并没有找到带有顶部主题的,于是自己探索了一...
2017-08-31 19:59:22
359
转载 Android BLE学习笔记
转载自http://blog.csdn.net/xiaoyaoyou1212/article/details/51854454感觉的确写的很棒,给大家分享一下~ 前言: 本文主要描述Android BLE的一些基础知识及相关操作流程,不牵扯具体的业务实现,其中提供了针对广播包及响应包的解析思路,希望对正在或即将面临android BLE开发的伙伴们有所引导。 注:其中的单模、...
2017-07-19 09:30:23
553
有没有什么开源的Web端设计移动端原型的工具
2019-10-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅