![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
文章平均质量分 80
zhangpaopao0609
发光发热
展开
-
快速搞定 Less 之 —— import
快速搞定 Less 之 —— import原创 2022-10-20 17:20:01 · 1975 阅读 · 0 评论 -
快速搞定 Less 之 —— CSS Guards
快速搞定 Less 之 —— CSS Guards原创 2022-10-14 15:24:38 · 200 阅读 · 0 评论 -
快速搞定 Less 之 —— Mixins
快速搞定 Less 之 —— Mixins原创 2022-10-14 15:10:07 · 1181 阅读 · 0 评论 -
快速搞定 Less 之 —— Merge
快速搞定 Less 之 —— Merge原创 2022-10-13 17:20:06 · 234 阅读 · 0 评论 -
快速搞定 Less 之 —— 父选择器
快速搞定 Less 之 —— 父选择器原创 2022-10-12 15:41:40 · 1980 阅读 · 0 评论 -
快速搞定 Less 之 —— 变量
快速搞定 Less 之 —— 变量原创 2022-09-27 11:38:08 · 1357 阅读 · 0 评论 -
快速搞定 Less 之 —— 概览
快速搞定 Less 之 —— 概览原创 2022-09-26 17:35:43 · 584 阅读 · 0 评论 -
Sass 还可以这么玩 —— Sass 批量生成 padding 和 margin
Sass 批量生成 `padding` 和 `margin`原创 2022-09-21 19:57:42 · 515 阅读 · 0 评论 -
微前端的暗位面
微前端如此火热,那真的就一定要使用吗?本文就来聊聊微前端的暗位面,聊聊微前端的缺点原创 2022-08-28 18:49:43 · 398 阅读 · 0 评论 -
你所需要了解的关于 Monorepo 的一切
本文的目的就是为了帮助开发人员了解 Monorepo 是什么,它具有哪些优势,能带来什么好处,以及详细介绍业界能够便捷和高效的构建 Monorepo 的工具。原创 2022-03-29 18:53:13 · 2620 阅读 · 0 评论 -
手写轮子系列一 —— 手写完整版 Promise(如丝般顺滑一气呵成)
咋一看手写 Promise 无从下手,仔细一看原来如此简单。 跟着 Promises/A+ 规范,一步一步,纵享丝滑原创 2021-10-18 17:38:43 · 1433 阅读 · 1 评论 -
Vue3.2 新特性之 —— Web Components
vue3.2 支持用单文件组件的写法来创建自定义元素,再也不需要写原生的 web components了。原创 2021-09-18 17:46:23 · 5020 阅读 · 7 评论 -
Volar ——Vue3 完美的配套工具
Volar ——Vue3 完美的配套工具vue3+ts+volar=正香原创 2021-09-18 11:33:53 · 36242 阅读 · 12 评论 -
移动端基础知识详解
对于 Web 而言,移动端的开发已是基本功,但是很多概念,基础知识却是我们在 pc 端开发中完全接触不到的。今次有机会系统的学习移动端的基础知识,在此记录和分享。原创 2021-08-29 11:48:13 · 1221 阅读 · 0 评论 -
谈谈如何”正确“的使用 Vuex
如果你曾维护过大型项目并且其中大量使用 vuex 进行状态管理,相信你曾遇到过因不知道某个状态是在哪一个组件初始化、哪一个组件更新而不得不逐个检查的困境,可项目中的确又需要这样的状态管理,那么如何”正确“的使用 Vuex 便成了本文的主题。原创 2021-07-05 13:42:09 · 435 阅读 · 2 评论 -
Vite 实现原理
文章目录Vite 实现原理1. vite 简介2. vite 的实现原理2.1 本地服务2.2 非node_modules 的文件的引用2.3 node_modules 依赖的引用2.4 `.vue` 文件的解析和返回2.5 `.css`文件的解析和返回3. 总结Vite 实现原理1. vite 简介vite 开发环境基于浏览器支持 dynamic import,使得启动速度快得惊人,同时支持任意类型文件的解析(提供解析loder即可);生成环境使用 Rollup打包。因此我们的尤大神说,2021年前原创 2021-03-20 18:39:27 · 748 阅读 · 0 评论 -
vue2项目使用vite进行开发基本流程
文章目录vue2项目使用vite进行开发基本流程1. vite简介2. vue2 中使用 vite2.1 vite vue 的安装2.2 启动命令2.3 vite.config.js2.4 index.html2.5 项目中使用 scss2.6 使用缩写2.7 vue2 中使用 class component 的写法2.8 使用 tsvue2项目使用vite进行开发基本流程1. vite简介vite 开发环境基于浏览器支持 dynamic import,使得启动速度快得惊人,同时支持任意类型文件的解析原创 2021-03-20 17:00:09 · 10815 阅读 · 0 评论 -
详解 XSS 攻击
文章目录XSS 攻击1. 前言2. 反射型(url)3. 存储型(表单)4. DOM型(onerror)5. 防御方案XSS 攻击1. 前言XSS (Corss Site Scripting)也即跨站脚本攻击,攻击出现的原因一般是因为 Web 程序对用于的输入过滤不足导致的一种漏洞,攻击者可以把恶意的脚本代码注入到网页之中,当其他用户浏览时就会执行其中的恶意代码,对受害者产生各种攻击。XSS 一般分为三种类型:反射型,存储型,DOM型2. 反射型(url)反射型 XSS 攻击的恶意脚本并没有被存原创 2021-03-08 10:25:56 · 1392 阅读 · 1 评论 -
跨域及解决方案
文章目录跨域及解决方案1. 什么是跨域2. Jsonp3. cors3.1 简单请求3.2 非简单请求4. nginx5. iframe + postMessage跨域及解决方案1. 什么是跨域跨域到底是谁限制了?浏览器限制了,跨的域也是浏览器回顾一下 URI 的组成:浏览器遵循同源策略(scheme(协议)、host(主机)和port(端口)都相同则为同源)。非同源站点有这样一些限制:不能读取和修改对象的DOM不能读取和访问对方的 Cookie、IndexDB 和 LocalStorag原创 2021-03-08 09:52:55 · 177 阅读 · 0 评论 -
文本溢出单行和多行显示省略号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text-overflow</title> <style type="text/css"> p { font-size: 20px; width: 200px; height: 60px; } .oneline原创 2021-03-06 20:25:57 · 125 阅读 · 0 评论 -
Error: read ECONNRESET at TCP.onStreamRead (internal/stream_base_commons.js:111:27) npm run错误
1 前言博主在使用乾坤时将微应用都部署好了后,准备在主应用中启动时,npm run start时报了如下错误:Error: read ECONNRESET at TCP.onStreamRead (internal/stream_base_commons.js:111:27)经过查阅资料后发现,这与node的版本有关系,当然,博主在这里声明,node并不是根本原因,但是经过博主测试后更改node的版本是可以解决问题的。2 解决办法首先,博主查看了自己的node版本node -v# v10.15原创 2020-06-11 11:09:34 · 18853 阅读 · 5 评论 -
in-browser 和 built-time modules模块的区别
1 前言博主最近在学习Single SPA,首先需要理解的是什么是 in-browser modules和 built-time modules2 概述直接的理解,in-browser modules 指在浏览器的模块, built-time modules指构建时的模块,其实大概也能理解一些,具体的解释如下:in-browser modules 在运行时向浏览器请求的模块,如下面代码中的import Vue from “vue”;在构建时不会向项目请求,而是运行时built-time modu原创 2020-06-10 12:41:24 · 363 阅读 · 0 评论 -
不使用循环语句(包括map、forEach方法)实现一个100长度的数组,索引值和值相同的数组[0,1,2,3,4,5........99]
1 概述一般情况下,通过循环语句给数组赋值,是非常简单的,那么如果不适用循环语句呢?2 代码var arr = new Array(100);//方法1[...arr.keys()];//方法二Array.from(arr.keys());//方法三 借助stringvar arr1 = new Array(101);var str = arr1.join('1,');st...原创 2019-11-01 14:07:46 · 1826 阅读 · 0 评论 -
JS 计算1-10000中出现的 0 的次数 (经典地使用了ES6中 map, filter, reduce)
1 概述利用JS 计算1-10000中出现的 0 的次数2 示例let res = new Array(10000).fill('').map((_, index) => index + 1) .filter(item => /0/.test(item)) // 返回包含零的 .reduce((count, item) => { // ...原创 2019-11-01 11:27:22 · 1776 阅读 · 0 评论 -
常见的HTTP状态码详解
1 概述当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码:200 - 请求成功301 - 资源(网页等)被永久转移到其它URL404 - 请求的资源(网页...原创 2019-11-01 09:44:02 · 347 阅读 · 0 评论 -
详解优雅降级和渐进增强
1 概述渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不同。2 详细解释2.1 渐进增强(Progressive Enhancement)一开始就针对低版本浏...原创 2019-10-09 13:41:24 · 1023 阅读 · 0 评论 -
前端路由实现原理——hash模式和history模式
1 概述前端路由是指,不同的url展示不同的页面,例如Vue React中,虽然是单页面,但是通过路由还是实现了我们想要的功能。前端路由的模式分为两种:hash模式:http://localhost/Day/hash.html#/home 存在一个 # 符号,和普通的url相比有些丑history模式:http://localhost/home 这和普通的URL没有区别,非常好看那...原创 2019-09-20 11:36:05 · 2253 阅读 · 1 评论 -
搭建开发环境——Python实战:Web App 开发 Day 01
1. 背景介绍Python 的功能十分强大,因其强大而丰富的开源包,让其可以实现高级爬虫,可以实现机器学习算法,可以应用到深度学习中,也可以开发Web App 项目。本次的Python实战就是Web App 项目的开发,项目素材和代码大部分来源于廖雪峰老师的python教程,一共为期16天,博主会对代码做详细的讲解,包括代码的详细注释和原理;博主在实战这个项目过程中,发现廖雪峰老师的代码是比较...原创 2019-01-08 10:49:34 · 2709 阅读 · 1 评论 -
Python实战:Web App 开发
1. 背景介绍Python 的功能十分强大,因其强大而丰富的开源包,让其可以实现高级爬虫,可以实现机器学习算法,可以应用到深度学习中,也可以开发Web App 项目。本次的Python实战就是Web App 项目的开发,项目素材和代码大部分来源于廖雪峰老师的python教程,一共为期16天,博主会对代码做详细的讲解,包括代码的详细注释和原理;博主在实战这个项目过程中,发现廖雪峰老师的代码是比较...原创 2019-01-08 10:48:36 · 4592 阅读 · 0 评论