x_前端胖头鱼-CSDN博客

原创关于JS浮点数运算不精确的原因和解决方案

思路其实非常简单，既然浮点数的情况下会丢失精度，那我们所有运算的时候都先小浮点数转换为整数，等计算完之后，再按比例转换会浮点数，这样就避免了再二进制十进制转换的时候计算机的精度问题。之前在一个项目中，涉及到了金额，协议组定的标准是按照分的单位进行传递的，但是交互上，web页面中为了更友好的体验，是使用的元作为单位的，这个时候就需要转换一下单位。本来是很简单的一个转化的需求，在和后端联调的时候发现，保存的时候返回了参数错误，原因就是由于js浮点数精度带来的影响，导致保存的时候保存的位数特别多。

2023-06-21 15:43:40 1002

原创封装LocalStorage、SessionStorage方法

/**Public methods for localStorage and sessionStorageCreated by XuXiaochuan on 2021/04/26./class Store {/*@function 构造函数@param {Object} store window的存储对象（localstorage、sessionStorage）*/constructor(store) {// 检测是否支持localstorageif (!store) {r

2022-04-11 16:29:45 860

原创仿element时间选择器封装年份范围组件

<template> <div class="yearPicker" ref="yearPicker" :width="width" > <input class="_inner" ref="inputLeft" v-model="startShowYear" @focus="onFocus" @blur="onBlur" type="text" name

2022-03-28 17:00:35 1389

原创如何使用字体图标——icomoon使用详细介绍

此篇博文讲述如何利用icomoon导入图标，从而把自己想要图标通过icomoon方式进行生成。大家都知道，网站以及移动端，用图标还是尽量选择这种。1、直接用image有些图标会失真；2、图标统一管理，方便引用；3、前端开发之中，需求去掌握的一项。下面来介绍一下如何使用icomoon生成字体图标。网址：https://icomoon.io/app/#/select一、首先将UI蓝湖上的svg格式图片切下，并命名规范。二、登录icomoon，创建集合，并在该集合下导入图标。三、点击生成字体图标，并

2022-03-17 16:30:42 4588

原创 CSS3中font-face属性的用法详解

CSS3中font-face属性的用法详解@font-face是CSS3中的一个模块，主要是把自定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体。你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定

2021-07-23 09:23:54 3913

原创关于font-family字体以及-webkit-font-smoothing的CSS3字体属性

关于font-family字体以及-webkit-font-smoothing的CSS3字体属性

2021-07-22 11:00:13 275

原创关于CSS writing-mode 属性的认识

属性定义及使用说明：writing-mode 属性定义了文本在水平或垂直方向上如何排布。语法格式如下：writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lrhorizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottomvertical-r...

2019-10-12 10:04:57 191

原创 flex布局

页面布局是前端必须掌握的技术之一，更加简单页面的布局，移动端的布局flexible box布局，可以解决一些关于元素要定位到中间位置的情况。而对于传统的定位则一般用元素的display属性+positiong属性/float属性进行定位。实现的方法比较困难。而对于文本元素的对齐方式（水平对齐方式采用text-align属性），单行文本一般采用line-height属性。A Complete G...

2019-03-21 08:47:37 109

原创关于css行高line-height的一些笔记

前言对于CSS中的行高并没清楚的理解，为了更加理解其原理，通过查找了很多博客以及资料，对行高有了进一步的理解，下面通过这张图（在很多博客中有引用），对顶线、中线、基线、底线、行高、行内框、行框的理解有所帮助。在英文字母中有一个关键的字母x，具有其特殊的非常重要的意义，而CSS中的基线，正是字母x的下沿线，中线则是x的交叉点的水平线，底线是文本内容区的下沿线，顶线是文本内容区的上沿线，一定得记...

2019-03-15 10:07:53 297

原创理解z-index属性

理解CSS的 z-index属性通常情况下，HTML页面可以被认为是二维的，因为文本，图像和其他元素被排列在页面上而不重叠。在这种情况下，只有一个渲染进程，所有元素都知道其他元素所占用的空间。 z-index属性可让你在渲染内容时调整对象分层的顺序。在 CSS 2.1 中, 所有的盒模型元素都处于三维坐标系中。除了我们常用的横坐标和纵坐标，盒模型元素还可以沿着“z 轴”层叠摆放，当他们相...

2019-03-12 16:22:23 711

原创 Vue指令：v-text v-html v-if v-show v-else v-else-if v-for的理解

v-text &amp;amp;amp; v-htmlv-text是用于操作纯文本，它会显示对应的数据对象(data)上的值。当绑定的数据对象上的值发生改变，插值处的内容也会随之更新。注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化，并不会影响数据对象的值。其中：v-text可以简写为{{}},并且支持逻辑运算。 &amp;amp;lt;div id=&amp;quot;app&amp;quot;&a

2019-03-05 11:37:10 625

weixin_42723136的博客