bigFace2019-优快云博客

原创 vscode中生成vue3片段

首先在vscode编辑器中打开，【文件】–>【首选项】–>【用户片段】–>选择vue.json { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script lang='ts'>", "import {defineCompon...

2021-07-10 23:21:49 470 2

原创 css选择器权重一样的时候，以哪个为主呢？

css选择器权重一样的时候，以哪个为主呢？比如都在同一个class中写了多个名字，class1 class2，两个里面属性值有重复时，以哪个为准这里和<style></style>内部的书写位置有关系，哪个写在后面就会把前面的覆盖掉。注意和body中的书写位置无关，只和style里面位置有关...

2021-04-24 08:09:26 705

原创 cesium学习链接

cesium学习链接https://zhuanlan.zhihu.com/p/50534090https://www.jianshu.com/p/ad1b6271e937/https://www.jianshu.com/p/fc0252e63204https://www.cnblogs.com/fuckgiser/p/5706842.html

2021-04-05 22:20:02 400

tcp三次连接先上图。第一次握手：我们给服务器发消息“哥们，让我touch一下”，我们做这个动作是想证明，我们有没有发消息的能力，怎么证明呢，需要服务器把我们发的消息回传回来。第二次握手：服务器告诉我们“来啊，来啊”，同时再把我们发的消息回传给我们。这个时候我们就可确定，我们发消息的能力是没有问题的，同时服务器也需要通过这次握手来确定自己的发消息能力。也就是这次握手确定了我们的发消息能力，需要确定的是服务器的发消息能力。第三次握手：我们告诉服务器“我就到”。这时候服务器就确定了自己的发消息能

2021-03-25 23:40:24 290

原创前端性能

前端性能前端性能服务端渲染解决了一个非常关键的性能问题——首屏加载速度过慢。在客户端渲染模式下，我们除了加载 HTML，还要等渲染所需的这部分 JS 加载完，之后还得把这部分 JS 在浏览器上再跑一遍。...

2021-03-25 00:05:41 154

原创前端页面常见场景实现

1.搜索结果高亮显示：方式1：用高亮字段splite整段字符串，然后拼接的时候换做添加了样式的一段html，最后使用innerHtml放到页面上去。方式2：使用正则表达式，将匹配正则的部分换做一段带有样式的html， changeColor (resultsList) { resultsList.map((item, index) => { // console.log('item', item) if (this.keyWords &

2021-03-22 21:17:40 640

原创 promise特点：1异步2状态只能改变一次3.穿透问题,对比async...await的执行顺序

真题1：Promise.resolve(1) .then(Promise.resolve(2)) .then(3) .then() .then(console.log)运行结果：1考点点拨：Promise 值穿透问题then 方法的入参只能是函数。万一你想塞给它一些乱七八糟的东西，它就会“翻脸不认人”。具体到我们这个题里，第一个 then 方法中传入的是一个 Promise 对象，then 说：”我不认识“；第二个 then 中传入的是一个数字， then

2021-03-21 18:37:00 437

原创 app布局

我们就可以使用这个特点来进行适应布局了，这也是现在比较主流的移动端web适配方案。当然你有更好的方案，也可以在文章下方进行留言。三行JS代码完成适配：//得到手机屏幕的宽度let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;//得到html的Dom元素let htmlDom = document.getElementsByTagName('html')[0];//设置根元素字体大小

2021-03-21 18:04:29 176

转载 HTTP 和 HTTPS

Tyler_Zx 2018-07-09 14:23:35 110476 收藏 850分类专栏：计算机网络文章标签： HTTPS TLS/SSL版权前言无论是在校学习还是找工作的时候，老师和面试官都问过同学 HTTP和 HTTPS的区别。平时上网的时候也没有关注这个问题，只是知道计算机网络里 HTTP的概念，所以最近才查资料好好补补这一块。其实这一块的知识延伸很广，如果之前不太了解加密算法和 SSL 协议，可以在学习了这个问题的基础上再做研究。TLS/SSL 工作原理及握手过程...

2021-03-20 12:39:04 2985

转载老生常谈输入url到页面加载显示完成

老生常谈输入url到页面加载显示完成，中间都经历了什么 && 浏览器缓存解析来自：https://www.dazhuanlan.com/2019/12/18/5df9c4cb4e563/基本过程输入url -Enter 浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示内容。若没有则跳到第三步操作 DNS解析，获取相应的IP地址浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手。握手成功后，浏览器向服务器发送http请求，请求数据

2021-03-20 12:20:44 242

原创 2021年前端面试相关

2021年前端面试：记录前端面试中，遇到的陌生或者有趣的知识点分享给大家1.关于[][]==[]//false[]!==[]//true[]==![]//true只讲解第三个：转自https://blog.youkuaiyun.com/qiqi_77_/article/details/79456605关于==与===的区别相信大家都很清楚啦，这理解不再赘述，今天我们来看下[]==![]的结果。这是楼主碰到过得一个面试题，恩，华丽丽的答错了：[]==[] //false，这个是.

2021-03-19 20:56:26 173

原创 NaN是一个非数字，但是平时是都是计算数学计算出来的结果，所以是一个数字类型。

NaN是一个非数字，但是平时是都是计算数学计算出来的结果，所以是一个数字类型。typeof NaN==='number'

2021-03-11 23:10:32 625

原创箭头函数和正常函数中this的区别

箭头函数和正常函数中this的区别var name = 'BigBear'var me = { name: 'xiuyan', // 声明位置 hello: function() { console.log(this.name) }}// 调用位置me.hello() // BigBearVM291:6 xiuyanundefinedvar name = 'BigBear'var me = { name: 'xiuyan', // 声明位置

2021-03-11 00:14:04 177

原创 javascript知识点

js中slice和concat也可以用于字符串

2021-03-10 00:29:20 193

原创 2021前端笔试分享

分享两个笔试题：招银网络：1.js实现从颜色从16进制转化为rgb,本文章是以prototype原型的方式，给string字符串类型添加方法，用于实现颜色值格式的转换。如果你不用原型方法，那么你只要借鉴实现方法就好了。RGB转换为16进制String.prototype.colorHex = function () { // RGB颜色值的正则 var reg = /^(rgb|RGB)/; var color = this; if (reg.test(color.

2021-03-07 16:09:52 480

原创 js中的词法作用域，this和块级作用域

js中的词法作用域，this和块级作用域箭头函数的this会忽略对象，块级作用域。{let a=5;let func3=()=>{console.log('a',this.a)//作用域是在和这个for循环块里面， 5}func3();//a undefined}以下来自：https://www.cnblogs.com/githubzy/p/5780135.html当我们将箭头函数直接用于对象的方法时，this的指向就发生了变化： 1 ...

2021-03-07 10:47:23 525

原创 2021-03-02

当父元素当中有一个子元素的时候，子元素设置margin-top或者margin-bottom的时候会不起作用，也就是子父元素之间并没有产生间距，但是这个值作用到了父元素的身上。

2021-03-02 12:51:44 135

原创 react学习笔记

react学习笔记

2021-02-14 19:07:16 154

原创 css问题笔记2

1.在html让高度始终是宽度的一半：1)思路：（1）用dom求得当前的offsetWidth（2）将宽度设定为width的一半2)代码<!DOCTYPE html><html><head></head><body> <div class="outer" id="outer"> <div class="inner"> </div> </div&g

2021-02-10 21:24:03 147

转载微信小程序笔记

目录1.给组件传入外部样式一.自定义子组件：二.页面上引入组件1.给组件传入外部样式外部样式类用法：一.自定义子组件： 1. tag/index.wxml:在class类名里写入需要的外部样式类<viewclass="tag-class"></view>2.tag/index.jsComponent({externalCl...

2021-02-10 15:38:54 159

原创异步请求

async await 执行顺序。只有真异步函数才会不阻塞运行，外部加个async的函数不算真异步，所以async里面的同步正常执行，若里面遇到异步函数且async外部还有同步函数，则执行外部的同步函数后再去执行里面的异步...

2021-01-31 01:40:16 220

原创 Vue3的优化点

Vue31:tree snarking2静态标记3proxy

2021-01-29 23:43:56 292

原创可视化专题

可视化

2021-01-27 00:32:48 273

转载项目切换主题（颜色）

转自：https://blog.youkuaiyun.com/bocongbo/article/details/104773028/1、实现原理给内容最外层标签添加不同的主题class，用以区分不同的主题2、less写法.module-theme(@theme, @tag) {.m-title-box {background: @theme;}.m-head .m-info .m-name {color: @theme;}// 其他样式也如此}.theme.

2021-01-25 23:37:56 964

原创 node14.15.4版本没法升级npm，npm始终在6.6，使用时报错，说npm不支持这个node,建议升级。这里实际上是版本不匹配，同时升级npm需要先删除缓存。

node14.15.4版本没法升级npm，npm始终在6.6，使用时报错，说npm不支持这个node,建议升级。这里实际上是版本不匹配，同时升级npm需要先删除缓存。删除文件夹：C:\Users\ASUS\AppData\Roaming中的node和node-cache两个文件夹，在升级npm即可...

2021-01-24 18:23:04 780

原创 openlayers学习笔记：

使用overlay<!DOCTYPE html><html><head> <title>学习overlay</title> <script src="..\bin\ol.js"></script> <link href="..\bin\ol.css"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jq

2021-01-24 15:26:57 2561

原创 css问题笔记

1.div设置百分比高度不起作用1.首先检查父元素高度是否正常父元素必须是height属性，min-height是不管用的，2. 检查父元素是否是flex布局flex元素不管用2.vue中怎么写css以及css的优先级vue中如何写css我只是提几种我常用的写style的方式，仅供参考都是写在template中:class="isMaxTrack?'track-max':'track-nomal'":style="{top:10px,left:10px}":s

2021-01-24 14:53:40 1190

转载从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)

转载自：进军的蜗牛，https://www.cnblogs.com/yalong/p/10388384.html有两点需要注意：1.把sass和scss相关的去掉，很难按照成功。{ "_from": "yyl-npm-practice", "_id": "yyl-npm-practice@1.0.7", "_inBundle": false, "_integrity": "sha1-HqmHTvgqIGQa81QUOY4GEBBpEsQ=", "_location": "/

2020-12-13 01:11:47 2039

转载转载：使用 iframe + postMessage 实现跨域通信

原文地址：https://www.cnblogs.com/yangAL/p/12487936.html使用 iframe + postMessage 实现跨域通信在实际项目开发中可能会碰到在 a.com 页面中嵌套 b.com 页面，这时第一反应是使用 iframe，但是产品又提出在 a.com 中操作，b.com 中进行显示，或者相反。1、postMessage postMessage方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。语法：

2020-12-11 00:22:31 288

转载通过对称二叉树来学习递归和迭代

给定一个二叉树，检查它是否是镜像对称的。例如，二叉树[1,2,2,3,4,4,3] 是对称的。 1 / \ 2 2/ \ / \3 4 4 3但是下面这个[1,2,2,null,3,null,3] 则不是镜像对称的: 1 / \ 2 2 \ \ 3 3来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/symmetric-tree著作权归领扣网络所有...

2020-11-16 22:25:18 168

原创 cesium中的roll,heading,pitch

roll是左右歪头，脖子往肩膀靠。heading是左右转向，头部是水平旋转pitch是抬头低头

2020-10-28 15:27:06 881

转载 css实现水平垂直居中、两列布局、三列居中布局，两列等高

水平居中行内元素首先看它的父元素是不是块级元素，如果是，则直接给父元素设置text-align: center;<style>#father {width: 500px;height: 300px;background-color: skyblue;text-align: center;}</style><div id="father"> <span id="son">我是行内元素</...

2020-10-07 11:11:35 3697

原创 vue笔记

vue原理笔j记const oldArrayProperty=Array.prototype//用下边方法创建新对象，原型指向oldArrayPrototype,再扩展新方法不会影响原型。const arrProto=Object.create(oldArrayProperty)比如添加arrProto.push(){console.log(100)})...

2020-09-26 21:25:37 258

原创使用iframe来让页面嵌入到div中

使用iframe来让页面嵌入到div中<!DOCTYPE html><html> <head><style> .content{ width: 100%; height: 100%; } p{ text-align: center;//里面行内元素居中 border: aqua 10px solid; } div{ margin:auto;//里面块状元素居中 border: s

2020-09-24 23:39:29 2622

原创 webpack笔记

webpack笔记

2020-09-21 23:25:49 312

原创字符串和数组操作

1.call和apply，为什么要用这个。(修改this指向，在arguments中使用时可以使用数组的方法)2.后端传入参数是字符串"function a(){console.log('111')}"，怎么变为函数function a(){console.log('111')}和执行代码。使用new Function()来实现函数（只是是匿名函数），使用eval可以让传入的字符串变为执行代码。3.后端传入字符串"[1,2,3]"，怎么变为变为[1,2,3]首先用字符产slice截掉前后变为

2020-09-14 22:41:57 212

原创 (前端编程题：（手撕代码）

前端编程题：1.节流和防抖函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次防抖函数：一个需要频繁触发的函数，在规定时间内，只让最后一次生效，前面的不生效。2.深拷贝1.节流和防抖函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次function throttle(fn, delay) { // 记录上一次函数触发的时间 var lastTime = 0; return function() { // 记录当前函数触发的时间

2020-08-17 00:15:31 1515

原创 javascript设计模式

javascript设计模式简单工厂模式单例模式代理模式简单工厂模式单例模式代理模式

2020-07-26 23:49:53 297

原创在js中想要使用vue中vuex的state和mutation

在js中想要使用vue中vuex的state和mutation首先引入store(也就是通常的vuex的出口）import store from '../store'然后使用store.state.xxx或者引入：import {myMethod} from store.mutations然后调用：store.commit(myMethod,param);...

2020-07-17 00:35:42 1497

原创 echarts 折线图和柱状图叠加

1，echarts画折线图，重叠折线图。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title>  <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"&g

2020-07-16 00:50:05 3366

eclipse-jee-mars-264.zip

eclipse-jee-mars-2-win32-x86_64.zip

2018-08-17

apache-tomcat-7.0.63-windows-x86.zip

apache-tomcat-7.0.63-windows-x86........................................................................................................。。。。。。。。。。。。。。。。。。。

2018-07-13