- 博客(12)
- 收藏
- 关注
RSS订阅原创 cssText使用
cssTextcssText添加行内样式，cssText设置的样式 后面的会覆盖前面<style> div{ width: 100px; height: 100px; border: 1px solid #0f0; }</style><div id="div">div</div><input type="button...
2020-03-16 17:01:22
201
原创 JS 九九乘法表
JS 九九乘法表<div id="div"></div>var h="";for(let i=1;i<10;i++){ for(let j=1;j<=i;j++){ if(j==i){ h+='<span class="span span'+ i +'">'+ j+'*'+i+'='+i*j +'</span><...
2020-03-16 16:57:57
138
原创 JS随机数
JS随机数生成 //0~1之间的随机数 console.log(Math.random()) //随机出现0和1 console.log(Math.round(Math.random())) //0~10之间 console.log(Math.random()*10) //0~10之间的整数 console.log(Math.round(Math.random()*1...
2020-03-16 16:51:08
182
原创 自定义组件的v-model
子组件<template> <div class="test"> <button @click="handleClick">+1</button> </div></template><script>export default { data(){ return{ c...
2019-12-04 15:46:17
117
原创 javascript浏览器兼容问题
获取样式现代浏览器：window.getComputedStyle(dom,null)IE10之前：dom.currentStyle设置文本火狐45之前：dom.textContent其他：dom.innerText绑定事件IE10之前：dom.attachEvent现代浏览器：dom.addEventListener...
2019-12-03 21:18:28
238
原创 基于jQuery的瀑布流
基于jQuery的瀑布流<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-11-10 23:38:13
107
原创 原生js实现简易版ajax
原生js简易版ajax //简易版ajax var $ajax={ ajax:function(options){ //XMLHttpRequest var xhr=new XMLHttpRequest(); //如果get提交 if(options.type.toLocaleLowerCase()=="get"){ o...
2019-11-10 15:36:41
139
原创 紧贴底部的页脚
页脚紧贴底部页脚高度固定时使用calc计算，但是当页脚尺寸不固定时或修改时使用calc计算后紧贴底部的方法不够灵活，都需要更改min-height的值，不利于修改维护，故使用flex进行设置此方案更灵活。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m...
2019-10-12 22:05:44
125
原创 内容垂直居中
内容垂直居中内容居中使用绝对定位时需要固定宽高，不利于维护和修改，故使用了flex布局进行内容垂直居中的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2019-10-12 20:38:59
142
原创 设置复选框样式
自定义复选框样式可根据设计图用图片代替代码中所设置的复选框背景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-10-12 20:26:55
617
原创 中间内容区域流动布局即中间宽度自适应
负边距实现内容区域宽度自适应<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-10-12 10:36:13
260
原创 content和counter用法
content和counter插入编号1.加上连续编号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-10-10 21:18:31
817
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人