L时光-优快云博客

原创 typescript学习笔记-命名空间和模块

模块化开发，一个模块就是一个实现特定功能的文件，typescript可以通过export(暴露)和import(获取暴露的方法)来实现export//方法一 export function getData(){ console.log('获取数据成功！');}export function setData(){ console.log('设置数据成功！');}//方法二function getData(){ console.log('获取数据成功！'.

2021-07-21 16:45:57 207

原创 typescript学习笔记-泛型

函数泛型://函数泛型function fun<T>(value:T):T{ return value;}console.log(fun<string>('测试函数泛型'));console.log(fun<number>(123));// 类泛型class minClass<T>{ public arr:T[]=[]; constructor(arr:T[]){ this.arr=arr;

2021-07-20 17:34:50 181

原创 typeScript学习笔记-接口

//参数接口设定一个标准，这个参数以后只能传这两个参数interface FnName{ name:string; age:number;}function getName(obj:FnName):void{ console.log(obj,'obj');}getName({name:'张三',age:24});//函数接口interface Fun{ (name:string):string}let getName1:Fun=function(.

2021-07-19 19:04:03 172

原创 typescript学习笔记-类

class Animal{ publie name:string;//公共的 private age:number;//私有的只有自己可以使用 protected sex:string; //保护的，自己和子类可以使用 publie color:string //构造函数 name age默认为10 sex默认为男 color ？代表可选 constructor(name:string,age:number=10,sex:string='男',colo.

2021-07-19 13:45:52 173

原创获取月份的天数

var date = new Date(2019,8,0).getDate();console.log(`2019年8月份有${date}天`);

2019-08-01 11:37:52 744

原创 mui点击返回更新页面数据

mui.openWindow({ url: 'index.html', id: 'index',});//点击返回var old_blac = mui.back; mui.back = function(e){ var list = plus.webview.getWebviewById("index"); mui.fire(list,'refresh',{}); ...

2019-02-15 17:57:09 590

原创简单正则笔记

g 表示全局模式，配置所有等于那个字符的值 i 不区分大小写m 表示多行 * 零次或者多次+ 一次或者多次? 一次或者零次. 匹配除换行符\n以外的所有字符^ 以什么开头$ 以什么结尾var text = "atlateasfatat";var pattern = /at/g; //g 匹配所有at的值var a = text.replace(pattern,"**...

2019-02-13 17:02:40 147

原创 js获取1到100的素数

var flag;for(var i = 2; i<100; i++;){ flag = true; for(var j = 2; j<i; j++;){ if(i % j == 0){ flag = false; } } if(flag){ console.log(i); ...

2018-11-27 17:48:45 12132 1

原创 jq写一个自己的选择器

$.extend($.expr[":"],{ max200:function(a){ return $(a).width() > 200; }})//这个选择器是说这个id 为box的标签宽度大于200的就会执行以下操作$("#box:max200").click(function(){ $(this).animate({width:200},...

2018-11-26 17:27:38 327

原创 jquery性能优化

最近学习了锋利的jqury，记录以下优化jqury的方法，个人感觉挺不错的，学习jqury的可以看一下这本书一、使用最新的jq二、标签选择器建议从ID选择器开始, 因为在jquery里获取id是直接封装js的document.getElementById() 性能最佳; $("#Id");标签选择器，直接封装document.getElementsByTagName() 性能第二 ...

2018-11-26 11:26:52 296

原创使用jquery编写插件

;function($){ $.fn.extend({ //$.fn是jqury的原型对象， extend是jquery用来扩展属性和方法 "color":function(value){ return this.css("color",value); } })}$("div").color("red"); //这样...

2018-11-21 11:49:16 179

原创 vue使用md5实现密码加密

使用npm安装： npm install crypto --save在需要使用的文件中引用crypto import crypto from 'crypto'使用方法： var md5 = crypto.createHash("md5"); md5.update(this.password) //需要加密的密码 var password = md5.dige...

2018-11-15 15:27:47 9084

原创 css边框动画

<div></div><style> div{ width:100px; height:100px; border:1px solid #7c7c7c; position:relative} div:after{ position:absolute; content:''; border:1px solid transparent; w...

2018-11-14 16:46:54 1325

原创屏幕移动到指定位置显示内容

window.onscroll = function(){ var top = $(document).scrollTop(); if(top > 200){ console.log("下拉到距离顶部大于200px"); }else{ console.log("下拉到距离顶部小于200px"); }} ...

2018-11-14 15:56:47 1507

原创 vue 报错 data functions should return an object: 和 Cannot read property 'ob' of undefined

在vue里出现ata functions should return an object: 和 Cannot read property '__ob__' of undefined 报错是因为在 data () {},里没有返回(return) 需要写成 data(){ return{ } } 就算没有数据也要写返回一个对象 (return) ...

2018-10-13 10:45:24 47350 7

转载页面加载后执行多个函数

function addLoadEvent(func){ var oldonload = window.onload; //保存旧的window.onload if(typeof window.onload !== "function"){ //如果window.onload不是函数 window.onload = func; //参数直接传给wind...

2018-09-27 16:29:42 1057

原创 ajax简单封装

var reload = function(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest; }else{ xmlhttp = new ActiveXobject("Microsoft.XMLHTTP"); } return xm...

2018-09-26 09:52:05 270

原创 wx.navigateTo和wx.redirectTo跳转失败

wx.navigateTo和wx.redirectTo跳转失败在微信小程序了跳转tabBar不能使用这两个方式跳转，可以使用 wx.switchTab跳转，专门用来跳转tabBar的

2018-09-12 14:26:17 1036

原创 for循环中函数对变量i的使用

在一些循环中需要对每个i执行操作，每次输出最后的数字，比如有5个li 会输出5var list = document.querySelector("li");for(var i = 0; i<list.length; i++){ list[i].onmouseover = function(){ console.log(i); }}可以使用以...

2018-08-16 11:12:52 2824

原创添加多个class

<div class="box"></div>var box = document.querySelector(".box");box.className = "inner";//在这种情况下添加class 会重新赋值class <div class="inner"></div>//以下的方法就是使用一个

2018-08-13 23:19:32 1482

原创 css切割clip-path简单教程

clip-path:polygon(50% 0, 100% 50%,50%,100%,0,50%); 这是一个菱形这四个参数分别为上右下左它的意思是第一个参数(上)x(水平线)轴为50%的位置，Y(垂直线)轴为0 也就是顶部尖角那个位置,第二参数(右)x(水平线)轴为100%的位置，Y(垂直线)轴为50% 也就是右边尖角那个位置,第三个参数(下)x(水平线)轴为50...

2018-08-10 19:20:17 2131

原创微信小程序wx.scanCode扫码之坑

最近做了一个小程序，使用wx.scanCode这个Api扫描微信小程序生成的二维码，发现在微信开发者工具和真机使用的参数不一样，这需要在微信里打开调试，查看从二维码获取参数到的参数，下面分别是微信开发者工具和真机的代码:wx.scanCode({ onlyFromCamera:true, success:(res)=>{ var path = res...

2018-08-10 19:01:01 29319 3

原创原生js获取所有兄弟节点

function siblings(elm){ var a = []; //保存所有兄弟节点 var p = elm.parentNode.children; //获取父级的所有子节点 for(var i = 0; i < p.length; i++){ //循环 if(p[i].nodeType == 1 && p[i] !...

2018-08-07 14:33:47 16018

原创微信小程序上传图片怎么限制大小

最近有一个微信小程序的项目，要求是上传多张图片，数量不能超过3张，而且在php里因为上传图片被设置了只能上传2M，导致上传不成功，所以我在前端设置一个函数，用了微信api(wx.chooseImage)获取图片，如果图片大于3张的情况弹出一个提示，不能继续上传图片了，如果图片大于2M的情况弹出一个提示，只能在上传2M以下的图片，data:{ img:[], //设置一个数组...

2018-08-04 11:52:34 35219 1

原创 js里的insertBfore 和自定义的insertAfter

在js里insertBefore() 方法在您指定的已有子节点之前插入新的子节点。下面是代码html添加前<div id="box"> <span id="box1"></span></div>var box = document.getElementById("box"); //父节点var box1 = do

2018-07-25 22:59:24 1837

原创 js错误提示Uncaught SyntaxError: Illegal return statement

if(!document.getElementsByTagName){ return false; //这样会出现一个Uncaught SyntaxError: Illegal return statement 的报错信息} //找了一下一个答案，发现js里return只能在函数中使用(function(){ if(!document.getElementsByTagN...

2018-07-21 17:04:15 15073

原创判断当前页面是否在微信浏览器打开

var is_weixin = (function(){ return navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 })();//is_weixin 会返回一个true 和flase 是微信浏览器打开返回true 不是返回falseif(is_weixin){ //如果是微信执...

2018-07-21 11:58:46 1845

转载解决getElementsByClassName不兼容IE8

function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); }else{ var result = []; ...

2018-07-21 00:13:25 258

原创操作DOM的方法

document.getElementById(&quot;id&quot;); //获取iddocument.getElementsByClassName(&quot;class&quot;); //获取class 返回一个数组的形式document.getElementsByTagName(&quot;div&quot;); //获取元素例如div a 返回一个数组的形式query

2018-07-20 23:25:08 131

原创 button 刷新问题

刚开始的时候我的代码是这样的 <button>一个按钮</button>button 在第一次点击的时候，会刷新页面？百度了一下需要在button 里加一个 type="button"<button type="button"></button>ok，这样就不会刷新了，记录一下 ...

2018-07-19 10:40:58 720

原创使用正则使用*号隐藏手机号码中间的数字

在一些活动中会出现一些手机号码，而手机号码的中间数字会被隐藏掉，达到保护用户隐私的作用，我现在就用正则表达式实现一下var phone = "13751668899"; //手机号var reg = /([0-9]{4})([0-9]{3})([0-9]{4})/; //正则表达式 () 代表一个子表达式的开始和结束位置。[]标记一个中括号表达式开始和结束。{n}n是一个非负数整数...

2018-07-18 14:16:19 1822 1

原创 js获取子元素

在原生js里获取子元素childNodes ，但是在一些浏览器会把空格当成子元素htmlhtml：<div class="box"> <div>2</div> <div>1</div></div>Js：var $ = function(o){ //获取元素函数 return doc

2018-07-17 11:42:36 32455 1

原创 vue_cli使用swiper插件实现轮播图效果

安装插件swipernpm install vue-awesome-swiper --save创建一个banner.vue的文件在banner.vue里引用swiperimport VueAwesomeSwiper from 'vue-awesome-swiper';import 'swiper/dist/css/swiper.min.css';html <template> ...

2018-07-16 14:58:28 6189 2

原创 vue背景图路径问题

在使用vue_cli时背景图片出现路径问题需要在build文件夹的utils.js里 publicPath修改为'../../'就可以了修改为：

2018-07-10 17:57:30 1610

原创使用vue实现webapp 的底部菜单变色

根据我上一篇文章，我对我的webApp的菜单栏进行了一个修改，实现了点击变色，返回上一页，当前页面的图标变色。html:<div v-for ="item in nav" @click="selectNav(item.name）"> <router-link :to="{name:isSelect}"> ...

2018-07-10 16:30:55 2031 1

转载 webApp 使用mui.js 物理返回键监听

在上一篇中在vue_cli里使用了mui 在这里就使用mui实现物理返回键监听this.fanhui(){ this.mui.init({ KeyEventBind:{ backbutton:true; // 关闭back按键 } }) if('Android' == plus.os.name){ ...

2018-07-10 15:57:13 2078

原创 mui在vue_cli上使用

在main.js里添加 import mui from './assets/js/mui.js'如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui添加成功后就可以使用mui 了？结果发现在vue里会使用严格模式，而mui不支持严格模式上使用，就会报错 Uncaught TypeError: 'caller',...

2018-07-10 14:06:45 7676 1

时光的博客