自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ZXH2017的博客

Github:https://github.com/ZXH2017

原创 JS如何设置获取盒模型对应的宽高

dom.style.width/height(只适用获取内联元素的宽和高)dom.currentStyle.width/height(获取渲染后的宽高,但是仅IE支持)window.getComputedStyle(dom).width/height(与2原理相似,但是兼容性,通用性会更好一些)dom.getBoundingClientRect().widht/height(计算元素绝对位置,获取...

2018-03-11 18:03:16 2231

原创 如何将自己的项目添加git管理,新增和删除GitHub项目

先登录自己的GitHub账号,跟着步骤创建一个项目打开项目,点击鼠标右键,选择Git Bash Here,下面就跟着步骤一步步执行:1.初始化本地仓库2.把项目的所有文件添加到该仓库中3.把文件提交到本地仓库中(带上说明内容)正常情况下是出现如上图,但是如果出现以下内容说明你已经提交好了4.开始添加远程仓库地址如果出现以下内容说明你已经添加过远程仓库了5.输入以下命令可以删除远程仓库(视情况而定,...

2018-02-07 11:28:19 6353

原创 ionic实现类似通讯录的侧边栏字母索引

这里需要先说明的是:我拿到的数据是后台已经排好序的,所以我的目的是做滚动到某个高度时侧边栏的字母高亮与其内容对应,并且可以点击侧边栏的某个字母跳到列表对应的地方。先看看实现后的效果,样式比较简陋:是不是一眼就看出了侧边栏的字母表不全。是的。一开始我是做完整的26个字母+#,但是因为后台返回的列表内容并不一定包括26个字母+#,有的字母对应

2018-02-04 09:50:19 2810 1

原创 关于ionic上传下载,进度条百分比显示,打开文件问题

我看了半天ionic的文档都没有看到我想要的进度条展示的样子,我想要的是什么样的呢?哈哈是这样的但是不知道是人品问题还是什么问题,我没找到这样的样式。所以我就用了另外一种方式去替代它我的目的是用于展示上传与下载文件的进度,首先当然是需要安装一些插件:cordova-plugin-file cordova-plugin-file-opener2 这是打开手机的文件cordova-plug...

2018-01-30 10:04:03 3251

原创 weex中仿通讯录索引的城市选择器

为了给我自己做个笔记,同时给你们参考参考,废话不多说直接贴代码<template> <div class="wrapper" :class="[isWeb?'fixed-h':'']"> <!-- 全部地区 --> <scroller class="city-box" @scroll="scrollHandler"> <t...

2019-04-29 16:27:36 211 1

原创 倒计时小记

没事干,弄个简单的倒计时,这是在weex项目下写的小demo<template> <div class="wrapper"> <text style="font-size:40px;font-weight:bold;">倒计时 :{{time.day}}天 :{{time.h}}时 :{{time.m}}分 :{{time.s}}秒</text...

2019-04-29 16:05:55 55

原创 weex引入iconfont之input的placeholder显示icon

这是本次开发的设计图,不难看出是在input的placeholder里显示icon。反正我是第一次遇到,以往搜索框的icon不是放前,就是放后。关于怎么引入iconfont,可以去看我的另一篇weex引入iconfont因为placeholder也不好插入icon图片,经查阅资料以后提供两种方案。第一种解决方案:尝试在placeholder里直接写iconfont的代...

2019-04-25 14:12:43 358

原创 weex引入iconfont

首先打开iconfont官网https://www.iconfont.cn/,登录把需要的icon加入在自己项目中,在自己的iconfont项目中选择Unicode,点击查看在线链接,如上图所示 在template中使用iconfont,直接复制icon font代码即可,注意必须要设置font-family<text class="used-title-right iconfo...

2019-04-25 11:54:29 614 1

原创 ios移动端软键盘收起后,页面内容留白不下滑

今天写个公众号,聊天的界面发现调用软键盘以后页面内容上移,但是键盘收起的时候,ios页面内容没有恢复原样,但是android可以先附上结果图:查了很多原因最后找到了解决办法:原理就是弹起键盘的时候,window.scrollY会从0变到键盘的高度,当输入框焦点失去后让scrollY回到0就好了。...

2018-12-21 15:02:50 8862 1

原创 git clone失败,解决办法:--depth=1

最近想在家运行公司的代码,目的就是周末出bug不想跑回公司,克隆的是项目打包后的内容,不料克隆时间真的长到不想吐槽。给你们看看,我多次卡在了60%,项目过大而且还不能断点续传,真的难受的呀然后我发现,git clone默认会下载所有的历史版本,怪不得克隆半天,其实解决方法很简单,在git clone时加上--depth=1即可解决,depth用于指定克隆深度,为1即表示只克隆最近一...

2018-11-15 23:27:18 8274 4

原创 js中视频分别循环播放,加载监听事件的闭包问题

多视频

2018-06-08 16:46:37 659

转载 JsonView插件的使用

由于谷歌浏览器经常打不开应用商店,还有就是安装第三方插件的办法。方法就如下: 由于最近做和json相关的东西,所以,以jsonView插件为例分享一下。 1、打开https://github.com ; 2、搜索 jsonView 链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview; 3、选择需要的插件(我下载的是这个gildas-...

2018-04-03 10:32:24 500

原创 BFC的相关知识

BFC(Block Formatting Contexts)基本概念:块级,格式化,上下文原理:BFC这个元素的垂直方向的边距会发生重叠BFC的区域不会与浮动元素的float重叠独立的容器,内外元素互不影响计算BFC高度,浮动元素也参与计算那么如何创建BFC呢?float不为none的时候position不为static或者relative的时候display为与table相关值的时候overfl...

2018-03-11 17:55:41 102

转载 ionic开发篇之踩坑集

一、API篇1.接口无法访问百度地图、自定义API无法访问,远程调试结果显示404 原因是cordova 5.x的版本增加了“Content-Security-Policy”用于解决安全访问的问题。默认情况下,只能访问本机资源。解决方法: 1.添加白名单插件,在项目目录下执行ionic plugin add cordova-plugin-whitelist2.在index.html头部增加<...

2018-03-09 17:13:52 300

转载 js 自定义format格式化输出

在使用js的时候,经常要进行字符串的拼接,一但使用+号进行字符串拼接的时候,基本是各种问题,又不好维护,有没有更好的方法地其进行格式化输出呢?答案肯定是有的,如果你使用nodejs,它已经自带的,如果你还在使用纯原生js,那不好意思了。使用方法为String对象添加format方法String.prototype.format = function(opts) {//use 'my name is...

2018-03-09 15:18:34 1000

原创 实现Angular注入$location获取与修改页面URL

先展示下我的完整路径:http://localhost/#!/root/contract/businesscontract/edit%5B12%5D?id=3a6f61ca-508c-48d2-8a9a-cb4619568d73&page=1&taskContract=HADTASK&makeContract=HADMAKE先打印出$location,如下图获取URL相关内...

2018-03-08 09:37:38 1921

转载 抓包工具Charles乱码解决办法

前言今天就来学习使用下 Mac 下截取网络封包的工具:Charles。我想,如果你是个善于利用搜索引擎的人,那么在 Google 中输入「Charles 使用」等相应的关键字,便会出现一大把文章。不过呢,之所以会有这篇文章,就是因为今天在安装和初步使用的过程中,遇到了些问题,而目前搜索出来的绝大数文章并没有提及(或者解决办法已经过时)。所以,我在此记录下来,希望能帮助到通过搜索找到这的朋友们。VP...

2018-03-07 09:33:54 896 1

原创 前端经典面试题之CSS实现三栏布局,左右宽度固定,中间宽度自适应

前端常问的面试题,题目:假设高度一定,请写出三栏布局,左右宽度300px,中间自适应。看到这里我希望你能停下来思考几分钟,1分钟~2分钟~3分钟~4分钟~5分钟!好了,那么你想出了几种答案呢?下面提供这道题的五种解决方案:首先要写好整个页面的布局(初始化等) <style> html * { padding: 0; ...

2018-03-01 13:48:59 7941 3

转载 8 个帮助你编写可维护、精简化前端代码的 CSS 策略

来自:开源中国 协作翻译链接:oschina.net/translate/8-css-strategies-for-writing-maintainable-streamli(点击尾部阅读原文前往)原文:https://dzone.com/articles/8-css-strategies-for-writing-maintainable-streamli-1译者:rever4433, 边城, 无...

2018-02-26 09:13:44 80

转载 前端性能优化 —— 移动端浏览器优化策略

摘要: 前端性能优化是一个很宽泛的概念,本书前面的部分也多多少少提到一些前端优化方法,这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统,前端优化的最终目的都是提升用户体验,改善页面性能,我们常常竭尽全力进行前端页面优化,但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做,先看看什么是前端性能,应该怎样去了解和评价前端页面的性能。相对于桌面端浏览器,移动端Web浏览器...

2018-02-10 09:18:18 159

转载 angular-ui-calendar使用简介

angular-ui-calendar  is a complete AngularJS directive for the Arshaw FullCalendar.angular-ui-calendar 可以说是一个用指定组成的 fullcalendar.使用angular-ui-calendar之前 我们要下载他所依赖的  fullCalendar 目前最新版本2.8.0 地址http://f...

2018-02-08 17:36:33 2198

转载 你的简历能帮你争取到面试机会吗?

最近我在帮朋友的公司招人,招人的第一步是要筛选简历,在这过程中,我发现虽然能收到很多简历,但实际能通过筛选能进入到技术面试流程的简历不多,估计10份里不会超过4份能通过筛选。    如果没法通过技术面试,那么候选人尚且能收集面试题,回家继续准备,毕竟他和面试官也交流过,也不算没收获,但对于这些没法通过筛选的简历,简历的主人往往是无从得知的(公司不会主动通知),所以他们依然会混混沌沌,可以预

2018-02-04 10:29:37 93

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