2018年03月___心诺

07月 06月 05月 04月 03月 02月

原创 jquery template.js前端模板引擎

1、加载模板引擎js（jquery.tmpl.js）可下载链接：https://github.com/BorisMoore/jquery-tmpl2、直接上代码<script type="text/javascript" src="${ctxStatic}/web/js/jquery.tmpl.js"></script>&l...

2018-03-28 16:31:22 4213

转载 vuejs2.0 vue实例的生命周期

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。从图上我们可以看到vue在生命周期中有这些状态，beforeCreate,created,beforeMount,mounted,beforeUpdat...

2018-03-26 23:46:11 330

原创 vuejs使用watch和this.$nextTick渲染页面后调用函数

vue中通过this.$router.push 动态跳转页面，跳转后参数不同，但跳转到的页面无法获取this.$route.query.id; 查官网资料，使用$nextTick方法，在下次DOM循环之后执行延迟回调，但还是无法获取。查看API使用watch方法，用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调，再次尝试，运行后发现还是不行。然后在网上发现，通过watc...

2018-03-26 23:37:25 8655

原创 VueJS页面渲染之后调用函数

vue.js提供的mounted函数，表示挂载到实例上去之后调用该钩子，但是第一次进入页面访问正常，数据正常，当刷新页面后，方法报401 未授权错误，此时查询官方api文档发现，有一个nextTick方法，意思是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。使用之后发现，不报错，方法执行正常。...

2018-03-26 22:00:40 20352 1

原创 spring boot Configuration Annotation Proessor not found in classpath

问题描述：出现spring boot Configuration Annotation Proessor not found in classpath的提示是在用了@ConfigurationProperties这个注解时，所以问题出现在ConfigurationProperties注解。根据提示的not found in classpath,查询此注解的使用关于怎么指定classpath,进而查...

2018-03-18 11:28:49 357 1

原创 css 内容超出了div的宽度如何自动换行

word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需要来绝对要不要*/

2018-03-16 13:32:00 59504 6

原创 js 复制链接

1、实现点击内容复制<!DOCTYPE html><html><head><script type="text/javascript"> function copyLink(){var e = document.getElementById("copy");e.select(); // 选择对象document.execCommand(...

2018-03-02 09:54:03 4497 1

原创 css搜索框样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-03-01 09:05:38 3786

原创 JQuery div滚动至浏览器顶部位置固定

获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。方法一：$(function() { var elm = $('.nav'); var startPos = $(elm).offset().top; $.event.add(window, "scroll", fun...

2018-03-01 09:03:55 2858

原创 css设置滚动条的样式

<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容</p> </div></div>css.inner{ width: 265px;

2018-03-01 08:59:33 181

原创 css设置背景颜色的亮度

使用方法：div{background-color: red;-webkit-filter:brightness(1);//兼容不同浏览器-o-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1);//设置亮度值，范围：0-1}动态设置亮度值var tem = 0.5; $(".div").css('filter',...

2018-03-01 08:54:52 11902