【前端】
前端的奇技淫巧
DominicElvira
多总结,多学习 ,形成方法论
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6学习之Json
1.Json的标准写法(1).只能用双引号(2).所有名字必须用引号包起来{a:5,c:6,d:7}×{"a":5,"b":"asdf","c":7}√2.Json对象常用方法JSON.stringify(str) : 将JSon转换为字符串JSON.parse(Jso原创 2018-11-18 18:20:34 · 294 阅读 · 0 评论 -
ES6入门学习之解构赋值
解构赋值的作用:简化赋值操作。(字面意思:解开一个结构赋值给某个东西)解构赋值的写法要求:1.左右两边结构必须一样2.右边必须符合语法要求3.声明和赋值必须写在一起基本demo:let [a,b,c] = [1,2,3];console.log(a,b,c);//1,2,3let {a,b,c} = {a:1,b:2,c:3};console.log(a,b,c);//1,2...原创 2018-11-14 22:01:30 · 189 阅读 · 0 评论 -
ES6入门学习——箭头函数
一个参数:var single = a => asingle('hello') //'hello' 没有参数://要写小括号var none = () =>{console.log("没有参数");}多个参数:var add = (a,b) =>{ a+b;}...原创 2018-09-21 13:32:54 · 222 阅读 · 0 评论 -
ES6入门学习——map
1 创建Map//第一种var map = new Map();map.set('one',1);map.set('two',2);map.set('three',3);//第二种var map = new Map(['one',1],['two',2],['three',3])2 Map实例-所有的Map对象实例都会继承Map.prototyp属性Map.prototyp...原创 2018-09-21 13:57:40 · 240 阅读 · 0 评论 -
ES6入门学习之数组
1.map方法关键字:映射、一对一给你十个返回给我十个let arr = [12,6,8];arr.map(function (item){console.log(item);//12,6,8});let result = arr.map(item=>return item*2);console.log(result);//24,12,16let socre =[19....原创 2018-11-18 15:20:23 · 263 阅读 · 0 评论 -
ES6学习之面向对象
1.写法class User{ constructor(name,password){//构造器 this.name = name; this.password = password; } showName(){ alert(this.name); } showPass(){ alert(this.password); }}let user = ne...原创 2018-11-18 17:04:04 · 190 阅读 · 0 评论 -
ES6学习之字符串
1.startsWith、endsWith这两个方法比较简单就不说了2.字符串模板应用场景:1.直接把东西塞到字符串中 ${东西}2.可以折行let titel = '标题';let content ='内推';let str =`<div> <h1>${title}</h1> <p>${content}</...原创 2018-11-18 16:25:07 · 163 阅读 · 0 评论 -
如何获取通过window.open打开的父窗口的window对象
window.opener:opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。当使用window.open()打开一个窗口,您可以使用此属性返回来自目标窗口源(父)窗口的详细信息。原创 2020-08-24 14:49:45 · 1853 阅读 · 0 评论 -
React前端渲染优化——父组件导致子组件重复渲染
本篇文章是针对父组件导致子组件重复渲染的优化方法一、 说明目前我们所使用 react 版本一般会有以下四种方式触发渲染 render,而其中通过父组件 render 会直接通知子组件也进行 render。二、一般的优化方式鉴于此种情况,如果完全不做控制下,父组件 render, 那么子组件一定会 render。真实 dom 的渲染 react 会在 diff 算法之后合计出最小改动,进行操作。但对于结构复杂页面,自顶向下,只是单纯 diff 也要花费很长的时间来处理 js 任务。再加上我们每个组件原创 2020-08-24 14:39:44 · 4706 阅读 · 0 评论 -
阻止鼠标点击默认事件与冒泡
阻止鼠标点击默认事件与冒泡e.preventDefault(); e.stopPropagation();原创 2020-08-24 14:31:59 · 725 阅读 · 0 评论 -
window.open 方式请求下载接口的时候,链接太长怎么办?
window.open 方式请求下载接口的时候,链接太长怎么办?解决方案:post from 表单方式提交this.post('/api/HCReportxx/exportHcReportxx',{"year":'2019',"data": JSON.stringify(param)});post =(url, params) =>{ // 创建form元素 var temp_form = document.createElement("form");原创 2020-08-24 14:25:10 · 946 阅读 · 0 评论
分享