![](https://img-blog.csdnimg.cn/20190907175705207.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5
文章平均质量分 65
hello,是翠花呀
地势坤,君子以厚德载物
展开
-
css 实现页面区域分栏左右拉伸调整布局
想要实现如下图效果,红色可拉动的线往左边拉右边内容区域变大左边内容区域变小,往右边拉右边内容区域变小左边内容区域变大。我们先来了解一下 css 的resize属性直达w3s,resize: none|both|horizontal|vertical;可以调整元素是否可左右拖动。把 W3s 中的 resize 改为resize:horizontal;点击运行一下,就只可左右拉动。接下来我们把 w3s 里代码改为如下内容,然后点击运行<!DOCTYPE html><html>原创 2021-11-23 00:46:04 · 3066 阅读 · 1 评论 -
原生 js、html 写一个有固定列滚动的 table
像 element-ui 和 ant-ui 这些 UI 库他们提供的 table 组件都是可以设置固定列的,比如左边固定则滚动的时候左边不会随着滚动而看不见,右边固定则右侧一列是固定住不动的。接下来直接用 html 和 js 来尝试一下这种 table 的效果。- 一:固定列 这里我想使用`position: sticky;`直接达到相对 table 列的固定效果,不需要改变 dom 的结构。- 二:阴影 阴影的效果是,当 table 往右边滚,则左固定列显示阴影效果;当 table 往原创 2021-08-25 01:38:14 · 2641 阅读 · 2 评论 -
canvas 画一幅画
小时候经常喜欢画这样的画,有山有水有人家。 代码有点繁冗,把重复出现的代码用函数封装起来复用会好些~ 有木有感觉回到了童年?哈——哈代码如下:function createCanopyPath(context){ context.beginPath(); context.moveTo(-25,-100); context.lineTo(-10,-110); con原创 2017-05-22 22:32:15 · 423 阅读 · 0 评论 -
选择图片后预览(不上传至后台)
这里实现图片预览的最大功臣是FileReader。 FileReader是H5的一个接口 ,和FormData差不多。平常我们是不能直接访问到本地的文件,就算路径是对的也无济于事,但是使用FileReader就可以了。话不多说,直接上代码: 先在HTML 写个样式,大概这样子就行了 HTML代码大概是这样子<div class="form-group col-md-12"> <div原创 2017-08-04 18:59:33 · 2046 阅读 · 0 评论 -
nodejs简易上传富文本文件系统
nodejs 简易上传文件系统相关技术:nodejs、express前端没使用框架,用的 jquery,主要是后台结构。实现效果:1.登录(没有做过多验证,这里主要是文件编辑和上传)2.文件编辑。这里使用的是 wangEditor 编辑器。3.用户关闭浏览器再次打开编辑器,能看到上次编辑的内容。4.用户刷新界面能看到上次编辑的内容。5.文件保存6.文件删除。7.文件编辑。...原创 2019-08-22 00:28:17 · 832 阅读 · 0 评论 -
audio语音播放,在ios上失效
currentTime 属性设置失效当需要拖动滑块控制音频时,先设置音频只有在播放的状态下才能拖动重新设置currentTime。2.无法播放音频将动态渲染的audio ,只保留一个(界面中多个音频样式,但实际audio标签只有一个)。...原创 2019-04-30 16:03:18 · 3802 阅读 · 0 评论