- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue slot 详解
在Vue中，我们使用组件来组织页面和组织代码，类似于搭积木，每一个组件都是一个积木，使用一些相同或者不同组件就能搭建出我们想要的页面。slot（插槽）是组件功能的重要组成部分，插槽必须用于组件才有意义。它为组件提供了对外的接口，允许从组件外部传递内容，并将这部分内容放置到指定的位置。使用 slot当一个组件可能被使用至少两次并且两次使用内容（这里指组件视图的组成）不同时，插槽才有存在的必要。注意： 本文的代码都是基于Vue3编写。基础用法Link.vue<template> <
2021-07-31 11:19:02
11105
4
原创 浏览器安全策略 & CORS
CORS全称Cross-Origin Resource Sharing, 即跨域资源共享，是一个由一系列HTTP头组成的系统，这些HTTP头决定浏览器是否阻止前端javascript代码获取跨域请求的响应。为什么需要CORS ？ 这是因为浏览器存在同源安全策略，当我们在当前域请求另外一个域的资源时，浏览器默认会阻止脚本读取它的响应，这时CORS就有了用武之地。同源策略同源策略是浏览器的一个重要的安全策略，它用于限制一个源的文档或其加载的脚本如何与另外一个源进行交互，它能够隔绝恶意文档，减少被攻击的媒介。
2021-07-18 11:01:16
719
1
原创 前端基础笔试题 & 解答
实现浅克隆和深克隆/** * 浅克隆 * @param {*} val */function clone(val) { if (typeof val !== 'object') return val; return { ...val };}/** * 深克隆 * 1. Date 和 RegExp需要特殊处理 * 2. 循环引用也需要复制过去 * * @param {*} val */function deepClone(val,
2021-06-27 14:22:48
785
原创 vite 原理详解
Vite 介绍Vite是Vue作者尤雨溪又一个备受关注的开源项目，它是一个前端构建工具，可类比Webpack。它主要解决了传统bundle-base服务器在开发时遇到的两个问题：服务器启动速度慢，而且其启动时间是跟应用规模成正比的。在更新时，即便使用了HMR，但是其热更新的时间仍是会随着应用规模的增长而直线下降。它解决的是开发的时候的效率问题，对于生产环境则是交给了Rollup。除此之外，它还有以下优点：对ts、jsx、css等开箱即用，无需配置。对于库开发者也是可以通过简单的配置...
2021-06-10 00:10:02
5691
1
原创 Vue3 Composition API教程
前言 vue3目前已经发布了alpha版本，除了服务端渲染，其它工作已经全部完成。尤大大也升级了vue-loader，提供了一个可以使用.vue组件的测试模板。vue3最大的改变是加入了这个灵感来源于React Hook的Composition API（组成API），这个API将对vue编程产生了根本性变革，但是vue3还是兼容vue2的Options API。除此之外，还引入了一些不兼容修改，具体可查看Vue3已合并的RFC。本文并不会全面介绍vue3的新特效，只会着重与vue3的核心——Compo
2021-05-30 16:09:56
1075
原创 正则新手入门
Get StartedJS 中创建一个正则表达式有两种方式：使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示：var re = /ab+c/;或者通过RegExp构造函数，new一个正则表达式:const reg = new RegExp('ab+c');使用正则表达式const reg = new RegExp('abc');const str = 'helloabcword';reg.test(str);reg.exec(str);str.ma.
2021-05-30 15:55:54
153
转载 本地和服务器之间文件的传输
转自 https://www.cnblogs.com/jiangyao/archive/2011/01/26/1945570.html在linux下一般用scp这个命令来通过ssh传输文件。1、从服务器上下载文件scp username@servername:/path/filename/var/www/local_dir（本地目录）例如scp [email protected]....
2019-03-15 10:19:34
1980
转载 python 使用virtualenv创建不同版本的虚拟环境
转自https://blog.csdn.net/tymatlab/article/details/78614238目前条件：python版本 安装情况2.7.10 系统自带2.7.14 brew安装3.6.3 brew安装创建虚拟环境python版本 创建虚拟环境命令2.7.10 $ virtualenv venv2.7.14 ...
2019-02-25 22:16:17
1389
原创 前端页面检查步骤笔记
1、上传是否有上传loading态2、可点击按钮hover时cursor应为pointer3、检查图片像素，图片是否需要压缩4、在不需要兼容的设备中也要看一下，页面不能乱。...
2019-02-18 11:47:10
785
转载 知名富文本编辑器介绍
转自https://www.cnblogs.com/linkstar/p/6858995.html1、UEditor 百度的。优点：插件多，基本满足各种需求，类似贴吧中的回复界面。缺点：不再维护，文档极少，使用并不普遍，图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，较为难办，加载速度慢。总结：小项目，可以用用，不推荐使用。 2、kindeditor界面...
2019-02-13 16:03:04
638
原创 python 学习笔记
python学习笔记1、 python的数据类型有整数、浮点数、字符串、布尔值和None空值。2、python并没有存在不可改变的常量，以大写来命名常量只是大家约定俗成的习惯。3、除法是精确的，有两种除法分别为/和//，前者无论能否整除返回的结果都是浮点数，后者地板除则只返回整数部分，如果要取余可以使用% 。4、处于兼容全世界所有语言的 目的，unicode编码应运而生，它将所有的...
2019-01-28 08:56:07
342
转载 8种免费商用中文字体
8种免费商用中文字体转自https://www.uisdc.com/200-models-free-commercial-fonts提取连接：https://pan.baidu.com/s/1nLxPRDDS1BTzBtISUfzaAA提取码: tnxd一、思源字体系列大名鼎鼎的思源字体由 Adobe 在线字体库 Typekityu 与谷歌一起合作开发，字库对中（简体/繁体）、...
2019-01-23 19:57:19
20260
2
转载 HTTP响应状态码（整理版本）
HTTP返回状态码及错误大全转自http://tools.jb51.net/table/http_status_code目录1、HTTP响应状态码简要说明 2、HTTP状态码表（简单版）3、HTTP状态码列表 （详细版）1、HTTP响应状态码简要说明1** 信息，服务器收到请求，需要请求者继续执行操作 2** 成功，操作被成功接收并处理...
2019-01-18 16:10:15
279
转载 mysql命令大全
Mysql常用命令行大全转自https://www.cnblogs.com/bluealine/p/7832219.html更详细见http://see.xidian.edu.cn/cpp/u/mysql_ml/1、连接Mysql 格式： mysql -h主机地址 -u用户名 －p用户密码 1、连接到本机上的MYSQL。首先打开DOS窗口，然后进入目录mysql\bin，再...
2019-01-11 14:07:40
198
原创 CSS之margin细节笔记
1、display为inline（不包括inline-block和替换元素）的元素的padding和margin垂直方向都不会影响布局，即不会改变和上下盒子的间隔，但会改变其盒子的内外尺寸(改变外尺寸不会有效果，无任何表现)，内尺寸表现在背景会叠加，如下图： 2、margin合并只出现在上...
2019-01-03 09:01:30
164
转载 (@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
(@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全转自《媒体查询尺寸大全》PC端按屏幕宽度大小排序（主流的用红色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1...
2018-12-24 11:43:14
1934
转载 衡量前端工程师的九大问题
1、谈谈你对CSS布局的理解2、讲讲输入完网址按下回车，到看到网页这个过程中发生了什么。3、谈谈你对Web前端组件化的理解，Web Component会带来怎样的影响4、谈谈你对前端资源下载性能优化的经验和思考5、现在有很多的MV*框架，你对它们有什么看法6、iOS体验好在哪里，Web能赶上么？7、网页游戏怎么做？8、Hybrid技术应当如何应用？9、你最爱的前端框...
2018-12-19 14:11:08
206
转载 HTML 获取屏幕、浏览器、页面的高度宽度
[转] HTML 获取屏幕、浏览器、页面的高度宽度本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。一、介绍1. 容器一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。 2. 物理尺寸和分辨率容器的尺寸是指当前分辨率下的高度、宽...
2018-12-18 17:07:58
1765
1
原创 前端下载文件方案
1、创建blob响应类型的axios对象const blobAxios = axios.create({ responseType: 'blob', timeout: 5 * 60 * 1000, paramsSerializer(p) { return Qs.stringify(p, { indices: false }); }});//用于增加token鉴权，对...
2018-12-18 14:12:47
355
原创 Vue嵌套组件创建和销毁的顺序
理解生命周期和钩子函数的调用在工程中十分重要，关于Vue生命周期的理解我推荐这一遍详解Vue生命周期 。写得真不错，浅显易懂，任何初学者一看都能明白是怎么一回事。今天我当然不是来讲生命周期的，我要将的是嵌套组件的创建顺序，嵌套组件件钩子函数的执行顺序，最后是销毁顺序。闲话少说，直接上代码。<!DOCTYPE html><html lang="en">...
2018-11-10 16:10:05
11491
1
原创 GPS坐标转百度坐标总结
我就直接把我整理的模块摆上去吧！有需要的可以直接复制过去导入就可以用了。/** * 采用百度地图的转换方法，向百度地图服务器请求转换结果， * 普通用户有次数限制，另外异步转换，改方法可以无限转换, * 转换完成调用回调handler方法，并传回数据，数据顺序和之前一样 * @param pois * @param handler */ export function...
2018-10-23 10:29:16
4219
转载 Ubuntu 16.04 LAMP卸载
1.卸载 apache2sudo apt-get --purge remove apache2*sudo apt-get autoremove apache2(--purge 是完全删除并且不保留配置文件）(重新安装 sudo apt-get install apache2)2.卸载 nginxsudo apt-get remove nginx-*sudo apt-get ...
2018-10-21 13:05:06
217
转载 cgi和php的区别
转发cgi是一种接口，不管用什么语言都可以按照这个接口进行实现。一般服务器判断需要调用cgi程序前，会把请求的GET参数放在环境变量QUERY_STRING里，POST请求内容则通过标准输入流输送到cgi程序内。cgi程序只需要将HTTP协议（包括HTTP头和HTTP Body）打印到标准输出流stdout，服务器就会把它们直接传输给浏览器。举个栗子： //c++实现cgi接口，...
2018-10-12 14:33:37
796
原创 Vue slot-scope的理解（适合初学者）
百度上已经有很多的关于slot-scope的文章，但我感觉都是那些以前没学好，又回头学的人，他们都使用了.Vue文件，我觉得有点不适合初学者，所以我就写一篇适合初学者的。 先抛例程：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2018-07-27 16:32:04
211744
23
原创 Java类继承的深度剖析
Java为了减小复杂性，类取消了多继承，只有单继承。很多同学都会使用继承，无非是使用关键字extends。但大家知道更深层的东西吗？比如在内存空间继承的类和被继承的类怎样存储，有什么关系？大家都知道如果被继承的类没有空构造器即只有有参构造器，那么继承类中构造器第一行必须调用有参构造。那么为什么一定要用super（有参（或无参））？本文将会通过一个例子详细解析类在继承中内存空间的变化。pub...
2018-03-05 16:31:14
369
原创 Java类与对象的地址空间分析
在进入正题之前，先说一些相关的知识。大家都知道Java除了8种基本的数据类型就只有引用类型，也就是说类属于应用类型，我们操作类的时候实际上就是操作类的地址空间，而这一切的实现过程就是引用。下面我将通过举一个例子详细分析程序运行过程中类地址空间的变化。public class Computer { String brand; float price; public Computer...
2018-03-03 23:00:41
2477
原创 C++命名空间详解
在C++中，我们经常会用到 using namespace std 这一句代码，大家知道这句代码是什么含义吗？对，是使用std这个命名空间。命名空间（namespace）是C++用来避免命名冲突的机制。命令空间相当于一个作用域，在这个作用域中，所有的表示符都是唯一的。不同命名空间的名字作用域也不同，这样就保证不同命名空间相互不影响，即便在两个命名空间的表识符是相同的，也不会产生冲突。这句话怎么理解
2017-11-10 23:11:05
1059
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人