qq_41613768的博客

原创 CSS选择器命名规则

1，不能以数字开头2，不能是div1，div2，这样的html已经规定的标签，会造成冲突。3，常用的命名单词常用的css命名规则:(1)页面结构容器: container/wrap页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center(2)导航导航：nav主导航：mainbav

原创 javascript几种创建对象的方法

我们一般使用字面量的形式直接创建对象，但是这种创建方式对于创建大量相似对象的时候，会产生大量的重复代码。但 js和一般的面向对象的语言不同，在 ES6 之前它没有类的概念。但是我们可以使用函数来进行模拟，从而产生出可复用的对象创建方式，我了解到的方式有这么几种：（1）第一种是工厂模式，工厂模式的主要工作原理是用函数来封装创建对象的细节，从而通过调用函数来达到复用的目的。但是它有一个很大的问题就是创建出来的对象无法和某个类型联系起来，它只是简单的封装了复用代码，而没有建立起对象和类型间的关系。（2）第

原创 一些常用正则表达式的汇总整理（一）

常用正则表达式

原创 前端代码风格指南

一、命名规范市面上常用的命名规范：camelCase（小驼峰式命名法 —— 首字母小写）PascalCase（大驼峰式命名法 —— 首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）1.1 项目文件命名1.1.1 项目名全部采用小写方式， 以短横线分隔。例：my-project-name。1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、view

原创 vscode自动生成文件头部注释和函数注释

1. 在vscode的插件中心里搜索安装好用的代码注释插件 —— KoroFileHeader2. 设置点击左下角设置按钮==>选择“设置”>输入“fileheader”>编辑 settings.json文件3. 编辑setting.json文件*{ // "editor.suggestSelection": "first", // "vsintellicode.modify.editor.suggestSelection": "automaticallyOve

原创 前端使用的技术栈

原创 vue element 弹窗拖拽功能

步骤1、js封装函数import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog')

原创 vue-element，el-table动态合并重复单元格

效果如下 <el-table class="ttt" :data="deflexsionTable" :span-method="arraySpanMethod" style="width: 100%" tooltip-effect="dark" height="1460" :header-cell

原创 5种方式实现数组扁平化

数组扁平化是指将一个多维数组变为一维数组。[8, [12, 13, [41, 7]]] ------> [8, 12, 13, 41, 7]实现方法一、 reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr) { return arr.reduce((prev , cur ,index )=> { return result.concat(Array.isArray(item) ? flat

原创 前端学习网站

前端知识学习网址汇总HTML5学习网站W3C http://www.w3school.com.cn/html5/W3C https://www.w3.org/html/ig/zh/wiki/HTML5菜鸟教程 http://www.runoob.com/html/html5-intro.htmlHTML5中文门户 http://www.html5cn.org/css3学习网站W3C CSS教程 http://www.w3school.com.cn/css/index.aspW3C CSS3教

原创 linux系统部署

一、 部署环境本次部署的操作系统为linux7；二、 安装jdk81、先卸载open-jdk,若没有安装则忽略卸载步骤① 输入下面命令查看系统自带的java相关文件：rpm -qa|grep java② 用rpm命令卸载系统自带的java相关文件：rpm -e --nodeps java-1.7.0-openjdk-1.7.0.45-2.4.3.3.el6.x86_64rpm -e --nodeps java-1.6.0-openjdk-1.6.0.0-1.66.1.13.0.el6.x86

原创 javascript正则表达式

1、正则表达式在js中的使用 // 1. 利用 RegExp对象来创建 正则表达式 var regexp = new RegExp(/123/); console.log(regexp); // 2. 利用字面量创建 正则表达式 var rg = /123/; // 3.test 方法用来检测字符串是否符合正则表达式要求的规范 console.log(rg.test(123));

原创 浏览器前端文件下载（excel、word...）方法封装

下载文件export function download(url) { // console.log(url) //是否支持download属性 //支持download属性的用download //不支持的用form表单 // **方法一** var isDownLoad = 'download' in document.createElement('a'); if (!isDownLoad) { var $form = $('&l

转载 12种数组遍历方法、5种对象遍历方法

1、for循环let arr = [1,2,3,4]for(let j = 0,len=arr.length; j < len; j++) { console.log(arr[j]); }输出结果：1,2,3,42、forEach循环let arr = [1,2,3,4]arr.forEach((item,index,array)=>{ console.log(index+':'+arr[index]);})//参数：value数组中的当前项, inde

原创 五大主流浏览器及其内核

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测...

转载 css居中详尽方法-整理归纳

1 水平居中1.1 内联元素水平居中利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table), inline-flex元素水平居中都有效。.center-text { text-align: center; }1.2 块级元素水平居中通过把固定宽度块级元素的margin-left和margin-right设成auto，就可以使块级元素水平居中。.