- 博客(77)
- 收藏
- 关注
RSS订阅原创 css引入方式
css：(cascading style sheet)层叠样式表一.css引入方式1.行间样式<div style="width:100px;height:100px;background-color:red;"></div>2.页面级css<style>.app{ width:100px;}</style>3.外部css文...
2019-10-22 17:51:09
120
原创 css选择器
父子选择器父子选择器也叫派生选择器，特点是组合使用—关联。关联是一个用空格隔开的两个或更多的单元选择符组成的字符串，优先权比单一选择符大。1.p .content{ }表示p标签下的所有class为content的标签，而其他部分不受影响<style> div em{ background-color: yellow; }</s...
2019-10-22 16:31:17
307
原创 position属性
一.absolute定位设置为绝对定位的元素框从文档流完全删除，元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。脱离原来位置进行定位即已经不属于这个层面了。绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置<style> .one{ ...
2019-10-17 21:58:32
389
原创 body标签自带margin值
由于一般浏览器都给body设置了8px的 margin值，因此如果我们不做单独的处理，那么他就会留存一个间隙。块元素好多都有默认边距，因此我们需要消除他们以方便进行统一设置。例如：<style> div{ width: 100px; height: 100px; background-color: red; ...
2019-10-17 19:08:56
3052
2
原创 文本样式
文本样式text-align：水平对其方式，默认左对齐。left,center,rightline-height：每行的高度。确定行高后，行里的文本自动垂直居中text-indent：首行缩进，通常设为2em即缩进两个文本。1em=1*font-sizetext-decoration：none，underline(下划线)，line-through(中间线即删除线)1.例一<st...
2019-10-17 18:59:30
156
原创 border标签用法
border标签用法1.例一<style> div{ width: 0px; height: 0px; border: 50px solid black; /*后面的会覆盖前面的*/ border-top-color: black; border-right-color: yel...
2019-10-17 14:13:50
2780
原创 a标签用法
1.超链接2.锚点根据id<body><div id="demo1" style="height: 100px;width: 100px;background-color:red ">demo1</div><br><br><br><br><br><br><br><...
2019-10-16 16:50:37
387
原创 img标签
一：img标签属性语法1.alt属性alt属性即图片占位符，当图片显示不出来时才显示alt的文字，图片正常显示则该属性无用2.title属性图片提示符二：img图片引入三种方式1.网上url比如引入百度的图片这里的地址引入是显示不出来的，因为这是百度自己图片的地址，引入的正确地址应该是重新在新标签打开的地址。右键图片，选择“在新标签页中打开图片”，如下：上面的地址引入才...
2019-10-16 15:44:55
1557
原创 问题集中营
1.地址栏中#作用2.data-toggle属性用法3.<section>标签4.JSR303-Bean validation5.union和union all区别6.oracle使用虚拟表dual一次插入多条记录7.websocket、AppConfig8.socket与websocket区别9.tbody这个标记是相对于表格来说的，对于比较复杂的页面，页面的排版用到...
2019-09-29 16:52:50
121
原创 前端记事本
前端记事本一.有时候border：solid 3px #003377;报错，解决办法：拆开写。border-style: solid;border-width: 1px;border-color: cyan;
2019-09-27 14:28:16
706
原创 元素绑定指令 v-bind
元素绑定指令 v-bind完整格式：v-bind：元素的属性名=‘xxxxx’缩写格式：：元素的属性名=‘xxxxx’作用：将数据动态绑定到指定的元素上<body> <div id="app"> <h3>v-bind 属性绑定指令</h3> <!-- 红色字体是正常的 --> <i...
2019-09-08 22:34:32
239
原创 分析MVVM模型
分析MVVM模型常见面试题：什么是 MVVM 模型？1.MVVM 是 Model-View-ViewModel 的缩写，它是一种软件架构风格Model：模型， 数据对象（data选项当中 的）View：视图，模板页面（用于渲染数据）ViewModel：视图模型，其实本质上就是 Vue 实例2.它的哲学思想是：通过数据驱动视图3.把需要改变视图的数据初始化到 Vue中，然后再...
2019-09-08 16:19:30
409
原创 vue概要介绍
vue概要介绍1.Vue 是什么主流的渐进式 JavaScript 框架2.什么是渐近式可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似 JQuery 库来使用。也可以使用Vue全家桶框架来开发大型的单页面应用程序 。3.使用它的原因vue.js 体积小，编码简洁优雅，运行效率高，用户体验好. 无Dom操作，它能提高网站应用程序的开发效率。4.什么场景下使用它一...
2019-09-07 23:45:07
261
原创 EditPlus添加到右键菜单
EditPlus添加到右键菜单1.打开editplus，tools–>Configure User Tools2.选中general，勾选add editplus to right mouse button3.点击OK
2019-09-03 14:45:01
604
原创 npm概念
npm概念一.什么是npmnpm全称Node Package Manager，它是JavaScript的包管理工具，并且是Node.js平台的默认包管理工具。通过npm可以安装、共享、分发代码，管理项目依赖关系。（Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言）可从...
2019-09-03 14:19:07
427
原创 model
modelModel类型，该类型是一个包含Map的Spring框架类型。在每次调用请求处理方法时，SpringMVC都将创建Model对象。
2019-09-02 09:59:32
131
原创 自定义事件
自定义事件一.概念父组件是使用props传递数据给子组件，但如果子组件要把数据传递回去，应该怎么做？那就是自定义事件！每个Vue实例都实现了事件接口（Evens interface），即：使用$on（eventName）监听事件使用$emit（eventName）触发事件另外，父组件可以在使用子组件的地方直接用v-on或者@（不用$on）来监听子组件触发的事件。二.例子<bo...
2019-08-29 11:53:55
143
原创 验证组件中data必须是函数
验证组件中data必须是函数<body><div id="app"> <ton></ton> <ton></ton> <ton></ton></div><template id="myone"> <button @click="cou...
2019-08-28 13:48:36
181
原创 template和script标签
templte标签把模板代码放在component的template里，不好排版，看着难受。。。。。可以把代码用template标签单独拎出来。1.步骤创建模板<template id="myone"> <h1>哈哈哈</h1></template>注册组件（用id关联）局部组件： new Vue({ ...
2019-08-28 13:10:01
2056
原创 父子组件
父子组件<body><div id="app"> <ton></ton></div></body><script> //创建子构造器 var child1=Vue.extend({ template:'<h1>我是子一</h1>' }...
2019-08-28 11:48:39
521
原创 局部组件
局部组件调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue示例下使用。如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的components属性实现局部注册。component就代表全局组件，components代表局部组件。1.完整代码如下<body><div id="app"> <t...
2019-08-28 11:19:24
413
原创 全局组件
全局组件组件可以扩展 HTML 元素，封装可重用的代码。组件是可复用的 Vue 实例，且带有一个名字。1.创建步骤：创建组件构造器 var myton=Vue.extend({ //data必须是个函数 data:function () { return{ count:...
2019-08-28 10:49:03
1065
原创 输出html指令 v-html
v-html解析了标签属性，而不是如v-text那样原样输出。<body><div id="app"> <p v-html="website"></p></div></body><script> new Vue({ el:"#app", data:{ ...
2019-08-27 16:18:16
1013
原创 v-text
v-text<body><div id="app"> <p>{{msg}}hhhh</p></div></body><script> var vm=new Vue({ el:"#app", data:{ msg:"wo" }...
2019-08-27 16:06:49
210
原创 v-for
v-for基于数据渲染一个列表，类似于JS中的遍历。其数据类型可以是Array|Object|Number|String。该指令之前，必须使用特定的语法(item，index) in items，为当前遍历元素提供别名，v-for的优先级别高于v-if之类的其他指令。另外也可以为数组索引指定别名 (或者用于对象的键)：<div v-for="(item, index) in item...
2019-08-27 15:50:47
536
原创 v-show条件渲染
v-show条件渲染1.另一个用于根据条件展示元素的选项是 v-show 指令。用法大致一样：<h1 v-show="ok">Hello!</h1>值0也表示false，其他数值表示true。不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display。注意，v-show 不支持 <t...
2019-08-27 11:56:13
3199
原创 v-if
v-if 条件渲染1.v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 也可以用 v-else 添加一个“else 块”：<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else-if="msg">Vue is msg!</h1><...
2019-08-27 11:29:26
693
原创 v-once
v-once只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。例如：<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../...
2019-08-27 10:28:30
198
原创 vue引用方式
vue引用方式1.通过npm install vue下载下来进入E:\vue目录，在此处打开命令窗口，输入npm install vue，结果如下：生成了一个文件夹和一个文件，而所有的关于vue的包在E:\vue\node_modules\vue\dist目录下。2.通过vue cli脚手架...
2019-08-27 09:42:34
354
原创 Spring的配置文件
Spring的配置文件Spring的配置文件需配置：扫描包、数据源、配置JDBC模板、为数据源添加事务管理器、编写通知声明事 务、配置Mybatis工厂并指定数据源。...
2019-08-26 10:02:14
148
原创 eclipse的servers只能添加tomcat6及以下解决办法
eclipse的servers只能添加tomcat6及以下解决办法关闭eclipse进入D:\eclipse-workspace.metadata.plugins\org.eclipse.core.runtime.settings目录删除org.eclipse.wst.server.core.prefs和org.eclipse.jst.server.tomcat.core.prefs两个p...
2019-08-20 23:12:29
399
原创 pom.xml视图操作
pom.xml视图操作比如创建了三个maven项目：test-parent为pom类型；test1为jar类型；test为war类型。1. 依赖关系添加（test依赖test1）点击test项目的pom.xml，点击dependencies，点击add点击add后，页面如下：输入test，下面搜寻结果出现3个，选中test1即可。2. 继承关系添加（test1继承test-par...
2019-08-19 15:11:12
829
原创 生成web.xml方法
生成web.xml方法右键项目名称–>properties–>project facets取消勾选Dynamic Web Module，点击apply勾选Dynamic Web Module，图如下点击Further configuration availiable，弹出的页面如下：可以指定web.xml位置，如把webcontent换为src/main/web，点击O...
2019-08-19 14:38:34
1090
原创 数据绑定v-model
v-model简单示例简单示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双向数据绑定</title> <script src="vue.min.js"></script><...
2019-08-14 11:37:05
181
原创 cnpm不是内部或外部命令解决办法
cnpm不是内部或外部命令解决办法1. 安装nodejs(第四步选择add to path)https://www.cnblogs.com/liuqiyun/p/8133904.html2.安装cnpm我们在windows系统安装完node.js和npm(npm为node.js自带)后，由于需要加速从而选择安装cnpm，命令如下：npm install -g cnpm --registr...
2019-08-13 15:21:03
1969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人