![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Zhe言9
这个作者很懒,什么都没留下…
展开
-
怎么从url截取需要信息
怎么从url截取需要信息JavaScript代码:function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).matc原创 2018-10-31 10:37:58 · 488 阅读 · 0 评论 -
js前端代码组件化
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础语言库。...转载 2019-01-15 18:34:18 · 1242 阅读 · 0 评论 -
基于mui的公共js文件
基于做项目的时候好多方法需要复用,重复写代码降低编码效率,故自己总结了一下我们公司用的比较多的几个方法。(因为公司框架是mui,因此部分方法是基于mui的)//将数据存储到本地缓存function set(type, value) { sessionStorage.setItem(type, value); // localStorage.setItem(type, value);}/...原创 2019-01-16 13:53:27 · 3969 阅读 · 0 评论 -
引入mui后,radio单选框不可点击
最近公司在给公司做一个微信公众号的项目,用的mui框架搭建的网页,引入公众号后发现,单选框不能点击了,百度了好多也没找到解决办法,只找到一个类似的问题,应该原因是一样的吧!话不多说,上方案。引入mui.js前加上一句话<script> window.FastClick = true;</script>如图:以上就是解决方案。阅读原文...转载 2019-02-26 17:35:17 · 1176 阅读 · 3 评论 -
获取元素父,子,兄弟节点
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 · 210 阅读 · 0 评论 -
自定义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 · 271 阅读 · 0 评论 -
安卓端禁用物理返回键
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 阅读 · 0 评论 -
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 · 1773 阅读 · 0 评论 -
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 · 876 阅读 · 0 评论 -
移动端调控制台
移动端控制台调用(只在网页中有效)<script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"></script><script> eruda.init();</script>将以上代码加入js开头即可。...原创 2019-01-14 18:23:57 · 419 阅读 · 0 评论 -
区别 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 阅读 · 0 评论 -
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 · 1480 阅读 · 1 评论 -
移动端实现点击按钮复制功能
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 · 1895 阅读 · 0 评论 -
实现简单图形验证码功能
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 · 606 阅读 · 0 评论 -
模拟淘宝购物车功能
&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 · 674 阅读 · 0 评论 -
工具类
调用方法:window.methods.+funname();代码://activewindow.onload = function() { document.body.addEventListener('touchstart', function() {}); document.body.addEventListener('touchmove', function() {});...原创 2018-11-09 09:27:21 · 96 阅读 · 0 评论 -
上传图片功能
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 · 346 阅读 · 0 评论 -
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 · 1529 阅读 · 2 评论 -
mui日期选择器改为全国省市县三级级联
公司原先的省、市、县地址均是用输入框,需要用户手动输入,自己之前试着改成下拉框样式的三级级联,但效果不好,不够不够美观。所以打起了mui日期选择插件的注意,综合了一下网博客的内容,做好是这个样子的。、上代码HTML:<input type="text" id="address" placeholder="选择省、市、区信息">JavaScript: var city = ...原创 2018-12-26 19:34:45 · 307 阅读 · 0 评论 -
使用新版本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 · 1413 阅读 · 1 评论