前端技术实现
文章平均质量分 51
霸霸最棒
这个作者很懒,什么都没留下…
展开
-
已解决 js浮点数(小数)加减乘除丢失精度问题(霸霸看了都说好)
在 JavaScript 中整数和浮点数都属于Number数据类型,所有数字(包括整数)都是以 64 位浮点数形式储存。JavaScript 里的数字是采用IEEE 754标准的 64 位双精度浮点数,计算机进行计算的时候,会把数字转换为二进制,进行运算之后再转换为十进制,但是运算过程中小数部分最多支持52位,就会出现运算精度问题。javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这些函数返回较为精确的加减乘除结果。加法函数加法函数,用来得到精确的加法结果调用:accAdd(原创 2021-08-10 14:34:02 · 3137 阅读 · 1 评论 -
已解决 vue ,uniapp,微信小程序实时监听input只能输入为数字和小数点(霸霸看了都说好)
解决方案<input class="number_box_input" type="number" v-model="val" @input="checkNum($event)"/>// 方法checkNum(e) { let val = e.target.value.replace(/(^\s*)|(\s*$)/g, "") console.log(val); if (!val) { this.val = ''; return } var reg = /[^\d.]/原创 2021-08-10 11:34:38 · 1939 阅读 · 0 评论 -
常用scss函数基本使用及操作(mixin)
scss自出来之后,广受欢迎,如何能快速写出想要的css呢,可自定义一些scss方法,本人罗列了一些最近用到的scss函数,其实包括文本超出范围的格式化、弹性盒子居中、左浮动、右浮动、iPhone适配、细边框、图标、背景、伪类样式改变等。在scss中除了可以定义变量,具有@extend和@mixins等特性之外,还自备了一系列的函数功能。原创 2022-09-22 12:02:24 · 3071 阅读 · 0 评论 -
css3中的scroll-behavior属性 让滚动条可以平滑滚动动画
当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,当用户通过鼠标滑轮滚动或者手机触屏滚动,不受这个属性的影响。在根元素中指定这个属性时,它反而适用于视窗。: 表示允许滚动时采用平滑过渡,而不知直接滚动到相应位置,最常见的比如回到顶部按钮和锚点。: 默认值,表示滚动框立即滚动到指定位置。原创 2022-08-23 18:43:13 · 4389 阅读 · 0 评论 -
基于Vue-Cli 4+Vue 创建、发布自己的 UI、 H5组件库打包并发布到 npm(霸霸看了都说好)
文章目录1、创建项目1.1调整目录1.2.创建测试组件3、配置项目以支持新的目录结构4、根目录新增vue.config.js5、修改package.json6、发布到 npm,方便直接在项目中引用6.1在根目录添加 .npmignore 文件,设置忽略发布文件6.2登录到 npm6.3发布到 npm6.4发布成功7、使用新发布的组件库7.1安装组件库依赖全局注册7.1在组件中使用1、创建项目在指定目录中使用命令创建一个默认的项目,或者根据自己需要自己选择。vue create add-ui1.1调原创 2021-08-09 18:05:41 · 1149 阅读 · 0 评论 -
如何访问vue打包后的dist文件在本地启动并运行起来
本地测试运行vue打包后dist文件原创 2022-07-11 14:24:32 · 4708 阅读 · 0 评论 -
构建vue3+typescript+eslint+prettier项目
安装vue-cli3(需要安装3.x以上版本)npm install -g @vue/cli vue -Vvue create 【项目名】 【我们选择第三个自定义安装】 【(*号代表选中)根据自己项目需求空格选中,选中完回车确认】【选择vue版本,选择3.x】 到此为止,安装就完成了,可以等待安装成功。............原创 2022-07-01 18:00:03 · 429 阅读 · 0 评论 -
css快速解决方案,微信小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配
使用苹果官方推出适配方案css函数env()、constant()来适配苹果官方推荐使用env(),constant()来适配,建议使用该方案,不需要管数值具体是多少。这2个方法是什么呢?env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量:safe-area-inset-left:安全区域距离左边边界的距离safe-area-inset-right:安全区域距离右边边界的距离safe-area-inset-top:安全区原创 2021-12-24 14:26:17 · 3240 阅读 · 0 评论 -
微信小程序 icon图标 SVG代码转码为Base64编码格式并使用(霸霸看了都说好)
文章目录SVG 简介什么是SVGSVG有哪些优势SVG在小程序中的使用获取SVG资源获取对应SVG代码将SVG代码转码为Base64编码格式在具体代码中引用SVG展示效果SVG 简介什么是SVGSVG 意为可缩放矢量图形(Scalable Vector Graphics)。SVG 使用 XML 格式定义图像。它是可以用于描述静态图、动画,以及用户界面的一种图形格式。1999年由万维网联盟发布。于2013年成为W3C推荐标准。SVG有哪些优势SVG 可被非常多的工具读取和修改SVG 与JPE原创 2021-08-17 15:23:30 · 4592 阅读 · 0 评论 -
vue3 require.context 实现基础组件的自动化全局注册 模块自动化加载(霸霸看了都说好)
vue3 基础组件的自动化全局注册在日常开发中,有一些组件是比较常用,但是为了避免在开发过程中不停地引入,或者在main.js中注册,,或者每添加一个组件就需要手动注册一次。则直接进行自动化全局注册。由于全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生。在 Vue 3.0 项目的 main.js中,无法使用 Vue.omponent 进行组件注册, 取而代之的是 createApp() 返回的实例//main.jsimport { createApp } from原创 2021-08-13 14:54:56 · 1739 阅读 · 1 评论 -
vue运行报错 ./src/main.js in multi (webpack)-dev-server/client?...(霸霸看了都说好)
报错内容如下图:ERROR Failed to compile with 1 error 9:49:18This relative module was not found:./src/m原创 2021-08-13 09:58:15 · 19839 阅读 · 3 评论