随笔分类 - Web前端
Vue指令之v-html
摘要：v-html 指令的作用：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只会解析为文本 解析文本使用v-text,需要解析html结构使用v-html
elementui相对路径问题
摘要：需要引入相对图片路径才能使用 import jpg from '@/assets/img/Rectangle_9966.png'; export default { data() { return { url:jpg,
使用element中的Popover 弹出框实现图片放大预览效果
摘要：<el-popover placement="top-start" trigger="hover"> <img src="@/assets/img/Rectangle_9966.png"/> <img slot="reference" src="@/assets/img/Rectangle_9966
vue中create延时执行
摘要：created(){ this.getcredit() this.getcreditmsg() setTimeout(() => { // this.init(); this.listechart1() }, 900);//延时执行900ms },
uniapp文本过长省略或文本过长换行显示
摘要：文本过长显示省略号，一般高度固定且不是auto .plan_list_text{ width: 400rpx; margin-top: 15rpx; color: #b0b0b0; font-size: 0.7em; overflow: hidden; text-overflow:ellipsis;
css中的!important与/deep/
摘要：用来增加优先级，通常在改变框架的style中使用，用来自定义样式 /deep/ .uni-stat__select{ position: absolute !important; left: 200rpx; top: -31rpx; }
在vue中输入空格&在html中输入空格
摘要：在vue中输入空格 vue输入多个空格解决方法（uni-app也一样） |'nbsp' |'\u00a0' |不断行的空白格，该空格占据的宽度受字体影响(一个字符宽度)。| | - | - | - | |'ensp'|'\u2002'|相当全角状态键入半个“空格”键（半个汉字的宽度，一个字符宽度）。
使用float与inline-flex实现视图水平排列
摘要：需求 <view class="srk" style="border-bottom: 5rpx solid #e6e6e6;"> <text style="width: 40%;font-size: 30rpx;">主题名称</text> <input type="text" class="inpt
nvm使用教程
摘要：1.nvm是什么： nvm全名nodejs version manage,是一个nodejs的版本管理工具。 2.nvm有什么作用： nvm可以控制多个nodejs版本，没有安装nvm之前一个电脑上面只能有一个nodejs版本，开发中，新项目一般使用较新的nodejs版本，老项目使用老版本的node
node.js与npm
摘要：node.js介绍 Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ru
html+js登陆页面实现（包含验证码的实现）
摘要：<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>Signin Template for Bootstrap</title> <link href="https://cdn.jsdelivr.net/np
textarea设置不可编辑
摘要：不可编辑： <textarea disabled="disabled"></textarea> 如果仅仅用于禁止输入（只读，但有用），使用readonly属性 <textarea readonly="readonly"></textarea> 让textarea没有黄框且不能拖拽： textarea
构建一个可以实现百度与谷歌搜索的搜索框
摘要：搜索框 <form method="get" id="form"> <div class="input-group" style="margin-top: 100px;margin-left: 500px;margin-right: 500px;"> <span class="input-group
如何使用iconfont的CDN
摘要：如何使用iconfont的CDN iconfont作为阿里的图标库，在开发过成功用的已经是非常广泛了，但iconfont并不需要将图标下载后使用，而是可以直接用cdn引入使用，至于使用流程，请看下文。 http://www.iconfont.cn/ 搜索想要的图标，点击加入购物车。 在加入购物车之前
css中设置背景图片适应屏幕
摘要：以body为例 body{ background: url(../img/jld.png) no-repeat center center fixed; background-size: cover; } .bak{ background: url(~@/assets/img/Rectangle_9
