自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mapbar_front的博客

用最专业的文字,写出最精美的技术博客

  • 博客(238)
  • 收藏
  • 关注

原创 React-Native项目 — 自定义字体的使用

在实际的移动端项目开发中,原生安卓和Ios自带的字体,虽然足够工整、耐看、适配大多数的场景。但是在一些特殊场合下,那些规范的字体,可能不太适合我们的app设计,而且,通常情况下,设计师的设计元素里面,本身也包含了一些第三方的特殊字体的使用,这就使得我们的项目中,有足够的能力,支持第三方的字体使用。计算机中,针对全世界的语言符号,进行了一次标准的排序,每一个专门的文字符号,都有对应的一个字符编码,我们汉语也是一样,每一个单独的汉字,都有其特定的编码。

2024-01-25 13:19:58 909

原创 React-Native项目矢量图标库(react-native-vector-icons)

在一个前端的工程项目中,一个必不可少的功能就是图标库的使用。相比于图片,矢量图标库,有容积小,不失真,减少资源加载等优秀特性。

2024-01-22 15:02:04 1196

原创 回顾我的2023年

所谓的幸福,其实就是奉献,放下那个执着的自我,放下对父母的成见,拨开云雾,你会发现,母亲依然那么美,她一直为你不辞幸苦,为你而操劳。

2024-01-17 16:37:33 373

原创 React-Native项目工程搭建

任何一个项目的搭建,都是考验一个程序员的技术功底,而 React-Native 也不例外。同时,搭建一个 React-Native 的项目工程,其实要比普通的 Web 项目更难一些,因为 React-Native 是一个新的体系,基本它的底层机制和 H5 完全不同,无论是本地存储,还是运行环境,都需要我们熟悉它。

2024-01-16 15:50:14 1164

原创 React-Native项目 — 关于IOS知识储备

React-Native项目开发,其实并不是仅仅知道前端的知识,就能把App做好,在某些场景中,我们不得不了解一部分 Ios 相关的知识,比如 Js 与 Native 交互场景,又比如Ios集成微信、支付宝等第三方功能时,我们不得不对react-native项目进行改造。想要实现这些目标,个人觉得就需要提前了解一些 Ios 的基本知识,比如 Cocoapods、比如 object-c 语法、比如Xcode编辑器等等。

2023-12-28 16:42:33 869

原创 React-Native环境搭建(IOS)

React-Native开发环境的搭建,有相关的技术文档,里面详细的记录了环境搭建的方方面面。但是我个人觉得,还是有相当一部分,写的并不是很细节,比如安装某一个包,到底需要等待多长时间,有没有更好的替代方案,在官方文档中,依然介绍的不是很清楚。本文旨在针对官方文档的一些细节,进行补充,建议官方文档和本文章结合着阅读,可能效果会更好。

2023-12-21 17:26:51 1643

原创 React + TS项目开发小技巧总结

