自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 利用ssh config管理多个 git 仓库

原文地址:利用ssh config管理多个 git 仓库前言我们在日常的开发中,一般都会使用git来托管代码,在公司中,一台电脑一般会需要配置多个git(一个github,用于托管自己的代码、一个gitlab,用于托管公司代码)。这个时候就需要在电脑上配置多个ssh_key来进行管理。1.生成 ssh_key利用 ssh-keygen 生成 ssh_keyssh-keygen -t rsa -f ~/.ssh/key名 -C '[email protected]'-t :加密方式,一般都使用 r

2021-06-18 20:48:51 765 1

原创 Flutter实战 - 通过 Navigator 进行路由管理

原文地址: Flutter 路由使用前言路由(Route)在移动开发中通常指页面(Page),这跟web开发中单页应用的Route概念意义是相同的,Route在Android中通常指一个Activity,在iOS中指一个ViewController。Flutter中,Route的管理是在内部维护一个路由栈,通过 Navigator 的 push、pop操作,实现路由的入栈和出栈操作,达到页面开启关闭的效果。1.构建路由的两种方式Flutter中,构建路由存在两种方式:普通路由 与 命名路由。普通路由

2021-04-22 20:42:51 829

原创 flex布局使用详解

flex布局是一种新型的布局方式,目前已经得到了所有主流浏览器的支持。 1.flex布局的实现任何一个容器都可以指定为flex布局。 这里以横向排列作为示例。display: flex;display: -webkit-flex; 注: ①webkit内核的浏览器需要加上 -webkit前缀。 ②设为 Flex 布局以后,子元素的float、clear和ver...

2018-06-11 21:49:43 1024

原创 IndexedDB数据库的基本使用

浏览器的本地存储,一般有Cookie,LocalStorage,webSQL; Cookie 与 LocalStorage 一般用于小数据量的存储,webSQL现阶段已经废弃;现在浏览器本地存储大量数据一般都是用indexedDB数据库;就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。1.判断浏览器是否支持 indexedD...

2018-06-08 00:02:30 3269 2

原创 CSS之background深度详解

background 是CSS中一个常用的属性,用来修改某个元素的背景;background 拥有8种属性,分别为:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground...

2018-03-08 20:09:50 8653 2

原创 CSS选择器,nth-child 与 nth-of-type 选择器详解

nth-child 与 nth-of-type 都是CSS3的伪类选择器,两者都是用于 “子代元素”,两者之间的功能差不多,却也存在着一些差异;例:<table > <tr> <th> <p>1111111111111111111111111111</p> ...

2018-03-07 13:42:25 1048

原创 JS排序算法之希尔算法

