NeverGiveUp33-CSDN博客

原创前端面试：两边固定，中间自适应布局

普通实现<style> .box{ display:flex } .left,.right{ width:200px height:600px background:red } .center{ width:100% height:600px background:greed }</style><body> <div class="box"> <div class="left"></div

2021-03-28 16:39:06 638

基础class写法首先让我们来看一个基础的class写法class Point { // 定义一个Point类 constructor(x,y){ // 构造方法 this.x=x; this.y=y; } toString(){ // 定义toString方法 return '('+this.x+','+this.y+')'; //通过this可以直接调用constructor中的变量 }}console.log

2021-03-09 11:53:28 640

原创细说es5浅拷贝，es6浅拷贝，深拷贝

浅拷贝ES5浅拷贝浅拷贝主要是对于同一个数据地址的拷贝过程，在将a拷贝给b的过程中，并没有给b单独开放内存，只是将a数据的指针拷贝给了b所以不论a和b谁改变了，另一个元素都会改变我们可以进行尝试：编辑一个copy.html文件<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>深拷贝</title></head><

2021-03-08 21:10:35 446

原创 vue cli2项目目录

vue cli2项目目录创建项目见我的另一篇文章：vuecli2创建项目buildbuild.js (打包)先通过rm来啊删除之前打包的文件夹再通过webpack拿到webpack配置webpack导入的配置是prod中的配置prod中的配置又是拼接的baseWebpackConfig+特殊配置check-version.jslogo.pngutils.jsvue-loader.conf.jswebpack.base.conf.jswebpack.dev.conf.js

2021-01-13 20:56:57 227

原创 VUE CLI2创建项目

VUE CLI2创建项目写在前面：vue cli3创建项目请参考另一篇文章：vuecli3创建项目前提：必须先安装node和npmnode通过官网下载安装，这里就不赘述了，安装node会自动安装npm可在命令指示框中通过指令查看是否安装成功出现版本号代表安装成功安装安装vue cli2 有两种方法：安装vue cli3脚手架然后适配2直接安装vue cli2脚手架安装vue cli3：npm install -g @vue/cli这个命令安装的是脚手架3，如果要用2需

2021-01-13 20:54:41 298

原创 vuecli3创建项目，项目目录解析

vuecli3创建项目，项目目录解析如何构建vuecli3项目请看我的另一篇文章node_modules （node的包）public （相当于vuecli2中的static，打包的时候会原封不动的提交）src （主要编写的文件夹）.browserslistrc （配置浏览器相关东西，和vuecli2的babelrc一样，市场份额大于1%，最新的两个版本，不支持小于ie8）gitignore （git忽略内容）babel.config.js （对babel的配置）package.json

2021-01-13 16:59:26 690

原创 Vue CLI3初始化项目

Vue CLI3 创建项目方法写在前面：这个是vue cli3的安装方法，vue cli2的安装请看我的另一篇文章前提要安装vue脚手架前提是必须按照node和npmnode通过官网下载安装，这里就不赘述了，安装node会自动安装npm可在命令指示框中通过指令查看是否安装成功出现版本号代表安装成功安装vue clinpm install -g @vue/cli这个命令安装的是脚手架3，如果要用2需要再安装一个2的模板npm install -g @vue/cli-init

2021-01-13 16:26:12 358

原创 leetcode第238题除自身以外数组的乘积js版

238.除自身以外数组的乘积给你一个长度为 n 的整数数组 nums，其中 n > 1，返回输出数组 output ，其中 output[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积。示例：输入: [1,2,3,4]输出: [24,12,8,6]要求：提示：题目数据保证数组之中任意元素的全部前缀元素和后缀（甚至是整个数组）的乘积都在 32 位整数范围内。说明: 请不要使用除法，且在 O(n) 时间复杂度内完成此题。进阶：你可以在常数空间复杂度内完成这个题目吗？（

2021-01-11 21:58:20 248

原创 leetcode第42题接雨水js版

接雨水给定 n 个非负整数表示每个宽度为 1 的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。示例1：输入：height = [0,1,0,2,1,0,1,3,2,1,2,1]输出：6解释：上面是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的高度图，在这种情况下，可以接 6 个单位的雨水（蓝色部分表示雨水）。示例2：输入：height = [4,2,0,3,2,5]输出：9思路：要求解所有的可以存多少水可以转换成每一列存多少水的问题每一列的存水量

2021-01-11 20:41:53 188

原创 leetcode第十一题盛水最多的容器js版

盛最多水的容器给你 n 个非负整数 a1，a2，…，an，每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线，垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0) 。找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。示例：输入：[1,8,6,2,5,4,8,3,7]输出：49解释：图中垂直线代表输入数组 [1,8,6,2,5,4,8,3,7]。在此情况下，容器能够容纳水（表示为蓝色部分）的最大值为 49。示例2：输入：height = [1,1]

2021-01-11 16:36:21 250

原创 leetcode第六题Z字形变换解题js版

Z字形变换将一个给定字符串根据给定的行数，以从上往下、从左到右进行 Z 字形排列。比如输入字符串为 "LEETCODEISHIRING" 行数为 3 时，排列如下：L C I RE T O E S I I GE D H N示例：输入: s = “LEETCODEISHIRING”, numRows = 4输出: “LDREOEIIECIHNTSG”解释:L D RE O E I IE C I H NT S G

2021-01-05 16:56:57 266

原创 CSS标签元素解读（块级元素、内联元素、内联块元素）

CSS标签元素在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素（行内元素）和内联块状元素块级元素块级元素是独占一行显示的，它的兄弟元素必定不会与其在同一行中，一般是其他元素的容器元素，能容纳其他块元素或内联元素常见的块级元素：<div>、<p>、<h1~h6>、<form>、<ul>、<li>、<ol>、<dl>、<table>、<address>、&

2020-12-28 11:13:14 876

原创 element适配svg格式图片

SVG格式图片的配置名词解释：svg是可缩放矢量图形，顾名思义就是任意改变其大小也不会变形，基于可扩展标记语言（xml），他严格遵守XML语法，并用文本格式的描述性语言来描述图像内容。用户可以直接用代码来描述图像，可以用任何文字处理工具打开SVG图像。图片大致被分为矢量图和位图两种格式，矢量图用点和线来描述物体，所以文件会比较小，同时也能提供高清晰的画面，适合于直接打印或输出，改变其大小图不会变形；而位图图像的存储单位是图像上每一点的像素值，因此一般的图像文件都很大，会占用大量的网络带宽。SVG是一种

2020-12-24 19:53:41 3436 1