10 2020 档案

鼠标悬停添加遮罩及图标。
摘要：这个原理主要是使用了 ::before或者::after 这个伪元素，和 :hover 这个伪类， 关于伪类和伪元素需要知道： 伪类及在当前元素被出发后添加一些CSS样式，伪类与伪元素是预先定义的，独立于文档元素的，能后被浏览器自动识别，处于特殊状态的元素称为伪类，伪元素指元素中特变的一部分。伪类： 阅读全文
posted @ 2020-10-25 13:18 山河已无恙 阅读(1396) 评论(0) 推荐(2) 编辑
鼠标悬浮显示图标文字
摘要：重点：父级元素使用position:relative，子级元素使用position:absolute，进行定位。 鼠标悬浮 let div = $('<div class="boxCardUploadImg" ondblclick="handlePictureCardPreview(this)">< 阅读全文
posted @ 2020-10-22 20:40 山河已无恙 阅读(962) 评论(0) 推荐(0) 编辑
js和vue方法的相互调用（iframe父子页面的方法相互调用）。
摘要：项目是前后端不分离的，模板引擎使用的JSP。 但是使用了Vue+ElementUI，这里列举一些常用的调用方式，有时候可能。 在js里调用vue方法 我们需要把方法注册到vue对象之外的页面，所以对与在methods中定义的方法，需要在mounted中注册给window。之后我们可以在js里直接调用 阅读全文
posted @ 2020-10-22 20:28 山河已无恙 阅读(9874) 评论(1) 推荐(2) 编辑
button点击刷新页面问题
摘要：解决办法是button按钮添加一个type属性。并且设置为button， 原因是，浏览器默认的处理行为认为是作为表单提交的按钮处理，所以会提交。 这里显示定义一下就OK <button type="button" id="history_button" onclick="questionsHisto 阅读全文
posted @ 2020-10-20 20:38 山河已无恙 阅读(159) 评论(0) 推荐(0) 编辑
ElementUI级联选择器动态加载Demo
摘要：嗯，今天项目遇到，弄了一会，这里分享一下，不足之处请小伙伴指出来， 官网Demo： <el-cascader :props="props"></el-cascader> <script> let id = 0; export default { data() { return { props: { 阅读全文
posted @ 2020-10-20 20:36 山河已无恙 阅读(2575) 评论(0) 推荐(0) 编辑
谷歌复制接口json
摘要：1. F12后查看接口请求入参，右键点击需要处理的对象，会出现Store as global variable 2. 点击Store as global variable后，下方console会出现temp变量 3. 输入copy(temp)命令，此时Json入参会被复制到粘贴板 4. ctrl+v 阅读全文
posted @ 2020-10-15 13:18 山河已无恙 阅读(399) 评论(0) 推荐(1) 编辑
vue拼图动画Demo
摘要：这是一个基于vue的Demo，可以实现拼图动画，但是具体的没有写拼图成功的逻辑，鼠标悬停移动。周期刷新 我把它放到的我的博客园界面上了。刷新界面可以看到。 演示地址 ：https://liruilongs.github.io/jigsawPuzzle.github.io/ 部分代码 <!DOCTYP 阅读全文
posted @ 2020-10-12 03:17 山河已无恙 阅读(292) 评论(0) 推荐(1) 编辑
如何获取一个类的全名
摘要：类名没有大写，....随便测一下。。。。API里有 package com.liruilong.fileserver; /** * @Description : * @Author: Liruilong * @Date: 2020/10/3 20:27 */ public class test { 阅读全文
posted @ 2020-10-03 20:47 山河已无恙 阅读(182) 评论(0) 推荐(0) 编辑
`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js（vue报错）
摘要：这个问题我的原因是版本不一致的导致的，多次install发现，每次的webpack-dev-server都是需要使用低版本的，但是默认使用的3.0的版本，如果直接install就会报这个错。 解决办法，每次npm install之后，把webpack-dev-server这个uninstall掉，然 阅读全文
posted @ 2020-10-03 07:39 山河已无恙 阅读(1568) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示