随笔分类 - 前端知识
摘要：一般都是eslint 的检查导致的问题 可以在 useEffect 后加入 // eslint-disable-line 注释警告就可以解除了，比如有些时候你只希望useEffect 初始化的时候加载一次，但是里面的函数活或者变量他会提示你这个警告，就可以使用这个注释，使用方法例如： useEffe
阅读全文
摘要：记录： 代码： <template> <div> 结果： <input type="text" :value="ret" > <button @click="add">添加</button> <br> <input type="text" v-model="num" > <button @click
阅读全文
摘要：function PrefixInteger(num, length) { return (Array(length).join('0') + num).slice(-length);} 第一个参数是数字，第二个参数是这个数字要多长，比如PrefixInteger(5，2)输出就是05
阅读全文
摘要：监听前进后退在h5的popstate出来之前是不可能做到的，现在通过popstate就能做到，MDN这么说的： 当活动历史记录条目更改时，将触发popstate事件。如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState
阅读全文
摘要：再axios种传入 application/x-www-form-urlencoded 这样格式的参数，需要如下写法： axios({ url: `你的url`, method: 'POST', // withCredentials: true,//如果需要cookie要加这个 // credent
阅读全文
摘要：axios默认使用application/json的请求方式，但是修改成 application/x-www-form-urlencoded 的话一个是通过拦截器封装修改，但是不需要封装的话可以这么写： axios.post( 'url', { 你的json格式数据 }, { headers: {
阅读全文
摘要：这个时间轴可以播放，翻篇，进行一些配置， HTML： <div class="timeline-container"> <div class="item"> <div class="list" v-for="(item, index) in dataChart" :key="item.id" @cl
阅读全文
摘要：/** * 精度和数字的千位分隔符处理,s是要处理的数据,n是精度，0就是整数 */ fmoney(s, n) { n = n >= 0 && n <= 20 ? n : 2; let unit = (s + "").replace(/[!^\d\.-]/g, ""); s = parseFloat
阅读全文
摘要：在可视化的组件开发中如果要穿透第三方的ui组件在vue文件中不能使用scope的情况下，可以使用内部样式去编写覆盖代码如下： /** * 设置内部样式 * @param {*} textContent 样式模板字符串 * @param {*} id 样式唯一ID * @param {*} prefi
阅读全文
摘要：.tree-panel { width: 100%; overflow: auto; position: absolute; left: 0; top: 100%; margin-top: 8px; .el-tree { background-color: pink; width: fit-cont
阅读全文
摘要：以vue的项目为例如下： <template> <div> 111 </div> </template> <script> export default { name: 'Test', mounted() { document.getElementsByTagName('body')[0].styl
阅读全文
摘要：我有一段写星星等级的代码，后台返回的是一个数字，我要根据数字说明我有几个星，一开始这么写的 <ul className='star-list'> {(() => { let dom='' if (item.startLevel) { for (let i = 0; i < item.startLev
阅读全文
摘要：比如有些值：100个，50起。之类的值到前台以后可能要对值和单位的字体大小分别做处理，这时候可以使用正则替换去分别获取，代码如下：（这里说的是汉字单位） 获取数值（）： getNum(val) { return val.replace(/[\u4E00-\u9FA5\\s]+/, '') }, 获取
阅读全文
摘要：以sass写法为例： .list{ // 出现滚动条的时候不占宽度 overflow-y: overlay !important; // 加这个防止出现滚动条在表格、列表下方导致滚动条样式不对的问题 z-index: 10000; &::-webkit-scrollbar { background:
阅读全文
摘要：这个方法不转小数： function numFormat(num){ num=num.toString().split("."); // 分隔小数点 var arr=num[0].split("").reverse(); // 转换成字符数组并且倒序排列 var res=[]; for(var i=
阅读全文
摘要：react中，单独使用usereducer的hooks进行开发的话会出现重复渲染的情况，代码如下： // const setHotelList= const [hotelList,dispatchHotelList]=useReducer((state: any[],action: any)=>{
阅读全文
摘要：今天TSX文件报错内容如标题，经过查证才知道组件的命名要首字母大写，示例代码如下： import React from "react"; import Condition from './Condition'; interface propsTypes { } function KeyWordDom
阅读全文
摘要：/** * 指定数组内的数组项位置交换 * @param arr 选定的数组 * @param index1 交换的目标索引 * @param index2 要换到哪个位置的索引 */ export const swapArray=(arr:[], index1:number, index2:num
阅读全文
摘要：在开发项目的时候遇见了eslint检查和vetur的格式化冲突的问题，比如img标签格式化要又斜杠，但是eslint的规则就是不要斜杠（我们公司的规则，感觉真Sb），同时也还是觉得eslint是真TND不方便，所以研究后发现了解决办法防止报错： .eslintrc.js文件如下： module.ex
阅读全文
摘要：HTML: <span class="info" data-title="详情"></span> css(sass): .info { } &:hover::after { content: attr(data-title); display: inline-block; width: 70px;
阅读全文
浙公网安备 33010602011771号