自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 console.log()控制台输出各种字体样式

3D文字console.log("%c3D Text"," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5p...

2019-06-14 17:09:05 869

转载 js调用安卓方法

步骤1:加载JS代码,如下:index.html以.html格式放到src/main/assets文件夹里<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Carson_Ho</title> </hea...

2019-06-12 17:09:55 1767

转载 使用新版本5+SDK创建最简Android原生工程(Android studio) 分类:5+ SDK

1 使用Android Studio创建一个工程\2 删除原生工程中Java目录下系统默认创建的源代码3 复制SDK->libs->lib.5plus.base-release.aar文件到原生工程工程的app->libs目录下4 打开工程的build.gradle文件4.1 添加aar文件引用到dependenciesr如下代码...

2019-06-12 13:50:46 1411 1

原创 安卓端禁用物理返回键

XBack = {};(function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function(event) { event.state === XBack.STATE && XBack.fire(); XBack....

2019-05-08 15:14:31 1536

转载 自定义radio单选按钮

html: <div> <input id="item1" type="radio" name="item" value="选项一" checked> <label for="item1"></label> <span>选项一</span> </di...

2019-04-03 16:27:42 267

转载 获取元素父,子,兄弟节点

js方法:var test = document.getElementById("test");  var parent = test.parentNode; // 父节点  var chils = test.childNodes; // 全部子节点  var first = test.firstChild; // 第一个子节点  var last = test.lastChile;...

2019-04-03 16:21:03 206

转载 引入mui后,radio单选框不可点击

最近公司在给公司做一个微信公众号的项目,用的mui框架搭建的网页,引入公众号后发现,单选框不能点击了,百度了好多也没找到解决办法,只找到一个类似的问题,应该原因是一样的吧!话不多说,上方案。引入mui.js前加上一句话&lt;script&gt; window.FastClick = true;&lt;/script&gt;如图:以上就是解决方案。阅读原文...

2019-02-26 17:35:17 1174 3

转载 区别 JavaScript Event 对象中的clientX,offsetX,screenX,pageX之间关系

javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕,于是决定做个图来区分一下event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性;event.pageX、event.pageY类似于event.clientX、ev...

2019-01-18 12:01:39 292

原创 基于mui的公共js文件

基于做项目的时候好多方法需要复用,重复写代码降低编码效率,故自己总结了一下我们公司用的比较多的几个方法。(因为公司框架是mui,因此部分方法是基于mui的)//将数据存储到本地缓存function set(type, value) { sessionStorage.setItem(type, value); // localStorage.setItem(type, value);}/...

2019-01-16 13:53:27 3969

转载 js前端代码组件化

作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础语言库。...

2019-01-15 18:34:18 1241

原创 移动端调控制台

移动端控制台调用(只在网页中有效)&lt;script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"&gt;&lt;/script&gt;&lt;script&gt; eruda.init();&lt;/script&gt;将以上代码加入js开头即可。...

2019-01-14 18:23:57 417

原创 div跟随鼠标移动

1.一直跟着鼠标移动的div:原理是div的left和top值有oEvent.clientX+scrollLeft鼠标指针向对于浏览器页面(或客户区)的水平坐标+元素中滚动条的水平偏移&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;title&amp;gt;follow mouse&amp;lt;/title&amp

2019-01-11 16:24:48 1478 1

原创 mui日期选择器改为全国省市县三级级联

公司原先的省、市、县地址均是用输入框,需要用户手动输入,自己之前试着改成下拉框样式的三级级联,但效果不好,不够不够美观。所以打起了mui日期选择插件的注意,综合了一下网博客的内容,做好是这个样子的。、上代码HTML:&lt;input type="text" id="address" placeholder="选择省、市、区信息"&gt;JavaScript: var city = ...

2018-12-26 19:34:45 306

原创 mui图片预览功能

需要文件mui.previewimage.jsmui.zoom.jsmui.zoom.css在需要预览的img标签加上data-preview-src=&amp;amp;quot;&amp;amp;quot; data-preview-group=“1”也就是这样子:&amp;amp;amp;lt;div class=&amp;amp;quot;QRcode&amp;amp;quot;&amp;amp;amp;gt; &amp

2018-11-19 10:31:41 1521 2

原创 上传图片功能

 HTML&lt;img src="img/16-4@2x.png" onclick="browerfile.click()" id="QRCode" /&gt;&lt;input type="file" id="browerfile" style="display: none;" class="test"&gt;JavaSc

2018-11-09 11:09:32 346

原创 工具类

调用方法:window.methods.+funname();代码://activewindow.onload = function() { document.body.addEventListener('touchstart', function() {}); document.body.addEventListener('touchmove', function() {});...

2018-11-09 09:27:21 96

转载 模拟淘宝购物车功能

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&amp;gt; &amp;lt;title&

2018-11-09 09:07:49 673

原创 实现简单图形验证码功能

HTML&lt;img src="" class="VerifiImg" /&gt;&lt;input type="hidden" id="randomNum" /&gt;JavaScript// 随机数 function getRanNum() { var str = ''; for(var i = 0; i &lt; 4; i++) { var ran

2018-11-01 11:18:04 604

原创 移动端实现点击按钮复制功能

HTML代码&amp;amp;lt;div class=&amp;quot;url&amp;quot;&amp;amp;gt; &amp;amp;lt;p id=&amp;quot;codeNum&amp;quot;&amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt; &amp;amp;lt;button class=&amp;quot;code-btn&amp;quo

2018-10-31 10:57:23 1895

原创 怎么从url截取需要信息

怎么从url截取需要信息JavaScript代码:function getUrlParam(name) { var reg = new RegExp(&quot;(^|&amp;amp;)&quot; + name + &quot;=([^&amp;amp;]*)(&amp;amp;|$)&quot;); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).matc

2018-10-31 10:37:58 487

原创 页面头部meta标签

&lt;!-- 视图窗口,移动端特属的标。--&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /&gt; &lt;!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 ...

2018-10-16 18:05:09 153

转载 代码实现小猪佩奇(最社会的代码)

一、Html的小猪佩奇画法&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;title&amp;gt;用css画一个小猪佩奇&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt

2018-10-11 19:38:37 9025 1

原创 es6 学习笔记之 copyWithin()

定义及用法copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。语法array.copyWithin(target, start, end)参数参数描述target必填。复制到指定目标索引位置。start选填。元素复制的起始位置。默认为 0 ,如果为负值,表示倒数。end选填。停止复制的索引位置。默认为array.length。如果为负值,表示倒数。注意使用这个方法,...

2018-07-02 13:06:10 1089

原创 从零开始搭建一个vue的脚手架(整合)

vue.js是现在一个很火的前端框架,官网描述其简单易用,灵活度高,性能好。本篇文章基于Windows系统搭建vue项目主要分以下几步:1.Node.js(Javascript运行环境)安装 2.Vue.js安装 3.脚手架搭建 4.项目文件描述1.Node.js安装(仅第一次部署时执行)下载安装测试下载安装点击下载: Node下载 根据自己电脑系统安装,一直点下一步即可测试Windows+R快捷...

2018-05-07 20:47:21 1257

空空如也

空空如也

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

TA关注的人

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