- 博客(35)
- 资源 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 什么是Nginx?Nginx的三大功能详解(包含文件配置)
1、Nginx是什么?Nginx是一个轻量级、高性能、稳定性高、并发性好的HTTP和反向代理服务器。2、Nginx的三大功能是什么?1)反向代理正向代理:特定情况下,代理用户访问服务器,需要用户手动的设置代理服务器的ip和端口号。反向代理:是用来代理服务器,代理用户要访问的目标服务器。代理服务器接受请求,然后将请求转发给内部网络的服务器(服务集群模式),并将从服务器上得到的结果返回给客户端,此时代理服务器对外就表现为一个服务器。Nginx在反向代理上,提供灵活的功能,可以根据不同的正则采用不同的
2020-12-23 10:54:55
468
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 css长度单位讲解 (超详细) (易忘的建议收藏)
提示: 特殊值0可以省略单位。例如:margin:0px可以写成margin:0一 相对长度单位1. em相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(大部分浏览器默认字体大小为16px)。如果当前默认字体尺寸是14px,n em即为14px字体尺寸的n倍。例如2em就为28px。<!DOCTYPE html><html lang="en"><head> <meta cha.
2020-12-21 18:12:14
305
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VUE中11种组件传值方法总结(超详细)
1. 父组件给子组件传值示例子组件// children<template> <section> 父组件传过来的消息是:{{myMsg}} </section></template><script>export default { name: "Children", components: {}, props:{ msg: { type: String, .
2020-12-21 10:24:25
1060
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 什么是VNode
什么是VNode在vue.js中存在一个VNode类,使用它可以实例化不同类型的vnode实例,而不同类型的vnode实例各自表示不同类型的DOM元素。例如,DOM元素有元素节点,文本节点,注释节点等,vnode实例也会对应着有元素节点和文本节点和注释节点。VNode类代码如下:export default class VNode { constructor(tag, data, children, text, elm, context, componentOptions, asyncFac
2020-11-25 15:06:54
18670
4
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Windows安装tmux(亲测可行!!!在windows中一个git bash开多个窗口)
在具有两个Shell进程的Git Bash默认终端下运行的Tmux我进行了一些研究,发现GIT Bash使用GING工具的MINGW编译。它仅使用选定的那些。您可以从https://www.msys2.org/安装工具的整个发行版,并运行命令来安装Tmux。然后将一些文件复制到Git的安装文件夹中。这是你做的:安装前面提到的msys2软件包并运行bash shell 使用以下命令安装tmux:pacman -S tmux 转到msys2目录,在我的情况下是C:\msys64\usr\...
2020-11-06 17:05:56
13350
原创 javascript中的对象方法总结
1. javascript常用对象方法总结顺序方法名功能返回值是否改变原对象1assign()多个对象的合并( 浅拷贝 )返回合并后的对象是2create()使用指定的原型对象及其属性去创建一个新的对象返回创建的对象否3defineProperties()在一个对象上定义新的属性或修改现有属性返回创建的对象是4defineProperty()在一个对象上定义一个新属性,或者修改一个对象的现有属性5keys()获取对象中可
2020-12-30 16:31:07
289
原创 ES11的那些新特性,你都了解哪些?
ES11特性抢先了解:私有变量Promise.allSettledBigInt 全新的数据类型Nullish Coalescing Operator 空位合并运算符Optional Chaining Operator 可选链运算符Dynamic Import 动态导入String.prototype.matchAll 新增matchAllglobalThis 新增全局对象Module Namespace Exports 导入特定命名空间1. 私有变量严格限制一些用于内部使用的Cla
2020-12-24 10:40:28
458
原创 前端常见安全问题
推荐两篇写的很好的安全问题的文章xss攻击:(https://blog.csdn.net/fly910905/article/details/86644752)csrf攻击:(https://blog.csdn.net/fly910905/article/details/86644806)
2020-12-22 15:03:34
101
原创 markdown详解
代码部分在后面markdown标题markdown二级标题(前面几个#就是几个标题,最多六个标题)一阶标题二阶标题斜体粗体粗斜体插入链接1:百度查询插入链接2:www.baidu.com插入图片1:插入图片2:截图粘贴脚注(中括号内的东西必须是唯一的,可以是数字):1111222333代码块: 123123123代码区块:按tab键这是代码区块分割线:*-_输入三个删除线:w我不想考试无序列表:*空格我是无序列表有序列表:数字.我是有序
2020-12-21 10:27:04
102
原创 前端封装下载文件的接口请求格式,将其转为blob格式
download(url, params, filename) { return service.post(url, params, { responseType: 'blob', }).then((r) => { const content = r.data const blob = new Blob([content]) if ('download' in document.createElement('a')) { .
2020-12-09 09:33:02
1487
1
原创 B端产品和C端产品分别指什么
什么是C端产品C端产品也叫2C(to Customer)产品,是面向终端用户或消费者的产品,往往承担引流和转化的任务;C端产品是企业与消费者之间的重要媒介,也是企业重要的获客手段之一。C端的产品一般有如下特点:用户即个体。用户就是独立的个人,而不是一个组织或机构;强调用户体验。因为C端产品的重要任务是引流和转化,在产品初期,优秀的用户体验会在用户群中形成口碑营销,方便获客。所以C端产品在产品设计上对细节处理有比较高的要求,强调情感化设计。运营占据至关重要的位置。对于C端产品来说,产品功能固然非常重
2020-11-26 17:31:21
2010
原创 vue源码文件路径解析
Vue |— build 打包相关的配置文件,其中最重要的是config.js。主要是根据不同的入口,打包为不同的文件。 |— dist 打包之后文件所在位置 |— examples 部分示例 |— flow 因为Vue使用了[Flow](https://flow.org/)来进行静态类型检查,这里定义了声明了一些静态类型 |— packages vue还可以分别生成其它的npm包 |— src 主要源码所在位置 |—
2020-11-23 17:48:05
527
原创 Three.js加载自定义贴图(代码可直接在vue中运行,亲测可行!!!)
代码运行截图:vue代码( import图片请自行更改,加载的是本地图片 ): <template> <div class="three"> <div id="container"></div> </div> </template> <script> import * as Three from 'three' import road from '../assets/road.jpg'
2020-11-23 17:20:37
1978
2
原创 three.js - 渲染器
three.js渲染器的类型如下:CanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders//开启Three.js渲染器:WebGLRenderer//声明全局变量var renderer;function initThree(){//获取容器的宽高width = document.getElementById('canvas3d').cl
2020-11-20 15:54:49
275
原创 three.js - scene场景属性讲解
scene对象可以包含所有的物体,摄像机,光源以及其他的一些对象scene对象还可称为场景图,它不仅仅是一个对象数据,还包含了整个场景图树形结构中的所有节点每个添加到three.js场景的对象,甚至包括scene场景,都是继承自THREE.Object3D的对象每个THREE.Object3D对象都有自己的子对象我们可以通过它的子对象来创建一个three.js能够解释和渲染的对象 THREE.Scene的方法和属性 add(object) 向场景中添加对象,使用该方法还可以创建一个..
2020-11-19 01:00:28
939
原创 JS如何判断一个对象是否为JSON对象
// 判断是否为json数据 isJsonString(str: string) { try { if (typeof JSON.parse(str) == "object") { return true; } } catch(e) {} return false; }
2020-11-18 17:48:10
7613
1
原创 three.js -摄像机的使用介绍
在three.js中照相机的抽象基类是THREE.Camera,其中包含两种摄像机:正投影摄像机(THREE.OrthographicCamera)透视投影摄像机(THREE.PerspectiveCamera)(1) 正投影摄像机API为:THREE.OrthographicCamera(left, right, top, bottom, near, far)这6个参数就代表了这个照射区域长方体的6个面,根据这6个参数的不同,会照射不同的区域。var camera = new THREE
2020-11-18 17:08:02
365
原创 elementui中树形控件默认选中(不设置show-checkbox)
<el-tree ref="tree" node-key="id" :data="deviceTree" :check-strictly="true" :props="defaultProps" :highlight-current="true" :expand-on-click-node="false" :default-expand-all="true" @node-click="handleNodeClick"></el-tree>this.$ref
2020-11-18 10:16:46
3082
1
原创 Three.js中有哪的几种光源,每种光源分别代表什么意思???(讲解十分详细)
在three.js中一共有四种光源,分别是一下四种:环境光( AmbientLight ):笼罩在整个空间无处不在的光点光源( PointLight ):向四面八方发射的单点光源聚光灯( SpotLight ):发射出锥形状的光, 模拟手电筒,台灯等光源平行光( DirectinalLight ):平行的一束光,模拟从很远处照射的太阳光环境光境光可以说是场景的整体基调。如何创建环境光呢?代码如下。 var ambient = Three.AmbientLight(0xffffff);
2020-11-17 09:49:19
595
原创 Three.js是用来做什么的?
Three.js是用来做什么的?Three.js是基于原生WebGl API和着色器封装得到的3D引擎,也就是一个.js库。WebGL和Three.js学习顺序?如果你急于要实现一个Web3D功能,时间有限,也没有图形学基础,个人建议直接学习先Three.js即可,以后想深入掌握,可以学习原生WebGL和图形学相关知识。如果时间比较充足,又希望有更大的成长空间,学习底层原生WebGL肯定是必要的,可以WebGL和Threejs结合着学习,顺序也不是非常重要。...
2020-11-16 10:28:09
1358
原创 leetcode算法-(有效的括号)
题目:给定一个只包括 ‘(’,’)’,’{’,’}’,’[’,’]’ 的字符串,判断字符串是否有效。有效字符串需满足:左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。示例 1:输入: “()”输出: true示例 2:输入: “()[]{}”输出: true示例 3:输入: “(]”输出: false示例 4:输入: “([)]”输出:false解答:var isValid = function(s) { var
2020-11-12 01:04:52
80
原创 leaflet加载geoserver发布的wms或者wmts离线地图
前端代码如下:首先加载wms第三方瓦片图层var wmsLayer= L.tileLayer.wms("http://localhost:8080/geoserver/cite/wms", { layers: 'cite:bou2_4p',//需要加载的图层(geoserver发布时定义的名称) format: 'image/png',//返回的数据格式(或image/jpeg) transparent: true, //如果为true,WMS服务将返回具有透明性的图像
2020-11-11 00:45:57
1303
原创 算法(6)
题目编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串 “”。示例 1:输入: [“flower”,“flow”,“flight”]输出: “fl”解答var longestCommonPrefix = function(strs) { if(strs.length < 1) { return ''; } let value = '' let item = strs[0]; for (let i = 0;
2020-11-11 00:35:41
59
原创 2020-11-06
罗马数字包含以下七种字符: I, V, X, L,C,D 和 M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如, 罗马数字 2 写做 II ,即为两个并列的 1。12 写做 XII ,即为 X + II 。 27 写做 XXVII, 即为 XX + V + II 。通常情况
2020-11-06 00:45:27
1125
原创 js运算符
1、JS中的||符号:运算方法: 只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。总结:真前假后2、JS中的&&符号:运算方法: 只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值; 只要“&...
2020-11-05 01:22:26
46
原创 JS-算法(5)
给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21答案function reverse(x) { let result = 0; while(x !== 0) { result = result * 10 + x % 10; x = (x / 10)| 0; } return result;}...
2020-11-05 01:21:23
100
原创 js-单链表反转
1. 迭代反转function reverse(head) { let beg = null; let mid = head; let end = head.next; while(1) { head.next = beg; if (end === null) { break; } beg = head; head = end; end = end.next; } head = mid; return head;}2. 头插法反转function rev
2020-11-05 00:47:02
367
原创 JS-算法(3)
题目:给定一个整数数组 nums和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。最优解答(求出差值,放入map中,寻找差值是否在map中存在,如果存在返回索引值):vartwoSum=function(nums,target){constmap=newMap();for(leti=0;i<nums.leng...
2020-11-05 00:44:43
219
原创 js算法-从头到尾打印单链表
题目:输入一个链表的头节点,从尾到头反过来返回每个节点的值(用数组返回)。例子:输入:head = [1,3,2] 输出:[2,3,1]解法:var reversePrint = function(head) { let arr = []; while(head !== null) { arr.unshift(head.val) head = head.next } return arr};解析:首先定义一个空数组来存放节点的值,
2020-11-04 14:57:21
304
原创 JS-算法(2)
js算法(2)题目:请实现一个函数,把字符串 s 中的每个空格替换成"%20"。输入:s = “We are happy.”输出:“We%20are%20happy.”最优解题思路1(执行时间 72 ms,消耗内存 37.6MB):function(s) { return s.replaceAll(' ', '%20');}最优解题思路2(执行时间 20ms,消耗内存 37.7MB):function(s) { return s.replace(/\s/g, '%20');}最
2020-11-03 23:22:50
73
原创 JS-算法(1)
js-算法题目:找出数组中重复的数字在一个长度为 n 的数组 nums 里的所有数字都在 0~n-1 的范围内。数组中某些数字是重复的,但不知道有几个数字重复了,也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。例如:输入[3, 3, 2, 0, 2, 5, 3] 输出:3 或 2最优解决方法1(运行时间120ms):var findRepeatNumber = function(nums) { nums.sort(); for (let i = 0; i < n
2020-11-03 22:55:14
95
原创 ES6----let和const
let声明的变量只在它所在的代码块中有效(for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。)只要块局作用域内存在let命令,它所声明的变量就绑定了这个区域,不再受外部影响。let注意点1. let不能再一个函数中重复声明 2. 立即执行函数写法 // IIFE 写法 (function () { var tmp = ...; ... }()); // 块级作用域写法 { let tmp = ...; ..
2020-07-06 04:35:57
107
基于 vue + element-ui 的后台管理系统
2020-12-23
vue源码解析,所有功能讲解(vue2.0-source-master.zip)
2020-11-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人