![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 57
xggg0929
只是一个前端敲代码的小怪
展开
-
JS 实现一键复制功能
需求背景:最近产品举办拉新活动,老用户可通过自己的分享链接向新用户分享自己的邀请码,新用户进入APP完成填写邀请码,官方给新老用户奖励。为方便用户快速复制邀请码,故有此需求。技术实现:一、Document.execCommand() 方法HTML<div id="codeBox">xxxxxx</div><div id="btn" class="btn">点击复制邀请码</div>JS$(".btn").on('click'.原创 2021-09-23 18:10:23 · 1823 阅读 · 0 评论 -
JavaScript正则表达式
声明正则表达式字面量方法var reg = /\bis\b/g;构造函数方法var reg = new RegExp('\\bis\\b','g')修饰符g:global 全局搜索;不添加的话,搜索到第一个匹配的就停止i:ignore case 忽略大小写,默认大小写敏感m:multiple line 多行搜索...原创 2020-01-09 11:10:08 · 121 阅读 · 0 评论 -
利用PhotoSwipe进行完成图片预览功能
在类似于朋友圈动态中,时常会配有图片,但是图片常常不能展示完全,所以需要放大来浏览图片。今天利用PhotoSwipe进行图片预览的功能;首先放出PhotoSwipe的github地址:PhotoSwipe下面是我在项目中的使用:1.首先需要引用<link rel="stylesheet" type="text/css" href="../js/common/photoS...原创 2019-11-20 17:30:38 · 1069 阅读 · 2 评论 -
JS:根据出生日期 得到年龄
JavaScript//JS根据出生日期 得到年龄 //参数strBirthday已经是正确格式的2017-12-12这样的日期字符串 function jsGetAge(strBirthday) { var returnAge; var strBirthdayArr=strBirthday.split("-");转载 2017-12-12 19:18:43 · 4983 阅读 · 0 评论 -
iscroll区域滚动
最近需要做一个给用户投票的页面,投票结果可以查看点击,展示形式是以一种弹窗的形式,但是由于选手数量较多,所以选手结果需要区域滑动来展示。由于是活动页面,页面形式较简单,所以用jq + webpack + es6进行编写此项目区域滑动相关内容则用iscroll插件HTML<div id="wrapper"> <ul id="scroller" class="vo...原创 2018-11-19 14:18:33 · 467 阅读 · 0 评论 -
用sort方法根据数组中某个对象属性进行排序
我在做一个投票系统的时候,后端给我返回一个数组List,立面包含选手所得票数,但没有排序,我需要根据每个选手的票数进行排序,数据如下:count属性为我们需要排序的数据。var memberData = [ { name: '选手1', audio_source:'img/cbg.mp3', num: '01', count: 3 }, { name: '选手2',...原创 2018-10-23 19:28:58 · 5604 阅读 · 0 评论 -
for in 循环获取json数据中'key'与'value'
一、for in 方法 a.for in 循环对象var data = {name:'mcYang0929',age:'25',sex:'man'};for(var key in data) { console.log(key); //属性名(key) console.log(data[key]); //属性值(value)}b....原创 2018-10-23 19:02:07 · 6188 阅读 · 0 评论 -
webpack 错误信息总结
错误一:vue.js:515 [Vue warn]: Property or method “name” is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instan转载 2018-04-13 16:09:43 · 1439 阅读 · 0 评论 -
页面的缓存与不缓存-html,css,js
HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息,包括浏览器端,中间缓存服务器端(如:squid等),Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存服务器中的缓存情况。HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1),Pragma(HTTP1.0),last-Modifie原创 2018-04-02 11:09:47 · 13208 阅读 · 1 评论 -
qrCode.js——用js生成二维码
API下方是自己写的实例:js:var qrcode = new QRCode('alertQRcode', { text: "你要转换为二维码的内容", colorDark: '#000000', colorLight: '#ffffff', correctLevel: QRCode.CorrectLevel.H});html:<div id="alertQR原创 2018-03-07 18:39:27 · 280 阅读 · 0 评论 -
Hbuilder:自动编译TypeScript文件
在现在目前前端应用中,会用到TypeScript进行编写Js,他能够对变量类型进行处理,从而在编译过程中就给你提示出你的错误,这点非常方便,另外当项目慢慢变得庞大,代码量变多,对项目的管理也是非常方便,具体可以进行百度详细了解下。在写代码过程中,用到hbuilder编译器,安装插件可以自动把TypeScript(.ts)文件编译为Js文件。方法如下:1.在最上方菜单栏,点击工具-插件安原创 2018-01-12 15:54:34 · 4727 阅读 · 0 评论 -
js:正则判断手机号是否正确
手机号登录已经成为非常普遍的一种登录方式; 所以登录注册时,对手机号码是否符合规则的判断就十分重要; 在js中,我们可以用正则表达式来判断。这里是正则表达式var phoneReg=/^[1][3,4,5,7,8][0-9]{9}$/; 这个表达式的意思是: 第一个中括号的意思:手机号码以1为开头; 第二个中括号的意思:第二位可为3,4,5,7,8,中的任意一位; 第三个中括号及{9}的原创 2017-12-19 15:40:26 · 5887 阅读 · 0 评论 -
Foo.getName()的二三事
最近偶然间翻起来一道js题,比较经典,鉴于自己有些遗忘,特此记录一下。题目如下: function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this;}Foo.getName = function () { console.l...转载 2019-06-12 15:21:27 · 569 阅读 · 0 评论