- 博客(15)
- 收藏
- 关注
RSS订阅
原创 只想写个求和: 从0.1+0.2不等于0.3 到 1.001*1000不等于1001 的心酸史
0.1 + 0.2 !== 0.3 // 这是在js中遇到的很神奇也很烦的问题原因首先我们需要知道：1 . Javascript采用了IEEE-745浮点数表示法2. 在计算机中都是以二进制进行存储所以我们再来看看：0.1 + 0.2先把 0.1 和 0.2 转换成二进制看看：0.1 => 0.0001 1001 1001 1001…（无限循环）0.2 => 0.0011 0011 0011 0011…（无限循环）而双精度浮点数的小数部分最多支持 52 位，所以两者相加.
2021-08-27 17:23:23
243
原创 VUE3与VUE2区别 在VUE3+vite2+ ＜script setup＞中的使用心得总结
本文主要介绍作者在使用过程中遇到的问题和知识点，开发环境是在vite2.0中，并且采用<script stup>语法糖进行开发生命周期函数Vue2.x 中含有8个生命周期函数：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedVue3中，新增了setup生命周期函数，其执行时期是在beforeCreate之前，因此此函数中是不能通过this来获取实例，将befo.
2021-06-11 11:56:33
1550
1
原创 前端实用网站和编辑器插件分享
精选网站JS简短代码片段：30秒的代码一行代码中可以解决(含TS写法)：1loc前端开源项目 CDN 加速服务: bootcdn猫云echarts例子：MAKEAPIE腾讯新闻前端团队(前端技术领域的最新优质内容)：TNTWeb工具网站正则表达式图形化：正则图形化工具中文编码范围，字符编码范围参考：汉字unicode编码表查询浏览器兼容性：兼容性查询caniuse贝塞尔曲线生成器：bezier在线开发环境的“沙盒”：CodeSandBox开发实用插件Webstorm:C
2022-02-11 14:27:18
473
2
原创 正则知识点(评论区留言补充完善)
正则符号元字符元字符描述.查找单个字符，除了换行和行结束符\w查找单词字符\W查找非单词字符\d查找数字\D查找非数字字符\s查找空白字符\S查找非空白字符\b匹配单词边界\D匹配非单词边界\0查找 NUL字符\n查找换行符\f查找换页符\r查找回车符\t查找制表符\v查找垂直制表符\xxx查找以八进制数 xxxx 规定的字符\xdd查找以十六进制数 dd
2021-11-29 16:09:07
351
原创 vite 多页面配置 后如何使用 router
衔接上一篇文章，vite多页面配置后发现router不能正常使用，就很头痛，然后东找找西凑凑总算找到了解决方案，文章有点啰嗦，需要看配置区别的请直接到最后vite2中如何引入router这里不再详细描述，文章很多老配置App.vue中： <router-link to="/index">路由-index</router-link><br/> <router-link to="/test">路由-test</router-link&g.
2021-10-13 18:31:26
5505
19
原创 vite 多页面配置
最近有多页面项目需要重构，就想试试使用vite，但是网上很多方法不太全面踩了不少的坑，网上的多页面配置方案也不少，我只给出了我成功配置并在使用的方案目录结构{ dist: // 存放打包后的文件, node_modules: , src: { assets: // 一些静态文件, components: // 公用组件, index: { // 页面1 index.html, main.js, App.vue, ... }, page: { // .
2021-10-12 17:59:52
14703
17
原创 设置flex:auto时,内容超出导致布局出错
场景：现在页面中存在4个盒子，其中两个盒子为固定宽度，另外两个盒子对剩余空间进行等分，并且根据内容进行滚动条显示期望的效果：尝试使用flex布局实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
2021-07-06 11:12:41
513
原创 采用hue-rotate做的七彩渐变时钟，可持续变色
本文以Vue3作为开发环境，其他请自行转换，想要修改渐变的起始和结束颜色，只需要修改colorStrat中的对应值效果图：vue代码奉上：<template> <div class="bigDiv"> <div :style="colorStrat" class="clockDiv"> <div class="clockTime"> <div class="content">{{ time.hou.
2021-06-11 16:18:46
429
原创 为了好玩儿，没事写的简单的七彩变色时钟！主要在颜色改变思路
简单的七彩变色时钟！（可自由改色）原创不易！！！！！！话不多说直接上代码，后面提供大致思路，大神请绕道！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
2019-12-26 22:53:58
593
1
原创 使用koala将CSS工程化管理之sass的常用语法：变量，嵌套，混合，注释
Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。1. 变量：便于修改声明：$变量名：变量值；使用：$变量名在嵌套规则内定义的变量只能在嵌套规则内使用（局部变量），不在嵌套规则内定义的变...
2019-12-25 17:24:53
249
原创 HTML+css+from表单元素知识总结
参数form 表示表单action 表示表单的提交地址method 表示表单的提交方式在制作静态页面时，可不用书写上述的属性在制作静态页面时，建议不要设置form元素的样式name：表示发送到服务器的键名value：发送到服务器的值autocomplete：规定是否启用缓存输入记忆，自动完成功能 <form action="" method="" autocomple...
2019-12-22 18:07:23
604
原创 link 和 @import的区别
从属关系的区别：@import 是css提供的语法规则，只有导入css 样式的作用link 是html提供的标签，不仅可以加载css样式，还可以做icon图（rel=“icon”）等。title里面的icon图加载顺序的区别：加载页面时,link引入的css会被同时加载@import 引入的css是在页面加载完毕之后再加载兼容性的区别：@import是css2.1时才...
2019-12-18 12:40:22
103
原创 HTML+CSS之src和href的区别
src：source指向外部资源的位置，指向的内容将会应用到文档的当前标签所在的位置（引入）href：指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义需要的锚点或资源之间定义一个链接或关系（引用）区别：请求资源类型不同href:请求网络资源src:将资源下载并应用到文档中作用结果不同href:用于在当前文档和引用资源之间确立联系src:用于替换当前内容...
2019-12-18 10:24:40
456
原创 父元素宽度一定，子元素完美均分父级宽度
我们都是爱美的生物，大多数要求对一个东西进行分割时，我们都会尽可能的均分它。在页面中，一个div盒子有的固定像素宽度，有的为百分比。如何能很好的均分一个div呢？以下将提供五个均分父元素的方法,其中 方法四flex布局为常用先提供原始代码及其展示：为了展示有所区别，便于观察，添加了padding，不同的子元素添加不同的border颜色html:<div class = "far...
2019-12-13 16:01:32
4689
原创 HTML+CSS爬坑之路-解决子元素浮动产生的高度坍塌
高度坍塌在刚接触HTML+CSS时，是否经常遇到这样的问题：咦，我的div高度怎么只有这么一点？这个盒子的内容怎么穿插在上个盒子的内容里面的？这些问题大多数都是因为浮动等产生的了高度坍塌！高度坍塌：当对子元素使用`float`浮动后，父元素的高度将不能够自适应增加，情况如下：案例代码：html:<div class="farther">farther 常规流 <...
2019-12-11 18:23:48
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人