前端
文章平均质量分 71
4张A
这个作者很懒,什么都没留下…
展开
-
利用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 'xxx@xx.com'-t :加密方式,一般都使用 r原创 2021-06-18 20:48:51 · 842 阅读 · 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 · 925 阅读 · 0 评论 -
IndexedDB数据库的基本使用
浏览器的本地存储,一般有Cookie,LocalStorage,webSQL; Cookie 与 LocalStorage 一般用于小数据量的存储,webSQL现阶段已经废弃;现在浏览器本地存储大量数据一般都是用indexedDB数据库;就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。1.判断浏览器是否支持 indexedD...原创 2018-06-08 00:02:30 · 3391 阅读 · 2 评论 -
flex布局使用详解
flex布局是一种新型的布局方式,目前已经得到了所有主流浏览器的支持。 1.flex布局的实现任何一个容器都可以指定为flex布局。 这里以横向排列作为示例。display: flex;display: -webkit-flex; 注: ①webkit内核的浏览器需要加上 -webkit前缀。 ②设为 Flex 布局以后,子元素的float、clear和ver...原创 2018-06-11 21:49:43 · 1171 阅读 · 0 评论 -
CSS之background深度详解
background 是CSS中一个常用的属性,用来修改某个元素的背景;background 拥有8种属性,分别为:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground...原创 2018-03-08 20:09:50 · 9467 阅读 · 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 · 1100 阅读 · 0 评论 -
JS排序算法之希尔算法
希尔算法: 希尔算法在原理上也是一种插入排序,在了解希尔算法之前,必须了解插入排序;原理: 希尔排序在插入排序的基础上,将数据进行了分组,将原有的数据分为若干个子集,然后对每个子集进行排序,依次类推,不停地分割成子集,直到最后完全排序。数列:[3,5,2,4,7,6,8,9,1] 先将整个数列以gap为基准进行分割为子集,对子集进行排序;(gap 一般为 Math.floor(arr...原创 2018-03-06 19:51:04 · 350 阅读 · 0 评论 -
JS排序算法之插入排序
插入排序:原理:对整个为排序的数列分为两个部分,一部分是已经排序好的,一部分是没有排序好的,每次都从还未排序好的数列中去除一个数,插入到已经排序好的数列之中,直到未排序的数列为零;* 在排序过程中,一般默认将数列的第一个数作为已经排序好的数列,将剩余作为未排序好的数列数列:[ 9,8,,7,6,5,4,3,2,1] 将整个数列分为两部分: 已排序好的:9 未排序好的:8 7 6 ...原创 2018-03-06 19:20:05 · 290 阅读 · 0 评论 -
【2017-11+10】 JS中正则表达式详解
在JS的开发过程中,很多时候都需要验证表单的正确性;使用正则表达式能够很好的简化表单的验证过程。 在JS中,内置了 RegExp 对象,用来进行正则匹配。 一. RegExp 对象的使用 JS提供了两种方式来创建RegExp对象: ①直接量方式: /pattern/attributes ②创建对象的方式: new RegExp(pat原创 2017-11-10 18:07:34 · 355 阅读 · 0 评论 -
html5 移动端的手指触屏事件
用户在移动端浏览H5的时候,会使用手指进行一连串的操作,单击、双击、上拉、下拉等等一系列操作,这里主要针对touch事件进行一些简单的介绍; 用户从手指触碰到屏幕到手指离开屏幕这中间,会触发一系列的touch事件: ①touchstart:当手指触碰到屏幕的时候触发 ②touchmove:当手指在屏幕上滑动的时候触发 ③touchend:当手指离开屏幕的时候时候触发 ④touchcan原创 2017-06-14 19:07:45 · 18378 阅读 · 0 评论 -
CSS 实现自定义样式的单选框与多选框
前端在开发的过程中,经常会遇见使用单选框以及多选框的情况,但是默认的选框按钮的样式单一,一般我们需要去自定义一些选框按钮的样式; 通常情况下,单选、多选为方便自定义样式,一般会采用input+label去实现,这里实现的原理主要是运用了label标签的for属性; for 属性规定 label 与哪个表单元素绑定。 1. 单选框 实现方式:input type=radio +原创 2017-06-26 13:58:05 · 26813 阅读 · 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 · 28263 阅读 · 5 评论 -
使用MUI 软键盘弹起挤压页面
在使用mui和H5+进行移动端开发的时候,经常会遇见需要用户输入的情况。当input获取焦点弹起软键盘的时候,经常会遇见软键盘挤压页面、软键盘遮挡输入框等一系列问题; 1. 单页面 软键盘弹起挤压页面 如上图所示:当页面中的input获取到焦点,软键盘弹出的时候,绝对定位在页面底部的按钮会被向上挤压; 原因:造成这种现原创 2017-06-16 16:04:40 · 11944 阅读 · 3 评论 -
H5移动端调用底层接口的一些使用方法-01调用系统的摄像头
webApp迅速的发展,各种跨平台框架如雨后春笋般的成倍增长着;使用H5去开发跨平台APP,经常会遇到调用系统底层接口的一些问题:如摄像头、拍照、支付、打电话、短信等等一系列功能,这里简单介绍一部分,以后会持续更新; 1. H5 调用本地摄像头 plus.camera.getCamera( index ); index可取1、2。 1代表主摄像头 2原创 2017-06-15 19:42:19 · 10442 阅读 · 3 评论