前端
CSS中空格的问题如何处理？教你三种方法
1、空格规则
HTML 代码的空格通常会被浏览器忽略。
<p> hello world </p>
上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。
浏览器的输出结果如下: hello world
可以看到，文字的前部和后部的空格都会忽略，内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。
如果希望空格原样输出，可以使用 <pre>
SVG 从入门到后悔，怎么不早点学起来（图解版）
本文简介
点赞 + 关注 + 收藏 = 学会了
作为一只前端，只懂 Vue、React 感觉已经和大家拉不开距离了。
可视化、机器学习等领域 JS 都有涉及到，而可视化方面已经被很多领域用到，比如大屏项目。
可视化领域相关的技术有 canvas 和 SVG ，而这两个东东是迟早要接触的了。
在我接触 SVG 之前，我觉得这是一个很高深的东西，有点恐惧。我第一次接触 SVG 是在 iconfo
如何从零到一建立前端规范
前言
不以规矩，不能成方圆。
本人有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。
本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如何去建立适合自己团队的规范，详细讨论了前端具体涉及到的规范都有哪些，部分小节有具体的配置步骤和操作链接。
文中涉及到的所有配置均放在github上的 Demo 中，觉得不错的点个赞 ❤️❤️❤️。
下面我们开始吧🏃。
为什么需要规范
规
原生微信小程序实现打卡日历组件
背景：最近接了个外包，其中有个打卡功能，里面包含了一个日历，甲方要求百分百还原，闲暇之余就撸了一下，下面是效果图 源码地址 求star ✨
image.png
分析：
要求左右箭头可切换上下月;
需要展示农历日历；
点击日期拿到年月日（yyyy-mm-dd）
样式一比一还原
想法💡：网上都没一毛
iOS Xib弹框展示多行文字父视图根据子视图高度自适应
项目开发中经常会遇到弹框的需求，如果弹框中文字内容是固定的那么弹框高度也是固定的很好写。如果文字从接口获取，并且要求弹框高度随文字高度变化就要考虑多种情况了。
至少要考虑三种情况，分别给弹框设置一个最小高度和最大高度。
1.如果当前文字内容高度<规定的文字内容最小高度 ，那么当前弹框高度=规定的弹框最小高度
2.如果规定的文字内容最小高度<当前文字内容高度<规定的文字内容最大高度
Vue2 中使用Swiper构建中间大两边小轮播效果
Swiper是一个功能丰富的“滑动特效”插件：
常用的tab切换，banner切换等等，包含各种切换特效，看Demo就非常炫酷。同时，也提供了主流的框架组件版本。然而，最新版的Vue组件只支持在Vue3中使用。查找资料后实践，记录一个Vue2中的使用方式。
Swiper的官网介绍也比较清楚，英文官网中是最新的版本的内容，没有找到旧版的文档内容，中文官网可以看到旧版的文档。
一、Swiper 在Vu
前端界面生成PDF并导出下载
最近，公司后台管理系统有个项目需求，将前端定义好的界面导出PDF文档。我查阅很多文档，发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档
思路： 通过 html2canvas 将 HTML 页面转换成图片，然后再通过 jspdf 将图片的 base64 生成为 pdf 文件
1、安装
npm install html2canvas --save
np
基于vue2.x实现的即时通讯程序仿微信聊天4开发聊天详情静态页面
image.png
点击v-for出来的元素，跳转页面
给元素定义一个click点击事件，跳转页面用到动态路由
tamplate
@click="toDetailPage(item)"
methods
toDetailPage(item) {
this.$router.push("/chatDetail/1")
}
新建页面
在src/views新
582. 【前端】React 组件调试小技巧
一般我们在调试单个React组件时，借助于热更新，我们改改代码可以在浏览器实时看到更新，但当项目比较大的时候，我们调试的页面在整个应用中的路由层级比较深，就会导致：每一次咱们修改完一个地方的代码，浏览器自动刷新到了首页，并进入修改的页面，才能看到更新之后的变化。
介于此，这篇分享一个前端调试React组件的方法。
一、使用 createPortal 构建测试组件
scss代码：
.test-con
