-

SVG基础知识入门教程

WEB前端

SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。SVG 是属于对图像的形状描述得文本文件,体积较小,放大不会失真,其他图像格式都是基于像素处理的。SVG 文件可以直接插入网页,成为 DOM 的一部分。也可以被img、object、embed、iframe等标签插入网页。SVG 文件也可以在JavaScriptCSS 中使用 。SVG 文件还可以转为 BASE64 编码,然后作为 Data URI 写入网页。下面雷雪松给大家分享一下SVG基础知识入门教程。
阅读原文 »

开讲啦李兰娟观后感

人生杂谈

本期《开讲啦》李兰娟是中国感染病学科唯一女院士,使用人工肝重开辟了型肝炎肝衰竭治疗的新途径。李兰娟希望所有的年轻人都能严谨求实,开拓创新,勇攀高峰,造福人类。之前可能不太熟悉李兰娟,但是通过新冠肺炎疫情之后,大家都知道了李兰娟。73岁的李兰娟院士毫不犹豫地奔向战役第一线,率先提出武汉封城。这也是她2003年与非典、2013年与H7N9作搏斗后,又一次奔赴战役最前线。
阅读原文 »

截取网页或屏幕快照插件-html2canvas

WEB前端

html2canvas是一个截取网页或屏幕快照插件。通过读取DOM和元素的不同样式,将当前页面呈现为画布图像。一般在需要将h5页面生成海报的时候用。html2canvas库使用Promise,如果浏览器不支持Promises,可以先加载一个es6-promise的补丁。之前雷雪松的博客中介绍过HTML转图片的JS插件-rasterizeHTML.js。今天雷雪松给大家分享一个截取网页或屏幕快照的插件html2canvas。
阅读原文 »

Three.js介绍

WEB前端

Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。Three.js(类似于JQuery)在浏览器提供的 WebGL 接口之上又做了一层封装。WebGL 是在浏览器中实现三维效果的一套标准。WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 前端开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。下面雷雪松就简单介绍一下Three.js。
阅读原文 »

JS如何将字符串转化为数字数组

WEB前端

在使用Vue的时候,我们需要注意数据的类型。比如,Elment select 组件选中的值是有字符串和数值之分的。很多时候,明明给了一个一样的数字,却不能选中就是因为这个原因。那么就需要将字符串数字转换成数字或者将数字转换成字符串。下面雷雪松给大家介绍一下JS如何将字符串转化为数字数组。
阅读原文 »

CSS预处理工具Stylus简介

WEB前端

Stylus是一个CSS预处理器,提供一种高效、动态和富有表现力的方式来生成CSS。Stylus 比较激进,利用缩进、空格和换行来减少需要输入的字符。不过同时也兼容CSS语法。下面雷雪松详细的介绍一下如何使用预处理工具Stylus。
阅读原文 »

如何让文本中的 \n 在HTML中换行?

WEB前端

在实际前端开发中,在textarea中用户输入大段文本时,可能会有换行。这时获取到的字符串是\n。在展示的时候如何还原用户输入时的样式呢?可能有的人会说用正则表达式来把\n替换成 HTML 换行标签<br>。有没有更简单的办法呢?答案就是使用CSS的white-space属性。今天雷雪松给大家讲解一下如何让文本中的\n在HTML中换行。
阅读原文 »

MySQL导入速度慢怎么办?

MySQL

有时候在我们往MySQL数据库导入大数据量的SQL文件时,如何让导入的速度更快?如果使用Navicat图形化工具导入,10G大小的SQL文件可能四五个小时不一定能执行完。那么今天雷雪松给大家讲解一下MySQL导入速度慢的讲解办法。
阅读原文 »

MySQL通过data数据目录恢复数据

MySQL

MySQL数据库突然莫名其妙的启动不了了,不过Linux服务器上/var/lib/mysql(yum方式安装后的数据库目录)数据库物理文件目录还在。这种情况没有SQL文件我们如何恢复数据库呢?下面雷雪松就介绍一下MySQL 通过data数据目录恢复数据。
阅读原文 »

Vue中重置data的数据为初始状态

WEB前端

Vue 开发的过程中,需要重新使用data中的数据,但是data中的数据已经被赋值改变了,那么怎么重置data的值为初始状态呢?通常有两种方法,一是:一个个直接赋值是肯定可以的,第二种:使用this.$options.data()获取初始data的值,Object.assign()复制对象。下面雷雪松详细的介绍一下Vue中重置data的数据为初始状态的方法。
阅读原文 »