- 博客(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 909
转载 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 1821
转载 使用新版本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 1438 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 1564
转载 自定义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 283
转载 获取元素父,子,兄弟节点
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 224
转载 引入mui后,radio单选框不可点击
最近公司在给公司做一个微信公众号的项目,用的mui框架搭建的网页,引入公众号后发现,单选框不能点击了,百度了好多也没找到解决办法,只找到一个类似的问题,应该原因是一样的吧!话不多说,上方案。引入mui.js前加上一句话<script> window.FastClick = true;</script>如图:以上就是解决方案。阅读原文...
2019-02-26 17:35:17 1216 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 302
原创 基于mui的公共js文件
基于做项目的时候好多方法需要复用,重复写代码降低编码效率,故自己总结了一下我们公司用的比较多的几个方法。(因为公司框架是mui,因此部分方法是基于mui的)//将数据存储到本地缓存function set(type, value) { sessionStorage.setItem(type, value); // localStorage.setItem(type, value);}/...
2019-01-16 13:53:27 4036
转载 js前端代码组件化
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础语言库。...
2019-01-15 18:34:18 1258
原创 移动端调控制台
移动端控制台调用(只在网页中有效)<script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"></script><script> eruda.init();</script>将以上代码加入js开头即可。...
2019-01-14 18:23:57 429
原创 div跟随鼠标移动
1.一直跟着鼠标移动的div:原理是div的left和top值有oEvent.clientX+scrollLeft鼠标指针向对于浏览器页面(或客户区)的水平坐标+元素中滚动条的水平偏移&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;follow mouse&lt;/title&
2019-01-11 16:24:48 1538 1
原创 mui日期选择器改为全国省市县三级级联
公司原先的省、市、县地址均是用输入框,需要用户手动输入,自己之前试着改成下拉框样式的三级级联,但效果不好,不够不够美观。所以打起了mui日期选择插件的注意,综合了一下网博客的内容,做好是这个样子的。、上代码HTML:<input type="text" id="address" placeholder="选择省、市、区信息">JavaScript: var city = ...
2018-12-26 19:34:45 323
原创 mui图片预览功能
需要文件mui.previewimage.jsmui.zoom.jsmui.zoom.css在需要预览的img标签加上data-preview-src=&amp;quot;&amp;quot; data-preview-group=“1”也就是这样子:&amp;amp;lt;div class=&amp;quot;QRcode&amp;quot;&amp;amp;gt; &
2018-11-19 10:31:41 1566 2
原创 上传图片功能
HTML<img src="img/16-4@2x.png" onclick="browerfile.click()" id="QRCode" /><input type="file" id="browerfile" style="display: none;" class="test">JavaSc
2018-11-09 11:09:32 359
原创 工具类
调用方法:window.methods.+funname();代码://activewindow.onload = function() { document.body.addEventListener('touchstart', function() {}); document.body.addEventListener('touchmove', function() {});...
2018-11-09 09:27:21 105
转载 模拟淘宝购物车功能
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;title&
2018-11-09 09:07:49 705
原创 实现简单图形验证码功能
HTML<img src="" class="VerifiImg" /><input type="hidden" id="randomNum" />JavaScript// 随机数 function getRanNum() { var str = ''; for(var i = 0; i < 4; i++) { var ran
2018-11-01 11:18:04 622
原创 移动端实现点击按钮复制功能
HTML代码&amp;lt;div class=&quot;url&quot;&amp;gt; &amp;lt;p id=&quot;codeNum&quot;&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;button class=&quot;code-btn&quo
2018-10-31 10:57:23 1907
原创 怎么从url截取需要信息
怎么从url截取需要信息JavaScript代码:function getUrlParam(name) { var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).matc
2018-10-31 10:37:58 503
原创 页面头部meta标签
<!-- 视图窗口,移动端特属的标。--> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 ...
2018-10-16 18:05:09 164
转载 代码实现小猪佩奇(最社会的代码)
一、Html的小猪佩奇画法&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;用css画一个小猪佩奇&lt;/title&gt; &lt;style type="text/css"&gt
2018-10-11 19:38:37 9088 1
原创 es6 学习笔记之 copyWithin()
定义及用法copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。语法array.copyWithin(target, start, end)参数参数描述target必填。复制到指定目标索引位置。start选填。元素复制的起始位置。默认为 0 ,如果为负值,表示倒数。end选填。停止复制的索引位置。默认为array.length。如果为负值,表示倒数。注意使用这个方法,...
2018-07-02 13:06:10 1123
原创 从零开始搭建一个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 1275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人