yecengxiangshi0426-优快云博客

原创 Vue自我总结面试

原因是页面刷新时，浏览器会向服务器真的发出对这个地址的请求，而这个文件资源又不存在，所以就报404。这样的话，后端就无法判断404了，前端就需要在路由最后自己增加一个匹配‘*’，匹配所有其他路由，自定义自己的notFound.vue组件。Vue 2.x版本中，‌v-for 的优先级高于v-if，所以每次执行v-for都会执行v-if，一起使用会浪费性能，不建议同时使用。Vue 3.x版本中，‌v-if 的优先级高于 v-for，不推荐同时使用。解决方法：v-if 写在 v-for 的前面一层。

2024-08-14 21:39:52 656 1

原创 css前端面试题

盒子模型包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。标准盒子模型和IE盒子模型的区别在于其对元素的width和height的不同解析：（元素的width和height的大小指的就是我们给元素设置的width和height的大小）。标准盒模型：元素的width和height = contentIE盒模型：元素的width和height =( content+border+padding )标准盒子模型宽高指的是内容区域。

2024-07-19 13:49:58 859

原创 React学习笔记

会输出：C:\Users\Administrator\.npmrc，删掉.npmrc文件。create-react-app: 核心包（固定写法），用于创建react项目。3.1 删除npmsrc文件，用如下命令找到存放位置。npx：node.js工具命令，查找并执行后续的包命令。

2024-07-01 22:34:22 279

原创 Vue2及vue3原理

根据key在this.cache中查找，如果存在则说明之前已经缓存过了，直接将缓存的vnode的componentInstance（组件实例）覆盖到目前的vnode上面。否则将vnode存储在cache中。如果没有命中缓存，即该组件还没被缓存过，则以该组件的key为键，组件vnode为值，将其存入this.cache中，并且把key存入this.keys中。命中缓存时会直接从缓存中拿 vnode 的组件实例，此时重新调整该组件key的顺序，将其从原来的地方删掉并重新放在this.keys中最后一个。

2024-06-30 19:56:52 522

原创前端高频面试题

所有的函数默认都有一个“prototype”这样公有且不可枚举的属性,它会指向另一个对象,这个对象就是原型。构造函数的prototype属性就等于实例对象的__proto__属性，构造函数的prototype属性被称为显式原型，实例对象的__proto__属性被称为隐式原型原型链，当访问对象的属性或方法时，首先对象会从自身去找，找不到就会往原型中去找，也就是它构造函数的“prototype”中，如果原型中找不到，即构造函数中也没有该属性，就会往原型后面的原型上去找，这样就形成了链式的结构，称为原型链。

2024-06-06 17:19:10 1081

原创 js算法1

首先要一个数记住每次的计算值，所以使用了闭包，在tmp中记住了x的值，第一次调用add(),初始化了tmp，并将x保存在tmp的作用链中，然后返回tmp保证了第二次调用的是tmp函数，后面的计算都是在调用tmp, 因为tmp也是返回的自己，保证了第二次之后的调用也是调用tmp，而在tmp中将传入的参数与保存在作用链中x相加并付给sum，这样就保证了计算；这个add函数可以无限次调用循环调用，并且把所有传进去的值相加，最后返回相加总数。1、先执行add(3)，此时m=3，并且返回temp函数；

2024-06-05 13:57:42 448

原创微信小程序开发基础

在iPhone6下，px和rpx的换算关系是： 1rpx = 0.5px，750rpx = 375px，刚好能够填充满整个屏幕的宽度。设计稿宽度是750px，而iPhone6的手机设备宽度是375px，设计稿想完成展示到手机中，就需要缩小一倍。1.小程序规定任何型号手机：屏幕宽都为750rpx。

2024-04-16 14:52:16 520

原创 Vue中实现 highchart 图表的导出功能

import Highcharts from "highcharts";import Highcharts from "highcharts/highstock"; //缩略轴import stockInit from "highcharts/modules/stock";//highcharts 导出功能模块文件import loadExporting from "highcharts/modules/exporting.js";stockInit(Highcharts);loadEx...

2021-10-19 10:22:36 551 2

原创判断数组对象中是否有相同的属性值

