随笔分类 - 前端学习笔记
开发后端的程序员，前端也是要懂的
摘要：相关代码： body, html{ background-image: url(https://files.cnblogs.com/files/blogs/634541/bg.bmp); background-repeat: no-repeat; background-position: cente
阅读全文
摘要：页面效果图： 代码模板： 1 <v-block> 2 <input 3 type="file" 4 name="file" 5 class="el-upload__input" 6 @change="selectFileEvent(fileNameList)" 7 multiple 8 ref="f
阅读全文
摘要：解决方案： 通过this.$forceUpdate()函数实现（意思是强制更新）
阅读全文
摘要：js判断字符是否为空的方法: //判断字符是否为空的方法 function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ return false; } } 使
阅读全文
摘要：解决方案： 给需要隐藏滚动条的div设置滚动条隐藏 <div style="overflow:hidden"></div>
阅读全文
摘要：解决方法 左下角 齿轮 → 设置，输入 compactFolders ，勾选表示折叠空白文件夹，取消勾选表示不折叠。
阅读全文
摘要：// 闪烁动画 setInterval(function(){ $("选择器").fadeOut(200).fadeIn(200); },400);
阅读全文
摘要：1、创建前(beforeCreate) 在实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。 2、创建后(created) 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置:数据观测(data observer)，属性和方法的运算watch/event事件回调。然而，挂
阅读全文
摘要：前言——了解Vue实例的生命周期 下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。 引入Axios的CDN <script type="text/javascript" src="https://unpkg.com/axios/dist/a
阅读全文
摘要：组件化应用构建 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树： 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单： 1）模板：
阅读全文
摘要：前端页面 一、首先、在需要异步刷新的div上面定义fragment片段 1 <div th:fragment="fragmentSegment"> 2 需要异步刷新的div 3 </div> 二、主动加载数据 1 <script type="text/javascript" th:inline="j
阅读全文
摘要：方法：使用position属性的fixed属性值实现指定元素固定到某处 当前HTML结构：footer的直接父节点为body，且其他兄弟节点都没有用container容器包裹起来 HTML结构： 1 <body> 2 <div id="head">我是头部</div> 3 <div id="main
阅读全文
摘要：介绍 CSS3中的媒体查询，它可以根据用户设备的尺寸不同而调用不同的样式。它是一种向不同设备提供不同内容的简单而有效的方式，最常用的查询是处理视口高度和宽度的查询。 定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特
阅读全文
摘要：通过v-model实现数据的双向绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>双向绑定</title> <script type="text/javascript" src="https://cdn.
阅读全文
摘要：v-on指令可以绑定DOM事件，触发时运行一些JavaScript代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>事件绑定</title> 6 <!-- 1、导入Vue.js -->
阅读全文
摘要：提前要做的一件事：去网上下好Vue.js文件或者也可以直接通过cdn进行在线编程 第一步：启动IDEA，创建打开一个空的文件夹，并创建vue目录后如下图 第二步：在vue目录下创建一个名为demo01.html的静态文件，并编码如下 1 <!DOCTYPE html> 2 <html lang="e
阅读全文
摘要：代码如下： body{ background: url("https://blog-static.cnblogs.com/files/1471591945-lzp/969197-20170325160900815-1058599404.gif") no-repeat; background-size
阅读全文
