qq_39143170的博客

原创 Object.assign 对象属性会覆盖

Object.assign 对象属性会覆盖

原创 element 动态遍历的表单如何校验

element 动态遍历表单校验

原创 双波浪号“~~“ 与 Math.floor()

双波浪号“~~“ 与 Math.floor()

转载 前端安全编码规范

来源：https://segmentfault.com/a/1190000037657222 前言 随着互联网高速的发展，信息安全已经成为企业重点关注焦点之一，而前端又是引发安全问题的高危据点，所以，作为一个前端开发人员，需要了解前端的安全问题，以及如何去预防、修复安全漏洞。下面就以前端可能受到的攻击方式为起点，讲解web中可能存在的安全漏洞以及如何去检测这些安全漏洞，如何去防范潜在的恶意攻击。 1. 跨站脚本攻击（Cross Sites Script） 跨站脚本...

原创 前端安全问题及解决方案

前端安全问题及解决方案

转载 js中this的指向

原创 JS原型、原型链、构造函数

最重要的一句话是 对象的_ proto _指向 其构造函数的 原型对象 ( prototype )【注：谁产生的指向谁】；a、对象：万物皆对象，也包括构造函数如（Object、Function、Array、String、Boolean、Number、Date、RegExp、Error…）b、构造函数：包括（Object、Function、Array、String、Boolean、Number、Date、RegExp、Error…），和自定义构造函数。对象由构造函数产生。c、 prototy

原创 css hasLayout

来源：百度百科查询

原创 CSS 清除浮动

CSS 清除浮动1、 父级触发 BFC (具体方法，及原理)2、 建议使用：子集 clear:both; （清除浮动带来的脱离文档流影响）[1] 在浮动元素之后，与浮动元素呈并列关系的位置添加一个空div,并在空div上添加属性clear:both;——代码冗余；[2] 推荐方法：伪元素替代空div ，给浮动元素的父级盒加类名clearfix——不会在结构上产生冗余代码，可以重复使用；.clearfix { *zoom:1; }.clearfix:after {content:"";disp

原创 css中为什么overflow:hidden能清除浮动(float)的影响？原理是什么？

父元素 触发BFC (原理)2

原创 事件流、事件委托等

1、DOM事件流a.事件捕获 （房子里面有人， 由外到里，一层层进的抓住他）b.事件冒泡 （抓到人了， 由里到外，一层层告诉抓到了）// 第三个参数 { 捕获：true} | { 冒泡：false } (默认 false 冒泡 )栗子：parent.addEventListener('click', function () {}, true);2、event、阻止冒泡等属性事件、事件代理/事件委托2.1 event btn.addEventListener('click', f

原创 html 基本规范

html 基本规范1、 html标签 加 lang 属性作用：lang属性主要是为了搜索引擎和浏览器的功能性作用。例如：根据lang属性来设定不同语言的css样式，或者字体告诉搜索引擎做精确的识别让语法检查程序做语言识别帮助翻译工具做识别帮助网页阅读程序做识别等等使用：以下两种写法均正确，后者描述更精准，但大部分程序和操作系统都只能识别前者，使用新标准可能会造成无法匹配浏览器用户定义字体、网页翻译、程序语言自动切换等功能，为了兼容性的考量，推荐使用前者： zh-CN 中文 (简

原创 H5常见语义化标签

H5常见语义化标签<title>：页面主体内容。<hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。<ul>：无序列表。<li>：有序列表。<header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。<nav>：标记导航，仅对文档中重要的链接群使用。<main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。<article&

原创 css 展示不下就不展示

css 展示不下就不展示用换行 height: 24px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start;

转载 弹性盒子 display:flex

前端布局神器display:flex </h1> <div class="clear"></div> <div class="postBody"> 2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持一、Flex布局是什...

转载 js 判断数据类型

js 判断数据类型

原创 vue 环境配置（使用cross-env配置）

vue 环境配置（使用cross-env配置）通过定义不同的打包命令， 更改项目环境变量 。1、下载 cross-even(什么是’cross-even’)npm install cross-env --save-dev2、package.json 文件 查询 scripts，在其中加入如下代码：（其为不同环境的打包命令，可自定义）。 "build:qa": "cross-...

转载 cross-env简介

cross-env简介1、是什么是运行跨平台设置和使用环境变量的脚本2、出现原因当使用NODE_ENV =production, 来设置环境变量时，大多数Windows命令提示将会阻塞(报错)。 （异常是Windows上的Bash，它使用本机Bash。）同样，Windows和POSIX命令如何使用环境变量也有区别。 使用POSIX，您可以使用：$ ENV_VAR和使用％ENV_VAR％的...

原创 input change事件无法上传相同文件

input change事件无法上传相同文件原生：html:<input id="file" type="file" accept="" onchange="upload()" />js:document.getElementById('file').value = null;VUE:html:<input ref="input" @chang...

转载 js 页面禁止滑动

页面禁止滑动 && 滑动 /***滑动限制***/ stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo...

转载 面向对象与面向过程的区别与优劣

面向对象与面向过程的区别与优劣原文地址：https://blog.csdn.net/jerry11112/article/details/79027834作者：十四期_李光著作权归作者所有。商业转载请联系作者获取授权，非商业转载请注明出处。 前言 如果你很想搞明白面向对象是什么，面向过...

原创 es6扩展运算符

**ES6扩展运算符 – …1、复制（拷贝）数组（数组元素都是基本数据类型）。var arr1 = ['a','b','c'];var arr2= [...arr];console.log(arr2) // ['a','b','c'];arr === copy //false2、函数调用（数组作参数）function add(x, y) { return x + ...