云友论坛-让身边的朋友发现你

文章前端页面图片大小自动适应

一、a场景div 包着 &nbsp;img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } 二、b场景背景图片&nbsp; style="background-image: url(${user.headimgurl});background-size: cover; "

CSS 忘川 2022年05月18日 0 点赞 20 浏览

文章 Vue——前端生成二维码的示例

方式一：vue-qr1.安装 npm install vue-qr --save 2.引用import vueQr from 'vue-qr'3.使用 // logoSrc为logo的url地址(使用require的方式)；text为需要转换为二维码的内容 &lt;vue-qr :logoSrc="imageUrl" text="xxx" :size

Vue 忘川 2022年05月15日 0 点赞 34 浏览

文章 docker容器和镜像的停止和删除

docker容器和镜像的停止和删除1.列出所有docker镜像 docker images 2.删除所有停止的容器 docker container prune -f 3.删除所有不使用的镜像 docker image prune --force --all //或者 docker image prune -f -a &nbsp;https://blog.csdn.net/Trembl

笔记分享站长 2022年05月15日 0 点赞 35 浏览

文章 JavaScript动态改变下载按钮的状态

一、状态1.待安装2.安装中3.安装完成二、实现 &lt;div className='button'&gt; &lt;div className='button_status' onClick={() =&gt; clickButton(game)} style={btnStyle()} &gt; &l

JavaScript 云可乐 2022年05月10日 0 点赞 40 浏览

文章 JavaScript实现动态切换图片并铺满整个父级元素

JavaScript 云可乐 2022年05月10日 0 点赞 42 浏览

文章 JavaScript Array slice() 方法

在数组中读取元素： var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1,3); citrus 结果输出:Orange,Lemon定义和用法slice() 方法可从已有的数

JavaScript 云可乐 2022年05月09日 0 点赞 31 浏览

文章 javascript删除数组的后三位，获取数组的后三位

1. 获取数组的后三位 var data=["a1","a2","a3","a4","a5","a6"] //得出的结果就是["a4","a5","a6"] var arr=

JavaScript 云可乐 2022年05月09日 0 点赞 37 浏览

文章让一个块元素不占位置且可以绝对定位位置

思路：让父元素相对定位，子元素绝对定位 &lt;view class='butView'&gt; &lt;button id='{{index}}' bindtap="showview" type="primary" size ="mini" class='butAct'&gt;查看资质&lt

CSS 云可乐 2022年05月09日 0 点赞 36 浏览

文章前端图片转BASE64编码

一、方案一 // 图片路径 var img = "imgurl"; function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.he

JavaScript 云可乐 2022年04月28日 0 点赞 68 浏览

文章 vue中阻止click事件冒泡（防止触发另一个事件）的方法

方法一：使用vue阻止子级元素的click事件冒泡. &amp;lt;div @click=&quot;testFather()&quot;&amp;gt; &amp;lt;span @click.stop=&quot;testChild()&quot;&amp;gt;按钮test&amp;lt;/span&amp;gt;

Vue 云可乐 2022年04月14日 1 点赞 97 浏览

文章有些“奇怪”的scroll事件监听

一、前言在前端开发的过程中，对事件做监听是最平常不过，最近在一个H5项目中监听scroll滚动事件的时候，发现有一个奇怪的问题，经过一番查找，总算找到原因，这里总结一下以供参考。二、问题简述 &lt;body&gt; &lt;div class="app"&gt; &lt;div class="home&

JavaScript 云可乐 2022年04月12日 0 点赞 93 浏览

文章前端监听页面滚动高度

