- 博客(61)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 编程技巧(一)
1 toLocaleString 可以用来格式化，比如数字的格式化 15368.toLocaleString () =>15,368。
2023-04-12 10:01:22
94
原创 初学ts（一）
（1）function add<T>(arg:T):T{ // 约束传入参数 类型 和 返回值类型一致；let a2(x:number,y:number)=>number =a （在interface 中 定义一个对象 就要使用这种）（2）泛型约束(当函数里面使用了length 入参必须是含有length的 那么就要在初始化T的时候 给他一个继承)类型断言 function add(x:number | string):number{1、 interface （接口） ：用来描述和约束对象解构的。
2023-04-12 10:00:55
558
原创 初学vue3
在使用setup 函数的时候 需要 将reactive 的函数 return 出去；这时候如果使用了对象的解构 会使return出去的数据类型改变；这时候需要使用toRefs()将解构的对象保持ref 响应式类型。4、vue3 的响应式是es6 的proxy 实现解决了vue2的object.defineProperty 监听不到对象新增属性 和 直接修改 数组值；proxy 可以直接监听到对象的key的变化。1 、ref 是一个响应式函数 （也是一个类型）2 、computed 是一个回调函数。
2023-04-12 09:29:14
50
原创 echarts 使用遇到的问题
1 有时候设置了colros；这时候鼠标经过图表 图表会消失 因为colos 里面使用了rgb 这时候要改成rgba 其中a 要写成1。
2023-03-29 17:31:32
95
翻译 js设置rem 实现媒体查询
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl...
2018-11-15 17:13:38
381
转载 阳历转阴历
var LunarDate = { madd: new Array(0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334), HsString: '甲乙丙丁戊己庚辛壬癸', EbString: '子丑寅卯辰巳午未申酉戌亥', NumString: "...
2018-04-19 14:29:54
193
转载 rem responsive js
new function () {var _self = this;_self.width = 750;//设置默认最大宽度_self.fontSize = 100;//默认字体大小_self.widthProportion = function () {var _dom = (document.body && document.body.clientWid
2017-12-21 11:25:41
267
转载 移动端摄像头
HTML5 GetUserMedia Demo var video = document.querySelector('video'); var audio, audioType; var canvas1 = document
2017-10-13 18:29:33
352
2
原创 h5新增文件图片上传
.info{ width: 500px; min-height: 200px; border: 1px solid red; margin-top:30px; text-shadow: 4px 3px 1px #333; } 请选择图片文件： var input=do
2017-10-12 10:27:26
795
转载 杨辉三角形
window.onload=function(){ function countNum(x){ if(x==1){return 1} //函数输入1直接返回1 var arr=[[1],[1,1]] //定义数组初始值 for(var i=2;i arr[i]=[
2017-09-22 16:56:56
295
转载 css如何让两个div高度一致
Document .box{ width: 200px; display:table; margin:0 auto; } .one{ width: 100px; background-color: pi
2017-09-15 14:19:39
6308
2
转载 验证码前端
js验证码.code { background:url(code_bg.jpg); font-family:Arial; font-style:italic; color:blue; font-size:30px; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder;
2017-09-01 13:22:06
216
翻译 jquery.ajax调用新浪/网易k线数据 具体操作ajax
$.ajax({ //'http://img1.money.126.net/data/hs/time/today/0600123.json' 网易数据源 url:"http://hq.sinajs.cn/list=sz000007",//新浪数据源 type:"get", dataType: 'scr
2017-08-30 15:06:03
535
原创 简单的js实现放大镜效果
* { margin: 0; padding: 0; } .box { width: 350px; height: 350px; margin: 100px; border: 1px solid #c
2017-08-23 16:51:17
421
原创 使用html5的文件操作实现读取图片
.info{ width: 500px; min-height: 200px; border: 1px solid red; margin-top:30px; text-shadow: 4px 3px 1px #333; } 请选择图片文件： var input=do
2017-08-23 14:00:48
967
原创 原生js旋转木马
旋转木马轮播图 @charset "UTF-8";/*初始化 reset*/blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0
2017-08-18 18:20:29
711
转载 原生js仿百度搜索框
Title fieldset, img, input, button { border: none; padding: 0; margin: 0; outline-style: none; } ul, ol {
2017-08-01 16:29:14
1416
1
转载 判断2个日期的时间差多少天
function getDays(strDateStart,strDateEnd){ var strSeparator = "-"; //日期分隔符 var oDate1; var oDate2; var iDays; oDate1= strDateStart.split(strSeparator); oDate2= strDateEnd.split
2017-07-20 16:42:49
710
转载 浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？ * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKi
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？ * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKit、Opera内核Presto； * png24为的图片在iE6浏览器上出现背景，解决方案是做成PNG8. * 浏览器默认的margin和padding不同。解决方案是加一个全局
2017-07-19 17:36:24
1406
转载 页面长时间不操作处理
var myTime = setTimeout("Timeout()", 6000); function resetTime() { clearTimeout(myTime); myTime = setTimeout('Timeout()', 6000); } function Timeout() { alert("您的登录已超时,
2017-07-19 11:15:46
1460
原创 封装一个clone函数（对不同的类型进行值复制）
function clone(Obj) { var buf; if (Obj instanceof Array) { buf = [];//创建一个空的数组 var i = Obj.length; while (i--) {
2017-07-05 16:19:15
299
原创 讲伪数组转化成数组||定义一个log代替console.log
function log(){ var args = Array.prototype.slice.call(arguments); //为了使用unshift数组方法，将argument转化为真正的数组 args.unshift('(app)'); console.log.apply(console, args); };log("hello
2017-07-05 14:06:37
581
原创 h5的拖拽事件 ondrop 实现鼠标跟随 移动盒子
.box,.target{ width: 400px; height: 400px; border: 1px solid #000; } span{ width: 100px; height: 100px; border: 1px solid #000; border-radius
2017-07-05 13:15:50
2211
原创 使用template （模板引擎写的demo）
template *{ margin: 0; padding: 0; list-style: none; } .box{ margin: 0 auto; width: 800px; }
2017-07-05 11:25:16
721
转载 设置cookie （tips提示框第一次进入显示 一天内再进入隐藏）
function setcookie(name,value,days){ //给cookie增加一个时间变量 var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); //设置过期时间为days天 document.cookie = name + "="+ escape (value) + "
2017-07-05 10:03:28
926
转载 写一个全局的方法替换字符串中相应位置的内容
(function(window){ function fn(str){ this.str=str; } fn.prototype.format = function(){ var arg =arguments; return this.str.replace(/\{(\d+)\}/ig,function(a
2017-07-05 09:35:50
579
转载 通用的事件侦听器函数
// event(事件)工具集，来源：https://github.com/markyunmarkyun.Event = { // 页面加载完成后 readyEvent : function(fn) { if (fn==null) { fn=document; } var oldonload =
2017-07-04 14:02:07
227
翻译 三级联动
html>lang="en"> charset="UTF-8"> 省市的三级联动的菜单 src="../jquery-3.2.1.min.js"> rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css"> src="./node_modules/bootstr
2017-07-03 16:43:53
946
原创 簡單的移动端菜单栏滑屏demo
html>lang="en"> charset="UTF-8"> Document http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> name="viewport" content="width=device-width, initial-scale=1"> *{
2017-07-03 15:51:40
655
翻译 currentStyle,runtimeStyle,getComputedStyle style
引入currentStyle,runtimeStyle,getComputedStyle style 标准的样式,可能是由style属性指定的！runtimeStyle 运行时的样式！如果与style的属性重叠，将覆盖style的属性！currentStyle 指 style 和 runtimeStyle 的结合！ 通过currentStyle就可以获取到通过内联或外部引用的CSS
2017-06-28 11:28:45
202
翻译 简易封装移动端touch事件
// 移动端的点击事件会有300ms的延迟 优化// 触发点击事件是// 先触发了touch事件 如果是点击事件 没有touchmove事件// 触屏开始 和 结束 的时间差 要小于 150ms/** 参数说明* obj：绑定点击事件的对象* callback: 点击事件触发后 要执行的代码* *//* 全局污染 */// 命名空间 避免全局
2017-06-25 16:02:12
403
翻译 js实现矩形框选
"http://www.w3.org/TR/html4/strict.dtd">鼠标框选效果 *{ padding:0; margin:0; } #bottom{ position:absolute; bottom:0px; width:100%; height:40px; border:1px solid #000;
2017-06-22 10:20:09
4843
2
翻译 鼠标右键 左键 滚轮事件
window.onload = function(){ //去掉默认的contextmenu事件，否则会和右键事件同时出现。 document.oncontextmenu = function(e){ e.preventDefault();//阻止默认事件 }; docu
2017-06-22 09:58:43
594
转载 图片懒加载
Title ul>li{ display: block; width: 800px; height: 100px; background-color: red; } 1 2
2017-06-22 09:56:01
147
翻译 原生js封装获取上/下一个兄弟节点
//获取下一个兄弟元素的兼容函数function getNextElement(element) { if (element.nextElementSibling) { return element.nextElementSibling; } else { var next = element.nextSibling;//下一个兄弟节点
2017-06-12 11:14:49
5566
翻译 3D导航栏demo
html>lang="en"> charset="UTF-8"> *{ margin: 0; padding: 0; list-style: none; } ul{ width: 600px; ma
2017-06-08 17:16:06
238
翻译 c3动画斑马线
html>lang="en"> charset="UTF-8"> div{ width: 1000px; height: 100px; margin:30px auto; border: 1px solid #000; }
2017-06-08 15:46:01
266
空空如也
在css中对于图片应该怎么处理
2017-06-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人