星来飞-CSDN博客

原创 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

星来飞