一、vue项目中（获取到父元素） mounted() { document.getElementsByClassName('home')[0].addEventListener('scroll', this.handleScroll, true) }, beforeDestroy() { document.getElementsByClassName('home')[0]

Vue 云可乐 2022年04月11日 0 点赞 89 浏览

文章 npm包的环境变量配置技巧

一、背景操作系统：Windows使用npm安装了yarn、whistle、cnpm,但调用这些命令的时候提示命令找不到。二、解决办法查看包的安装目录，发现都是安装成功的，此时需要全局配置环境变量。配置环境变量：找到下面这两个地方，分别添加上图几个指令存在的目录，即D:\node\node_global用户环境变量：系统环境变量：保存。然后再使用命令，&nbsp;

笔记分享 云可乐 2022年04月07日 1 点赞 137 浏览

文章设置、修改yarn源为taobao镜像源

1.查看当前镜像源 yarn config get registry 2.临时修改yarn源&nbsp; yarn save package_name --registry https://registry.npm.taobao.org/ 3.修改yarn源为taobao源 yarn config set registry https://registry.npm.taobao.org/

笔记分享 云可乐 2022年04月07日 0 点赞 156 浏览

文章 ubuntu 使用 nvm 安装 nodejs

一、背景机器：windows电脑系统：Ubuntu子系统二、下载 nvm1.进入Ubuntu子系统 mkdir nvm cd nvm/ 2.安装nvm wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash 提示内容： =&gt; Downloading nvm from

笔记分享 云可乐 2022年04月07日 1 点赞 130 浏览

文章 Windows下安装及使用NVM

一、下载nvm-windows 最新下载地址：https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip：这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。Source code(zip)：zip压缩的源码Sourc code(tar.gz

笔记分享 云可乐 2022年04月06日 1 点赞 226 浏览

文章 Ant Design的Table组件实现点击行事件

一、代码 const uploadFile = (record, step) =&gt; { console.log('record', record) console.log('step', step) // setUploadRecord(record) // setShowUpload(true) } &lt;Table c

React 云可乐 2022年03月30日 0 点赞 104 浏览

文章 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 点赞 85 浏览

文章 react antd的Table组件实现鼠标移入某一行显示该行操作

一、实现思路实现思路（基于react hook 实现）：定义一个state 值，记录当前鼠标移入行的索引，操作列使用 colume 的 render 属性自定义渲染内容，但是要给列宽，否则内容的显示隐藏会导致表格抖动，渲染内容通过对比本行索引（index）与 state 记录的索引，动态设置内容className，通过Table 的 onRow 属性，通过回调方法得到当前鼠标移入行的索引，并更新s

React 云可乐 2022年03月28日 0 点赞 132 浏览

文章 React 中滑动手势的实现

笔记：项目需求要实现移动端左右滑动手势背景：移动端H5页面顶部有三个tab，可以通过点击切换页面，也需要通过左右滑动切换api: 绑定在Dom上的事件，onTouchStart +&amp;nbsp;onTouchEnd一、代码HTML： &amp;lt;div className=&quot;introduction-container_body__content&quot; onT

React 云可乐 2022年03月28日 1 点赞 111 浏览

文章类型“Window & typeof globalThis”上不存在属性“xxxxxx”。

一、背景在做React+typescript开发过程，给window对象添加属性并赋值时发现报错类型“Window &amp; typeof globalThis”上不存在属性“xxxxxx”。原则上，TypeScript 需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口（浏览器、Node.js）或者第三方模块的时候，因为某些全局变量或者对象的方法并没有声明过，导致编译器的类型

React 忘川 2022年03月28日 0 点赞 170 浏览

文章 JavaScript 16进制色值获取反色色值

一、代码 var colorReverse = (oldColor) =&gt; { oldColor = '0x' + oldColor.replace(/#/g, ''); var str = '000000' + (0xFFFFFF - oldColor).toString(16); return '#'+ str.substring(str.length - 6,

JavaScript 忘川 2022年03月24日 1 点赞 87 浏览

文章阅读类

资源下载类

文章阅读类

资源下载类

电子作品集

应用软件下载

高品质的资源内涵

云创社区 交流经验之谈

瓜分百亿 合伙搞事

视频

文章

音乐

壁纸

图床

下载

专栏

留言

电子作品集

应用软件下载

高品质的资源内涵

云创社区 交流经验之谈

瓜分百亿 合伙搞事

网站热点 查看更多

云友论坛启动全民投稿计划

二级office 2020年新全真考场_2视频演示

二级office 2020年新全真考场_1视频演示

免责声明-云友论坛

MacBook Pro Retina

WIFI机器人

平衡车Plus

iPod Shuffle 播放器

最近更新 Typescript React ECMAscript Python Java 算法笔记

文章 前端页面图片大小自动适应

文章 Vue——前端生成二维码的示例

文章 docker容器和镜像的停止和删除

文章 JavaScript动态改变下载按钮的状态

文章 JavaScript实现动态切换图片并铺满整个父级元素

文章 JavaScript Array slice() 方法

文章 javascript删除数组的后三位，获取数组的后三位

文章 让一个块元素不占位置且可以绝对定位位置

文章 前端图片转BASE64编码

文章 vue中阻止click事件冒泡（防止触发另一个事件）的方法

文章 有些“奇怪”的scroll事件监听

文章 前端监听页面滚动高度

文章 npm包的环境变量配置技巧

文章 设置、修改yarn源为taobao镜像源

文章 ubuntu 使用 nvm 安装 nodejs

文章 Windows下安装及使用NVM

文章 Ant Design的Table组件实现点击行事件

文章 javascript对象key和value的获取

文章 react antd的Table组件实现鼠标移入某一行显示该行操作

文章 React 中滑动手势的实现

文章 类型“Window & typeof globalThis”上不存在属性“xxxxxx”。

文章 JavaScript 16进制色值获取反色色值

合作伙伴 感谢以下的合作伙伴的大力支持 联系我们

友情链接 申请友情链接请务必先做好本站链接 申请友链

云创社区交流经验之谈

瓜分百亿合伙搞事

云创社区交流经验之谈

瓜分百亿合伙搞事

网站热点
查看更多

最近更新

Typescript

React

ECMAscript

Python

Java

算法笔记