摘要:
使用博客园好久了,去年10月开始尝试写博客,虽然输出的内容水平还有待提高,不过也是锻炼了我整理内容,对外输出的能力。虽然读者寥寥,并且至今零评论,不过我还是最喜欢这个纯粹的博客平台,今天来用CSS绘制一下博客园的logo,表达我对她的喜爱。 阅读全文
摘要:
首先看效果,将显示比例调到200%,效果更明细 上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> < 阅读全文
摘要:
在现代js教程中看到通过德卡斯特里奥算法构造贝塞尔曲线的svg demo,觉得很有意思,尝试自己用canvas写一下 阅读全文
摘要:
##场景 我想给一个css类设置scale,需要根据data的变化来变化。因为使用这个类的元素是个组件库的弹窗,一开始是不存在的,所以不能直接写行内样式。 ##解决方案和示例 在data或者compute中给出前缀为--的css变量对象 computed: { cssVars() { return 阅读全文
摘要:
参考自前端大屏自适应 内容主要是上面的链接,需要补充的是,给定的宽度高度一定要是设计稿主体内容实际的高度,有些设计稿已经考虑了浏览器的导航栏。 然后刚好我这时候做的页面,要求不要在两边留白屏,那就缩放之后再调一下页面尺寸 ##要求 各种分辨率下 页面占满全屏,不能有白边,不能有滚动 图标等比例缩放, 阅读全文
摘要:
vue获取event 不填写时,默认第一个参数就是 event 对象。 <div @mouseleave="photoLeave"> 必须是 $event 的写法,该参数位置可随意,也可放在第一个。 <div @mouseleave="photoLeave($event)"> event.relat 阅读全文
摘要:
#实现效果 不需要点击el-image组件,而且通过其他方式自由触发大图预览效果,这里的el-image仅用于实现大图预览功能,所以这个底图是不显示的(通过css把它挪到屏幕外,暂时没想到更好的方法,如果有请评论告知一下) #写法 原本想通过获取el-image dom元素,dom.click()来 阅读全文
摘要:
使用element ui的el-upload组件上传图片 效果预览 下面是实现效果,接口方面是把有两个接口,一个接口上传图片,传参是图片和路径,返回值是路径。另一个接口是上传表单内容(用户,地址,照片),照片是传一个路径。 具体实现 html <el-form-item label="上传照片" p 阅读全文