var aa = [{a:1,b:2},{a:2,b:2},{a:1,b:3},{a:3,b:2},{a:1,b:3},{a:5,b:2},{a:3,b:3}];var arr = [];var arr2 = [];for(var i=0;i<aa.length;i++){ if(arr.indexOf(aa[i].a)<0){ arr.push(aa[i].a); }...

2021-07-09 16:56:02 928

原创 css基础

1.css垂直水平居中.father { position:relative; width:200px; height:200px;}.box { position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-100px;}

2021-06-02 15:36:59 4090

原创 codemirror复制代码

<template> <codemirror ref="myCm" class="codemirror-box" :value="formula" :options="cmOptions"> </codemirror> <span id="copy"></span></template><script>import '../SqlModel/sqldevelop/codemirr.

2020-07-02 11:46:10 2701

原创 vue中获取路由地址的参数

//获取url参数exportfunctiongetUrlParameter(url){lethref=decodeURIComponent(url).split('?');href=href[href.length-1];letobj={};href.split('&&').map((query)=>{lettemp=query.split('=');obj[temp[0]]=t...

2020-05-25 10:10:54 948

转载处理textarea中的换行和空格

当我们使用 textarea 在前台编辑文字，并用 js 提交到后台的时候，空格和换行是我们最需要考虑的问题。在textarea 里面，空格和换行会被保存为/s和/n，如果我们前台输入和前台显示的文字都是在 textarea 里面，其实并不需要做任何处理，你在 textarea 里面编写的样式会按照你之前编辑时候的样式，正确的显示出来。那么如果你需要 textarea 编辑提交的文字，从后台返回之后，不是显示在 textarea 里面，那么就需要考虑处理空格和换行啦。其实之前在接触的时候，完全没有考

2020-05-11 14:29:48 1395

原创 ES6 -- async 函数

async函数完全可以看作多个异步操作，包装成的一个 Promise 对象，而await命令就是内部then命令的语法糖。1.基本用法async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。async function getStockPriceByName(nam...

2020-04-17 10:55:17 176

原创 vue中watch的详细用法

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newNam...

2020-03-17 14:41:43 166

原创 npm 设置淘宝镜像的两个方法

永久使用npm config set registry https://registry.npm.taobao.org这样配置以后都是用淘宝的镜像下载资源国内的访问速度会比较快2.直接安装使用npm install -g cnpm --registry=https://registry.npm.taobao.org以后使用cnpm 代替npm后话推荐使用第一种...

2020-02-18 15:20:47 239

原创 vue 父子组件的生命周期顺序

一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated...

2019-10-31 20:40:39 144

原创 vue-搜索功能-实时监听搜索框的输入，N毫秒请求一次数据

<template> <div class="search-box"> <input class="box" :placeholder="placeholder" v-model="query" > </div></template><script type=...

2019-09-06 10:29:44 652

原创 flutter 在状态类里拿到（SelectCompanyPage extends StatefulWidget ）SelectCompanyPage 里的变量

import 'package:flutter/material.dart';class SelectCompanyPage extends StatefulWidget { final String params; const SelectCompanyPage({Key key, this.params}) : super(key: key); @override _...

2019-08-13 09:44:33 270

原创小米手机(小米6)调试时无法安装应用

Unknown failure (at android.os.Binder.execTransact(Binder.java:565))Error while Installing APKs修改 gradle版本,从2.3.x 改成2.2.0 classpath 'com.android.tools.build:gradle:2.2.0'如果不想降级gradle...

2019-08-07 13:33:55 278

转载简单使用Vuex步骤及注意事项

使用Vuex的步骤：（1）安装：　　1.使用npm安装： 1 npm install vuex --save 　　2.使用script标签引入 1 2 3 <scriptsrc="/path/to/vue.js"></script> <scrip...

2019-07-20 17:33:26 209

转载 GIT同时连接gitlab和github

很多时候，我们需要同时使用多个git来进行项目管理，比如说公司使用gitlab，而我们自己使用github，此时我们需要在一台电脑上同时管理自己的github上的项目和公司内部的gitlab上的项目，我们就需要配置多个秘钥。GIT使用参考文档：Git 基本操作Pro Git（中文版）1、生成秘钥公司的Gitlab生成一个SSH-Key# 在~/.ssh/目录会生成id-rsa_l...

2019-07-17 22:41:19 563

原创 js判断空数组，空对象

判断对象是否为空对象1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");console.log(b); //true2.for in 循环判断如果是空对象返回true, 否则返回 false 。var obj = {};var b = func...

2019-06-23 22:12:47 6679

转载 js逻辑与或非

1、逻辑与（&&）（1）对于布尔值，只有都为true才返回true，只要有一个false，就返回false；（2）对于不是布尔值的情况则：如果第一个操作数是对象，则返回第二个数如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象。如果两个操作数都是对象，则返回第二个数操作数。如果有一个操作数是null，则返回null。...

2019-06-23 18:14:24 9581

转载用命令行生成目录结构树

有时候在看某些文档的时候会发现有类似上图这种文件夹的结构树，其实想生成这种结构非常简。cmd中生成结构树在当前目录打开cmd命令行工具输入tree命令 -- 回车然后你就发现，你需要的结构树已经出现了，但是仔细看，会发现只显示文件夹。如果想把当下的文件名也显示出来你只需要把命令改为tree /f，回车后发现，完美实现。这时候如果你想把这个结构变成一个txt文本文件也很简...

2019-06-01 21:08:03 739

转载利用JQUERY实现多个AJAX请求等待

前言通常，jQuery的函数ajax进行Ajax调用。函数ajax只能做一个Ajax调用。当Ajax调用成功时，执行回调函数。可选地，当Ajax调用返回错误时，调用另一个回调函数。但是，该功能不能根据这些请求的结果进行多个Ajax请求和注册回调函数。一种情况是，网页使多个Ajax请求在禁用用户交互时收集页面不同部分的数据。该页面仅在页面获取所有数据之后才能进行用户交互。本文介绍了jQuery提...

2019-05-07 10:52:48 663

原创 web前端面试题

目录css js基础网络&存储 es6 js算法一、css1.用纯CSS创建一个三角形的原理是什么？（▲）上、左、右三条边隐藏掉（颜色设为 transparent）#demo { width: 0; height: 0; border-width: 20px; border-style: solid; border-color: trans...

2019-04-30 21:03:14 853