- 博客(37)
- 收藏
- 关注
RSS订阅原创 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
172
原创 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
132
原创 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
129
原创 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
120
原创 获取月份的天数
var date = new Date(2019,8,0).getDate();console.log(`2019年8月份有${date}天`);
2019-08-01 11:37:52
680
原创 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
536
原创 简单正则笔记
g 表示全局模式， 配置所有等于那个字符的值 i 不区分大小写m 表示多行 * 零次或者多次+ 一次或者多次? 一次或者零次. 匹配除换行符\n以外的所有字符^ 以什么开头$ 以什么结尾var text = "atlateasfatat";var pattern = /at/g; //g 匹配所有at的值var a = text.replace(pattern,"**...
2019-02-13 17:02:40
115
原创 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
12008
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
290
原创 jquery性能优化
最近学习了锋利的jqury，记录以下优化jqury的方法，个人感觉挺不错的，学习jqury的可以看一下这本书一、使用最新的jq二、标签选择器建议从ID选择器开始, 因为在jquery里获取id是直接封装js的document.getElementById() 性能最佳; $("#Id");标签选择器，直接封装document.getElementsByTagName() 性能第二 ...
2018-11-26 11:26:52
244
原创 使用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
155
原创 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
9019
原创 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
1256
原创 屏幕移动到指定位置显示内容
window.onscroll = function(){ var top = $(document).scrollTop(); if(top > 200){ console.log("下拉到距离顶部大于200px"); }else{ console.log("下拉到距离顶部小于200px"); }} ...
2018-11-14 15:56:47
1469
原创 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
47132
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
1001
原创 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
219
原创 wx.navigateTo和wx.redirectTo跳转失败
wx.navigateTo和wx.redirectTo跳转失败 在微信小程序了 跳转tabBar不能使用这两个方式跳转，可以使用 wx.switchTab跳转，专门用来跳转tabBar的
2018-09-12 14:26:17
983
原创 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
2691
原创 添加多个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
1433
原创 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
1971
原创 微信小程序wx.scanCode扫码之坑
最近做了一个小程序， 使用wx.scanCode这个Api扫描微信小程序生成的二维码，发现在微信开发者工具和真机使用的参数不一样，这需要在微信里打开调试，查看从二维码获取参数到的参数，下面分别是微信开发者工具和真机的代码:wx.scanCode({ onlyFromCamera:true, success:(res)=>{ var path = res...
2018-08-10 19:01:01
28668
5
原创 原生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
15929
原创 微信小程序上传图片怎么限制大小
最近有一个微信小程序的项目，要求是上传多张图片，数量不能超过3张 ，而且在php里因为上传图片被设置了只能上传2M，导致上传不成功，所以我在前端 设置一个函数，用了微信api(wx.chooseImage)获取图片，如果图片大于3张的情况弹出一个提示，不能继续上传图片了，如果图片大于2M的情况弹出一个提示，只能在上传2M以下的图片，data:{ img:[], //设置一个数组...
2018-08-04 11:52:34
34781
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
1769
原创 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
14988
原创 判断当前页面是否在微信浏览器打开
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
1809
转载 解决getElementsByClassName不兼容IE8
function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); }else{ var result = []; ...
2018-07-21 00:13:25
225
原创 操作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
102
原创 button 刷新问题
刚开始的时候我的代码是这样的 <button>一个按钮</button>button 在第一次点击的时候， 会 刷新页面？ 百度了一下 需要在button 里加一个 type="button"<button type="button"></button>ok，这样就不会刷新了， 记录一下 ...
2018-07-19 10:40:58
675
原创 使用正则使用*号隐藏手机号码中间的数字
在一些活动中会出现一些手机号码，而手机号码的中间数字会被隐藏掉，达到保护用户隐私的作用，我现在就用正则表达式实现一下var phone = "13751668899"; //手机号var reg = /([0-9]{4})([0-9]{3})([0-9]{4})/; //正则表达式 () 代表一个子表达式的开始和结束位置。[]标记一个中括号表达式开始和结束。{n}n是一个非负数整数...
2018-07-18 14:16:19
1740
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
32274
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
6146
2
原创 vue背景图路径问题
在使用vue_cli时背景图片出现路径问题 需要在build文件夹的utils.js里 publicPath修改为'../../'就可以了修改为：
2018-07-10 17:57:30
1578
原创 使用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
1980
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
2027
原创 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
7623
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人