Grid布局 Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大。...
Proxy拦截器 一、Proxy概述1、简介Proxy是“代理器”,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。2、语法ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。var proxy = new Proxy(target, handler);new Proxy()表示生成一个Proxy实例target参数表示所要拦截的目标对象handler参数是一个配置对象,对代理操作进行处理,将拦截对应的操作 (如
ES6的class 一、简介1、类的由来JavaScript 语言中,生成实例对象的传统方法是通过构造函数function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);class只是一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法cl
async 函数 一、含义1、概念async 函数是什么?一句话,它就是 Generator 函数的语法糖。const gen = function* () { const f1 = yield readFile('/etc/fstab'); const f2 = yield readFile('/etc/shells'); console.log(f1.toString()); console.log(f2.toString());};//相当于const asyncReadFile = asy
vue中使用element-ui ,设置级联选择器高度问题 一、前言我本来以为设置elemnt-ui组件样式需要用到深度选择器,然后找了好多关于深度选择器的,比如>>> /deep/ ::v-deep后来才明白是权重不够,解决方法如下二、设置高度方法1、在全局css中设置.el-cascader-menu{ height: 400px;}缺点:所有级联选择器的高度都是固定的结论:只有在所有页面级联选择器都一致的情况下或者只有一个级联选择器情况下使用这种方法2、在使用级联选择器的页面单独设置<style
用递归及非递归方式实现树状结构的遍历函数 1、递归方法:var tree = [ { val: 1, children: [ { val: 2, children: null }, { val: 3, children: [ { val: 4, children: null }
适应多端的方法 1、flex布局 各种属性及用法参考阮一峰容器的属性(1)flex-direction 主轴的方向(即项目的排列方向)● row(默认值):主轴为水平方向,起点在左端。● row-reverse:主轴为水平方向,起点在右端。● column:主轴为垂直方向,起点在上沿。● column-reverse:主轴为垂直方向,起点在下沿。(2)flex-wrap 如果一条轴线排不下,如何换行。(1)nowrap(默认):不换行(2)wrap:换行,第一行在上方(3)wrap-reverse
防抖和节流 一、防抖和节流的意义防抖(Debounce)和节流(Throttle)都是用来控制某个函数在一定时间内触发次数,两者都是为了减少触发频率,以便提高性能或者说避免资源浪费。防抖: n 秒后在执行该事件,若在 n 秒内被重复触发,则重新计时举例:电梯第一个人进来后,等待15秒。如果过程中又有人进来,15秒等待重新计时,直到15秒后开始运送,这是防抖节流: n 秒内只运行一次,若在 n 秒内重复触发,只有一次生效举例:电梯第一个人进来后,15秒后准时运送一次,这是节流二、防抖防抖: n 秒后在执
vue生命周期 一、生命周期概念每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数这给了用户在不同阶段添加自己的代码的机会。即是在什么时间段使用什么逻辑,实现什么功能。二、生命周期有哪些?Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后,以及一些特殊场景的生命周期生命周期描述beforeCreate 组件实例被创建之初crea
疫好办项目总结 疫好办项目总结一、VUE1、v-for遍历只显示最后一个数据?结果并不是只是遍历一个数据,而是css设置的position:absolute;top和left导致数据都重叠在一起被覆盖。2、vue传参异步+v-if和v-show的区别问题:有一个变量是需要先进行路由传值然后进行父子传值,但是出现的问题是路由传值还没过来的时候,父组件就向子组件传递了值,导致的异步问题。用v-if控制在传参过来后再创建组件,不能用v-show,其主要原因是内部原理不同v-if:创建和销毁dom元素,初始化fla
算法(第一周-序列) 第一题、两数之和两数之和1、题目给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums =
前端使用jsencrypt.js进行RSA加密,主要用于登录界面 一、 什么是RSA加密?RSA算法RSA是一种使用不同的加密密钥与解密密钥的体制,不对称加密算法。公钥加密,私钥解密。RSA算法是先生成一对RSA密钥,其中之一是保密密钥,由用户保存;另一个为公开密钥,可对外公开,甚至可在网络服务器中注册。为提高保密强度,一般推荐使用1024位。二、RSA秘钥生成方式网站生成公钥和私钥Windows系统可以使用git命令行工具单击鼠标右键——git bash here 调出git bash生成私钥,密钥长度为1024bit$ openssl
洛谷算法题 一、字符串1、字符串各种操作原题链接知识点:字符串拼接:str=str+s;获取字符串子串:str . substring( index1 , index2);字符串插入:StringBuilder sb=new StringBuilder();sb.append(str).insert(index, s);//在str字符串的index位置之后插入s字符串用StringBuilder的append和insert方法获取字符串的位置:str.indexOf(s)//获取
当使用广告拦截器时,有些页面无法查看,应该怎样解决? 问题解决方法(以谷歌浏览器为例)在网上搜的步骤:打开设置–>高级–>隐私设置与安全性但是我的高级设置里没有隐私设置与安全性,拦截网站的原因是安装了广告拦截器的插件第一步:点击设置里的扩展程序第二步:扩展程序的广告终结者–>详情第三步:点击扩展程序选项第四步:最后,刷新页面,网站就可以正常访问了。...