文章 javascript对象key和value的获取 一、方法一 // 自定义方法变量,获取对象的value,keys var values = function(object) { var values = []; for (var key in object) values.push(object[key]); return values; } var keys = function(ob JavaScript 云可乐 2022年03月28日 0 点赞 137 浏览
文章 react antd的Table组件实现鼠标移入某一行显示该行操作 一、实现思路实现思路(基于react hook 实现):定义一个state 值,记录当前鼠标移入行的索引,操作列使用 colume 的 render 属性自定义渲染内容,但是要给列宽,否则内容的显示隐藏会导致表格抖动,渲染内容通过对比本行索引(index)与 state 记录的索引,动态设置内容className,通过Table 的 onRow 属性,通过回调方法得到当前鼠标移入行的索引,并更新s React 云可乐 2022年03月28日 0 点赞 239 浏览
文章 React 中滑动手势的实现 笔记:项目需求要实现移动端左右滑动手势背景:移动端H5页面顶部有三个tab,可以通过点击切换页面,也需要通过左右滑动切换api: 绑定在Dom上的事件,onTouchStart + onTouchEnd一、代码HTML: <div className="introduction-container_body__content" onT React 云可乐 2022年03月28日 1 点赞 186 浏览
文章 类型“Window & typeof globalThis”上不存在属性“xxxxxx”。 一、背景在做React+typescript开发过程,给window对象添加属性并赋值时发现报错类型“Window & typeof globalThis”上不存在属性“xxxxxx”。原则上,TypeScript 需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口(浏览器、Node.js)或者第三方模块的时候,因为某些全局变量或者对象的方法并没有声明过,导致编译器的类型 React 忘川 2022年03月28日 0 点赞 301 浏览
文章 JavaScript 16进制色值获取反色色值 一、代码 var colorReverse = (oldColor) => { oldColor = '0x' + oldColor.replace(/#/g, ''); var str = '000000' + (0xFFFFFF - oldColor).toString(16); return '#'+ str.substring(str.length - 6, JavaScript 忘川 2022年03月24日 1 点赞 126 浏览
文章 JS修改对象属性的值 一、对象以数字为属性名 var foo={1:'a',2:'b'} foo['1']='c' console.log(foo) // { 1: "c", 2: "b" } 二、对象以字符为属性名 var bar = {a:1,b:2,c:3} bar.a= 'hello'; console.log(bar) //{ a: "hello&quo JavaScript 忘川 2022年03月24日 0 点赞 171 浏览
文章 git命令使用小结 git命令推荐:【git reflog】如果说 reset 是后悔药,那 reflog 就是强力后悔药,它记录了所有的 commit 操作记录,便于错误操作后找回记录使用场景:在使用 git reset,回退到了错误的、误删了别人的hash,再也找不到代码、回退到正确版本时,可使用【git reflog】查看当前分支中原有的所有hash,再次操作【git reset --reset | mixed 笔记分享 云可乐 2022年03月23日 0 点赞 135 浏览
文章 CSS 更改img或者background的图片颜色 一、代码 <img class="img" :src="example.png`" /> .img{ width: 16px; height: 16px; transform: translateY(-60px); filter: drop-shadow(#333333 0 60px) //颜色、x轴偏 CSS 云可乐 2022年03月22日 0 点赞 247 浏览
文章 antd Form组件行并列显示 formLayout 不起作用Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应: // 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal', const formLayout = { labelCol: { span: 4 }, wrapperCol: { span: React 云可乐 2022年03月22日 0 点赞 197 浏览
文章 react中引入图片路劲正确但是页面上不显示或者打包后不能正常显示的问题(转) https://www.1024sou.com/article/652880.html一、react中图片引入方式  以前我们用img引入图片只需要如下即可,在react中这样写会报错: <img src="../assets/zzsc1.png" />   下面总结了两种方式: React 云可乐 2022年03月18日 0 点赞 206 浏览
文章 JavaScript使用getAttribute 获取元素属性 一、背景定义和用法getAttribute() 方法通过名称获取属性的值。提示:如果你想返回属性请使用 getAttributeNode 方法。二、通过ClassName可能会报错:解决办法:使用id JavaScript 云可乐 2022年03月16日 0 点赞 179 浏览
文章 CSS伪元素画返回按钮箭头 一、效果二、代码截图:源码: <div className='introduction-container_header'> <div className="introduction-container_header__back" onClick={handler.back}> </di CSS 忘川 2022年03月16日 0 点赞 171 浏览
文章 react给一个div行内加背景图片并实现cover覆盖模式居中显示 div style={{ display: 'inline-block', width: '208px', height: '100%', background: `url("${thumb[0]}") center center / cover no-repeat`, } React 忘川 2022年03月15日 0 点赞 205 浏览
文章 弹性布局给DIV平均分配宽度 一、说明使用css3弹性布局。父级给定宽度: display:flex; flex-direction:row; 子元素全部设置flex:1二、示例html:css: CSS 忘川 2022年03月15日 0 点赞 412 浏览
文章 CSS背景图片自适应大小 一、代码 .introduction-container_body__content___box { width: 3.11rem; height: 4.61rem; background: url('../images/gift-content.png'); background-size: 100% 100%; } 二、效果https://blog.51cto.com/lock CSS 忘川 2022年03月15日 0 点赞 209 浏览
文章 JavaScript处理服务端接口返回字段是0时的方法 一、服务端返回数据二、前端处理 const cycleUpper = item.config?.cycle_upper !== undefined ? item.config?.cycle_upper : '---'; const cycleLower = item.config?.cycle_lower !== undefined ? item.config?.cycle_lower : '-- JavaScript 云可乐 2022年03月11日 1 点赞 269 浏览
文章 vue开发后台标签页导航 一、效果图二、代码TagNav: <template> <div class="tabNav"> <el-tabs v-model="pageCurrent" type="card" closable @tab Vue 忘川 2022年02月24日 1 点赞 163 浏览
文章 Sublime Text3 快速格式化代码 一、打开编辑器打开Sublime软件 PreFerences —> Key Bindings -User 如图:二、配置打开后,内容区添加代码:{“keys”: [“alt+shift+f”], “command”: “reindent”}保存即可。(alt+shift+f)可以自己改为任意键的组合,之后格式化代码时先全选,再按快捷键去格式化即可。 笔记分享 忘川 2022年02月24日 1 点赞 213 浏览
文章 Sublime 快速生成HTML结构 一、一般情况下 “!+ Tab ”可直接生成。二、Tab键失效时,可尝试如下两个措施:1、安装Emmet插件按“ctrl+shift+p”调出命令面板,然后输入“install Package”,最后在弹出的面板中输入emmet,点击可自动安装。若软件里无install Package组件,则执行:        (1)、按C 笔记分享 忘川 2022年02月24日 1 点赞 234 浏览