一、react hook知识1、基本使用最常用的Hook,有两个:useState、useEffectimport React, { useState } from "react";export function Count() { const [count, setCount] = useState(0); return ( <> <button onClick={() => setCount(prevCount => prevCount + 1)}&

2020-10-11 22:17:30 3635 1

原创 Spring学习总结

Spring特性1、IOC表示反转控制:Inverse Of Control2、DI表示依赖注入:Dependency InjectionSpring框架,把java日常开发中,类的实例化在自己内部,通过配置文件的方式,实现自动管理。配置文件配置文件为一个xml格式的文件,一般起名为:applicationContext.xml这个配置文件长这样:<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://ww

2020-08-21 05:54:28 316

原创 前端可视化——Canvas

Canvas基本使用<canvas id="tutorial" width="300" height="300"></canvas>1、canvas元素替换内容。使用文本的方式<canvas>你的浏览器不支持 canvas,请升级你的浏览器。</canvas>使用图片的方式<canvas><img src=...

2020-03-12 22:23:13 7808 1

原创 跨平台应用——Electron

Electron学习文档:https://www.electronjs.org/docs/tutorial/first-app概述1、Electron 可以使用 JavaScript 来调用原生(操作系统)APIs 来创建桌面应用。2、可以把 Electron 看作一个 NodeJs 的变体,它专注于桌面应用,而不是web服务器。3、Electron 不是某个图形界面库的 JavaSc...

2020-02-29 02:34:06 1774

原创 web前端,面试总结

最近面试web前端岗位,有一些问题,需要记录,在这里大概汇总一下,那些自己准备的不好的问题有哪些:

2020-02-29 02:29:12 1358 1

原创 前端可视化——SVG矢量图技术

SVG1、SVG 是一种绘图技术,SVG 的全名叫可缩放矢量图形(Scalable Vector Graphics)。2、SVG 使用 XML 格式定义图像。3、可伸缩,不失真。简单示例:<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" s...

2020-02-28 00:13:33 7594 1

原创 如何开发一个脚手架cli工具

概述脚手架工具,是能够切实提高开发效率的一种方式,个人完成的一个简单的脚手架工具,叫做vue-wd-cli。它仅仅做了非常简单的几件事:1、提供项目初始化的命令:vuewd。2、提供了一些简单的筛选项,比如项目描述、作者名称、模板选择等功能。3、使用相应工具,加载项目模板。基本使用如下:step1:加载全局安装包npm install -g vue-wd-clistep2:...

2020-02-20 10:18:35 1635 4

转载 mysql报错:UnhandledPromiseRejectionWarning: Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support

mysql 报错Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client起因:mysql8.0加密方式的原因报错。解决办法:执行指令mysql -u root -p123456...

2019-12-16 13:10:02 1709

原创 Jdbc学习以及C3P0连接池

文章目录基本概述Jdbc的版本Jdbc使用的过程DriverManager 驱动管理类ConnectionStatementResultSet关于SQL注入漏洞的解决数据库连接池C3P0连接池的使用基本概述1、Jdbc是java提供的一套Api,专门用于对数据库的相关操作。2、没有Jdbc的时代,程序员需要明白每一个数据库的驱动,才能让数据库服务于业务代码。3、Jdbc是一个标准,给每一个...

2019-11-23 11:33:05 481

原创 Mysql常用的函数

数学函数CEIL,向上取整。FLOOR,向下取整。ROUND,四舍五入。TRUNCATE,截取小数点后几位。MOD,取余数。ABS,绝对值POWER,幂运算PI,圆周率RAND,随机数SIGN,取符号EXP,e的多少次方字符串函数CHAR_LENGTH();得到字符串的字符数。SELECT CHAR_LENGTH('abc');LENGTH();返回字符串的长度S...

2019-11-18 01:02:57 691

转载 linux服务器上搭建node.js环境

linux云服务器中,安装node.js

2019-11-16 14:15:43 748

原创 一文读懂微信公众号开发

第一部分:微信公众号开发基础知识服务号、订阅号、小程序(https://mp.weixin.qq.com/)微信js-sdk是什么?服务号,一般用于企业,和公众号的区别在于他有更高的权限。订阅号,一般用于个人,如果没有开启认证,则不能链接网页。小程序,区别于公众号,本身是native的,其内部原理,类似weex。微信js-sdk,和微信沟通的通道,在网页中调用微信的一些功能。比如拍照...

2019-11-14 18:45:28 804

原创 微信公众号开发中遇到的一些经验

微信公众号开发中遇到的一些经验1、关于获取用户信息的方式总结2、关于微信的X5内核的接口超时重发解决方案3、关于微信分享的经验总结1、关于获取用户信息的方式总结获取用户信息的步骤:第一步:发起网页授权,获取code。这一步发生在前端第二步:通过code,获取access_token。appId + secret + code + grant_type =============> ...

2019-11-12 14:51:29 490

原创 主题:webpack代码分割

文章目录代码分割的方式1、多入口(code-split)2、防止重复CommonsChunkPlugin(code-split)3、动态导入dynamicImport(code-split)

2019-08-29 17:08:05 709

原创 Java中的监听器

监听器,是Java中的一个重要概念。那么,监听器的应用场景有哪些?它有哪些分类?如何实现一个监听器?

2019-08-22 16:49:47 1342

原创 Jsp中El表达式和JSTL使用总结

第一部分、El表达式EL表达式是什么Expression Language,表达式语言,用于简化JSP的输出。基本语法${表达式}示例:<h1>${stu.name}</h1>四大作用域对象EL表达式,内置四大作用域对象。pageScope,表示从当前页取值。requestScope,表示从请求中取值。sesstionScope,表示从当前会话中...

2019-08-21 00:10:27 467

原创 cookie、sesstion、localstorage、sesstionstorage的使用和区别

文章目录基本概念cookie详解1、服务端写入cookie2、客户端查看cookie3、前端JS获取cookiesesstion详解1,服务端生成sesstion。2,客户端查看sesstionIdlocalStorage的使用sesstionStorage基本概念cookie,是在客户端(浏览器)存储少量数据的地方,通常用于存储用户数据。在客户端和服务端进行交互的时候,会携带cookie到...

2019-08-20 00:41:47 2510

原创 XML基本介绍

什么是XMLXML是一种可扩展标记语言,它有良好的人即可读性,其基本结构,类似于我们的HTML文件,不过它的主要作用和HTML不同。HTML文件主要用于网页的展示,而XML的作用,更注重数据的记录。还有一些Java工程的配置文件。比如我们的Java-web项目中的web.xml文件。XML的基本结构xml第一行一般是一行申明。<?xml version=“1.0” encoding...

2019-08-08 17:11:17 3712

原创 java操作mysql

文章目录概述Java应用程序的架构如何使用Java进行调用JDBC概述1、Java进行操作数据库的东西,JDBC。2、JDBC是一种可执行SQL语句的Java Api,是连接数据库和Java应用程序的纽带。Java应用程序的架构如何使用Java进行调用JDBC第一步,你的项目中,需要下载一个jar包。这个jar包就是mysql驱动包:mysql-connector-java-8.0...

2019-07-01 00:07:06 820

原创 Vue组件通信总结

1、父子组件通过props的方式进行通信直接给组件,添加属性,在子组件中,使用props进行接收。<Com1 :aoo="aoo" :boo="boo" :coo="coo" foo="前端大神" @change="changeEvent" v-on:input="inputEvent"></Com1>子组件props: ['foo', '...

2019-06-03 17:08:23 374

原创 Vue的Computed中的setter的使用

背景说明vue中的计算属性,是根据数据data的变化,有自动更新属性的效果。但是有时候,我们需要改变计算属性,也就是在计算属性的基础上,给它进行赋值,这个时候,我们就用到了setter。计算属性的getter和setter。通常情况下,一个计算属性,通常默认有getter。基本写法如下:computed: { choicedList: function () { ...

2019-05-26 21:51:39 11550

原创 TypeScript基础

TypeScript基本语法介绍1、类型判断2、interface3、class4、数据类型5、函数6、范型在实际项目中的应用

2019-04-18 19:22:42 389

原创 TypeScript在Vue中的尝试

Vue官方文档中,对TypeScript做支持,目前我们可以使用TypeScript的语法,进行Vue项目的开发。https://cn.vuejs.org/v2/guide/typescript.htmlvue-class-component介绍这个插件是vue官方维护的插件,目前支持基于class的语法规则。1、直接在类中申明data数据。旧的方式:export default {...

2019-02-15 17:15:44 1290

原创 java和js两种语言的区别小结

数据类型的区别1、js有五种基本数据类型(值类型):Number、String、Boolean、Null、Undefined、Symbol。三种引用数据类型:Array、Object、Function。2、Java有八种基本数据类型:byte、char、short、int、float、long、double。剩余都是引用数据类型:类class、接口interface、数组Array。变...

2019-02-12 15:55:15 9199 1

原创 java基础概念,jdk、sdk、jre

SDKsoft development kit,软件开发工具包,这是一个大的概念,比如你要开发某一应用,那你可能需要相关的SDK,你开发安卓应用,你就需要android SDK,你开发java应用程序,你可能就要java SDK。JDK其实就是我们开发java程序时候,用到的软件开发工具包,也可以叫它为java sdk。所以JDK从概念上来说,是SDK的一种。JREJava Runtim...

2019-02-11 06:37:29 1391

原创 使用npm进行插件的发布

1、npm init比如在一个空的文件夹下执行npm init命令初始化了一个package文件。需要关注的点:main:指出了这个模块的抛出路径。在这里是index.js。(假如我们这个infra-test作为一个npm包发布到npm服务器,那我们这个包就是整个项目的出口)2、npm install 发生了什么?例如:npm install --save moment新增了no...

2019-01-14 13:52:14 3308

原创 Vue插件开发指南

一、Vue给出的插件开发接口介绍。Vue官方插件文档:https://cn.vuejs.org/v2/guide/plugins.html在Vue的官方文档中,主要给出这样的一个API——Vue.use()Vue.use(MyPlugin)方法,所做的事,就是调用MyPlugin.install方法,这个方法有两个参数,一个是Vue构造器,一个是options。所以,在开发一个Vue插件的...

2019-01-02 19:32:35 584

原创 代码优化之道—循序渐进的代码重构

问题提出在我们的日常开发中,我们不免有这样的一种疑惑,为什么感觉自己的技术,没有实质性的提高了?或者为什么别人写的代码,总是感觉比自己高一个档次,而自己的代码,总是算不上特别的优秀?针对这个问题,可能对于做了两三年的开发而言,是最常见的,同时针对我们技术人员来说,也是最致命的。那么,要写出优雅的代码,我们该如何做?因为本人是一个前端,就暂时以前端为例,说说我们开发人员那些不够专业的地方在哪里...

2018-12-17 16:52:13 929

原创 大数据学习—Spark

为什么要用Sparkmapreducer的缺陷spark和map-reducer的执行逻辑对比spark解决了什么Spark核心概念1,什么是RDD2,什么是Transfamation3,什么是Action4,RDD的初始化的方式Spark的常用的算子有哪些Spark的wordcount实例Spark的安装和配置参数Spark UI的相关知识Java8的lambda表达式...

2018-11-29 23:41:51 649

原创 移动端开发应该注意的知识点

font-weight的属性设置在写css的时候,如果给font-weight的属性值为600,600的意思是加粗,但是这个加粗在android上不起效果,在ios起效果。最好这样设置font-weight的属性:(bold).fontWeight { font-weight: bold;}关于meta标签的作用&amp;amp;lt;meta http-equiv=&amp;quot;Cache-Control&amp;quot;...

2018-11-22 14:28:04 400

原创 数据分析引擎-Hive

什么是Hive,并且Hive解决了什么问题当数据非常多的时候,比如我们用几千个节点,甚至几万个节点来存储我们的数据,通过这些数据,分析出我们想要的结果,比如生成天级别,周级别,月级别甚至年级别的报表。如果用mysql,或者是oracle,都太慢了!!而Hive是构建在Hadoop之上的数据仓库,它主要用来访问和管理数据,同时也提供了类sql的查询语言,它的独特之处,在于它可以处理超大规模的数...

2018-11-21 00:24:00 567

原创 分布式消息队列-Kafka

我们的数据,常见的情况下,是源源不断的产生的,有时候会产生大量的数据,但是数据的接受方,可能一下无法处理那么大的并发量。所以,一般采用的方式是消息队列的方式。在大数据的领域里,我们可能不仅仅要考虑数据的平稳过渡问题,我们还要考虑不同的类型的数据的接受和处理问题。并且还要保证数据的可靠性,以及一定的数据回滚能力。这就是我们的分布式消息队列Kafka需要做的事情。Kafka的结构模型如图所示,...

2018-11-13 06:10:29 306

原创 前端如何做异步并发量的控制

需求来源在小程序中,它规定了数据请求的并发量不超过10个,那么在代码层面,我们如何避免这种情况的出现呢?设计思路设计思路其实很简单,假如并发量控制是 51,首先,瞬发 5 个异步请求,我们就得到了并发的 5 个异步请求// limit = 5while(limit--) { handleFunction(list)}2,然后,等每个异步请求执行完,执行下一个list项l...

2018-11-09 23:15:55 5626

原创 Hbase—分布式数据库

什么是分布式数据库Hbase是大数据体系里面非常重要的一个组件,它解决了海量数据的存储和操作功能。传统的Mysql和Oracle,显然不能支持大数据的应用场景。它的限制主要在无法存储过亿级别的海量数据,无法适应大数据场景下数据的动态扩展,可能也就无法实现毫秒级别的更新。什么是行式存储和列式存储行式存储指的是,数据存储在磁盘中,以一行相关的数据一次排布在磁盘上的过程。列式存储指的是,数据存...

2018-11-04 01:41:47 2510

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除