希尔算法: 希尔算法在原理上也是一种插入排序,在了解希尔算法之前,必须了解插入排序;原理: 希尔排序在插入排序的基础上,将数据进行了分组,将原有的数据分为若干个子集,然后对每个子集进行排序,依次类推,不停地分割成子集,直到最后完全排序。数列:[3,5,2,4,7,6,8,9,1] 先将整个数列以gap为基准进行分割为子集,对子集进行排序;(gap 一般为 Math.floor(arr...

2018-03-06 19:51:04 309

原创 JS排序算法之插入排序

插入排序:原理:对整个为排序的数列分为两个部分,一部分是已经排序好的,一部分是没有排序好的,每次都从还未排序好的数列中去除一个数,插入到已经排序好的数列之中,直到未排序的数列为零;* 在排序过程中,一般默认将数列的第一个数作为已经排序好的数列,将剩余作为未排序好的数列数列:[ 9,8,,7,6,5,4,3,2,1] 将整个数列分为两部分: 已排序好的:9 未排序好的:8 7 6 ...

2018-03-06 19:20:05 248

原创 【2017-11-25】a标签中的download属性详解

在H5中,为a标签新增了一个download属性,来直接文件的下载; 一 : 浏览器的支持 ①download属性暂时只支持Google Chrome 和 Mozilla Firefox,其他浏览器均不支持该属性; ②download是H5新增的属性,H5以前没有该属性; 二 : Chrome 浏览器测试// 引用本地文件 <a href="img/5

2017-11-26 00:26:12 25135 8

原创 【2017-11+10】 JS中正则表达式详解

在JS的开发过程中,很多时候都需要验证表单的正确性;使用正则表达式能够很好的简化表单的验证过程。 在JS中,内置了 RegExp 对象,用来进行正则匹配。 一. RegExp 对象的使用 JS提供了两种方式来创建RegExp对象: ①直接量方式: /pattern/attributes ②创建对象的方式: new RegExp(pat

2017-11-10 18:07:34 296

原创 【2017-11-9】CSS 中的媒体查询

通过媒体查询,我们可以实现在不同的设备,不同的屏幕大小,加载不同的样式表,以实现响应式的布局效果。 但是这种设计也存在着一定程度上的缺陷,在适配移动端的时候,大量使用 display:none 隐藏富媒体元素,这样会造成不必要的流量浪费; 1.媒体类型 在实际开发中,最常用的媒体类型也就只有all,print,screen这三种类型。 //根据不同的设备类型,加载不同CSS文件

2017-11-10 00:22:50 281

原创 【2017-11-08】document.getElementById 在IE中隐藏的bug

document.getElementById 一般在前端开发中用来获取指定ID的控件,如果存在这个元素,则会直接返回这个元素,否则返回null. *在IE8以前的版本中,document.getElementById 对大小写是不敏感的 如上图:相同的代码在IE7下可以获取到元素,而在IE8下获取到的是null,由此可证明IE7及以下版本对大小写是不敏感的; 在IE8以前的版本中

2017-11-08 23:21:19 1795

原创 【安卓架构师】【高焕堂】【android从程序员到架构师】从零开始进阶安卓架构师

从第一次写出Hello World,到成为一个优秀的工程师的距离有多远? android从程序员到架构师之路课程,遵循敏捷的迭代过程,从思想、方法、模式、范例和成功案例各种不同角度,带你学习从设计到代码的途径。让你在活泼的过程中,轻松地从原本的代码世界,迅速熟悉设计的新天地。 学习目录 1.复习基本OOP知识a 2.复习基本OOP知识b 3.复习基本OOP知识c 20:00

2017-07-05 00:03:24 2072

原创 CSS 实现自定义样式的单选框与多选框

前端在开发的过程中,经常会遇见使用单选框以及多选框的情况,但是默认的选框按钮的样式单一,一般我们需要去自定义一些选框按钮的样式; 通常情况下,单选、多选为方便自定义样式,一般会采用input+label去实现,这里实现的原理主要是运用了label标签的for属性; for 属性规定 label 与哪个表单元素绑定。 1. 单选框 实现方式:input type=radio +

2017-06-26 13:58:05 26627 2

原创 H5+ 二维码扫描功能

二维码在生活中的使用越来越广泛,APP开发中,也越来越多的需求需要用到二维码的扫描功能,以下就针对h5+的二维码扫描功能做一些简单的介绍; 1. var bc = new plus.barcode.Barcode( id, filters, styles ); 创建二维码扫描对象id: 条码识别控件在Webview窗口的DOM节点的id值filters: 要识别的条码类型过滤器,为条码

2017-06-19 12:56:33 28006 5

原创 使用MUI 软键盘弹起挤压页面

在使用mui和H5+进行移动端开发的时候,经常会遇见需要用户输入的情况。当input获取焦点弹起软键盘的时候,经常会遇见软键盘挤压页面、软键盘遮挡输入框等一系列问题; 1. 单页面 软键盘弹起挤压页面 如上图所示:当页面中的input获取到焦点,软键盘弹出的时候,绝对定位在页面底部的按钮会被向上挤压; 原因:造成这种现

2017-06-16 16:04:40 11860 3

原创 H5移动端调用底层接口的一些使用方法-01调用系统的摄像头

webApp迅速的发展,各种跨平台框架如雨后春笋般的成倍增长着;使用H5去开发跨平台APP,经常会遇到调用系统底层接口的一些问题:如摄像头、拍照、支付、打电话、短信等等一系列功能,这里简单介绍一部分,以后会持续更新; 1. H5 调用本地摄像头 plus.camera.getCamera( index ); index可取1、2。 1代表主摄像头 2

2017-06-15 19:42:19 10375 3

原创 html5 移动端的手指触屏事件

用户在移动端浏览H5的时候,会使用手指进行一连串的操作,单击、双击、上拉、下拉等等一系列操作,这里主要针对touch事件进行一些简单的介绍; 用户从手指触碰到屏幕到手指离开屏幕这中间,会触发一系列的touch事件: ①touchstart:当手指触碰到屏幕的时候触发 ②touchmove:当手指在屏幕上滑动的时候触发 ③touchend:当手指离开屏幕的时候时候触发 ④touchcan

2017-06-14 19:07:45 18168

原创 JS将图片转换成Base64编码

在移动端与服务端的交互过程中,经常会遇见移动端上传图片到服务端的情况;将图片转成base64字符串然后和服务端交互,可以有效的减少HTTP数据请求,减少与服务端的数据交互; 将图片转换成base64字符串,主要使用的canvas: ①使用canvas必须在界面上创建canvas:<canvas id="photo" style="display: none;"></canvas> //创建 c

2017-03-09 15:33:18 3384

原创 H5+的使用-----设备的加速度管理Accelerometer模块

Accelerometer模块管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向)、y(垂直屏幕水平方向)、z(垂直屏幕平面方向)三个方向的加速度信息。①获取设备当前的加速度信息plus.accelerometer.getCurrentAcceleration(function(s) { /* 加速度获取成功之后,回调函数 s.xAxis

2017-03-08 17:16:14 1064

原创 JSP的内置对象-----request对象

jsp内置的request对象,无需声明,可以在JSP中直接使用。request对象实现了HttpServletRequest接口,在request中包含了用户的请求信息。request对象的主要方法有: getParameter(String name) 获得客户端传送给服务器端的参数值,该参数一般由表单的name属性指定。 getParameterValues(String nam

2016-08-10 17:36:35 269

原创 【Android】OnTouchListener的简单使用,按钮点击放大与缩小

OnTouchListene是用来监听手机屏幕事件的监听,用来处理按下,抬起,滑动等动作具体的有3中情况:UP抬起   DOWN按下    MOVE滑动  使用:在Activity中,实现OnTouchListener 接口,重写 onTouch方法,为需要的控件setOnTouchListener最后可以根据ID的不同,对不同的控件按下,抬起,滑动事件做不同的处理通常在设计U

2016-03-28 15:57:25 4684

空空如也

空空如也

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

TA关注的人

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