- 博客(11)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 String.prototype原型封装方法
1.复制n(n为正整数)个字符串String.prototype.repeatStr = function(n){ var arr= []; var _this = this;//函数内this指向不同,先声明this指向String function repeat(){ for(var i=0; i<_this.length; i++){...
2019-02-22 15:51:39
996
原创 全解echarts之折线图
图1图2let option = { // 配置项 title: { text: '如厕检测(次)', textStyle: { color: '#fff' // 标题字体颜色,类似还有fontSize: 10等等(采用驼峰式) } },// tooltip: {// trigger: 'item',// formatte...
2019-07-30 16:55:16
752
原创 前端常用的javascript知识点
1、获取指定范围内的随机数let getRandomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min//console.log(getRandomNum(1, 3))2、随机获取数组中的元素const arr = [1,2,3,4,5]let getRandomArray = arr...
2019-06-19 10:57:43
192
转载 BEM的命名规范
BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发一个耗时的大项目。重要的是要注意,我使用的基于BEM的命名方式是经过Nicolas Gallagher修改过的。这篇文章中
2018-01-27 17:47:04
558
原创 前端企业命名参考
(一)网页内容类标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉: drop标签页: tab
2017-12-20 00:54:52
928
原创 左侧显示分类栏
*{ margin: 0px; padding: 0px;}ul,li{ list-style: none;}nav{ width: 200px; background: green; position: fixed; top: 50px; left: 20px;}nav li{ width: 100%; height: 35px; line-height: 35px; positio
2017-06-02 22:18:57
1015
原创 小动画:线条流水般变大缩小
top .line_box{ width: 100px; height: 100px; margin: 100px auto; text-align: center;} .line_box>div{ display: inline-block; width: 5px; height: 100px; background: green; -webkit-anima
2017-05-25 23:34:13
251
原创 小动画:一个圆循环变大再透明
top .div1{ width:40px; height:40px; border-radius:100%; background: red; margin: 100px auto; animation: xsl 1s infinite ease-in-out; // infinite:循环 xsl:随意名称等于name,但下面
2017-05-25 21:58:32
683
原创 AJAX内容
1.创建 XMLHttpRequest 对象:variable = new XMLHttpRequest(); variable=new ActiveXObject("Microsoft.XMLHTTP"); (老版本) 请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支
2017-05-25 00:06:02
360
原创 用JS实现乘法口诀表
*{ margin: 0px; padding: 0px;}ul,li{ list-style: none;}span{ width: 58px; height: 22px; margin-left: 10px;}$(function(){for( var i = 1; i {for( var j = 1; j
2017-05-20 19:56:50
1107
原创 JavaScript内容
function mF(){x=document.getElementById("demo"); // 找到元素x.innerHTML="Hello JavaScript!"; // 改变内容x.style.color="#ff0000"; // 改变样式}点击这里alert('') //单引号或者双引号都可以|| //或者if(
2017-05-16 20:51:47
390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人