-

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的数据为初始状态的方法。
阅读原文 »

什么是KISS原则?

人生杂谈

KISS 原则是 Keep it Simple and Stupid 首字母的缩写,意思是“保持简单和愚蠢”;另一种对KISS的解释是 Keep It Simple, Stupid,由于中间加了逗号,意思就变成了“保持简单,傻瓜”,是一种祈使语态,带有调侃的色彩。 KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”。换句话说来,“简单就是美”。KISS 原则源于 David Mamet(大卫马梅)的电影理论,后来被逐渐延伸扩展到其他领域。下面雷雪松详细的给大家讲解一下KISS 原则。

阅读原文 »

移除未使用 CSS 工具 PurgeCSS 详解

WEB前端

PurgeCSS 是一个能够通过字符串串对比,来决定移除不不需要的 CSS 的工具。PurgeCSS 通过分析你的内容和 CSS 文件,首先它将 CSS 文件中使用的选择器与内容文件中的选择器进行匹配,然后它会从 css 中删除未使用的选择器,从而生成更小的 CSS 文件。对于 PurgeCSS 的配置因项⽬目不不同⽽而异,它不不仅可以作为 webpack 的插件,还可以作为 postcss 的插件。下面雷雪松就详细得讲解一下移除未使用 CSS 工具 PurgeCSS。
阅读原文 »

JS 删除树状结构数据中空children

WEB前端

如何让自己在开发中能成长更快?开发效率更高?答案就是:不断学习,不断总结。在实际前端开发中,使用组件可以很快的开发出一个功能,比如ElementUI树形结构组件。那么使用组件就得返回组件规定的数据结构。数据大部分是在后端处理后直接返回需要的数据,比如PHP、JAVA等后端语言。可有时候也需要前端自己处理数据。下面雷雪松就给大家分享一个删除树状结构数据中空children的函数。
阅读原文 »

Flex 常用属性详解

WEB前端

Flex 是2009年W3C 提出了一种新的方案。Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性,可以很方便得给 HTML 元素布局。在 Flex 布局出来之前,主要是通过 CSS 的 float 浮动和 position 定位来布局,在实现一些布局时非常不方便,比如:水平垂直居中,全屏上中下铺满。但是如果使用 Flex 就非常容易。下面雷雪松就详细得讲解一下Flex 常用属性。
阅读原文 »