[综合] spring框架优势介绍

1、方便解耦，简化开发 通过spring提供的Ioc容器，可以将对象间的依赖关系交由spring进行控制，避免硬编码所造成的过度程序耦合。用户也不必再为单例模式类、属性文件解析等这些很底层的需求编写代码，可以更专注于上层的应用。 2、AOP编程 通过spring的AOP功能，方便进行面向切面的编程，...

[综合] 微信小程序 点击按钮跳转至tabbar页面

在具有tabbar的页面中，倘若你要实现tabbar中的页面跳转（并不是跳转到此tabbar页面外的其他页面），使用wx.redirectTo或wx.navigateTo是实现不了的。 这里我们要使用另一种跳转方式wx.switchTab来实现。

[综合] 固定定位相对于当前父元素

我们知道，固定定位是相对于屏幕的。但是，怎么才能实现相对于当前父元素呢？那就是不使用topleftbottomright。而是使用margin-topmargin-leftmargin-bottommargin-right 直接上代码，测试一下，你会恍然大悟！ <!DOCTYPEhtml>...

[综合] 三种css预处理器的介绍与比较

一、介绍 CSS预处理器定义了一种新的语言，基本的思想是用一种专门的编程语言，开发者只需要使用这种语言进行编码工作，减少枯燥无味的CSS代码的编写过程的同时，它能让你的CSS具备更加简洁、适应性更强、可读性更加、层级关系更加明显、更易于代码的维护等诸多好处。 css预处理器种类繁多，三种主流css预...

[综合] vue中使用better-scroll实现页面滑动

1、安装better-scroll npminstall--savebetter-scroll 2、在组价中引用 importBScrollfrom'better-scroll' 3、创建滚动 newBScroll(Dom元素) 这里的Dom元素可以传一个类选择器，比如： newBScroll('....

[综合] vue中的push和replace跳转路由的区别

1.this.$router.push() 描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。 2.this.$router.replace() 描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一...

[综合] vue路由组件懒加载介绍及使用

一、什么是懒加载 在vue中组件懒加载又称为代码分割，也叫延迟加载，即在需要的时候进行加载，随用随载。 二、为什么要使用路由组件懒加载 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了...

[综合] vue-lazyload实现图片懒加载的方式

1、安装vue-lazyload npminstall--savevue-lazyload 2、在main.js中引入并申明使用 （1）引入 importVueLazyloadfrom'vue-lazyload' （2）申明使用 Vue.use(VueLazyload,{loading:'./com...

[综合] vue自定义时间过滤器之使用moment

一、安装moment.js npminstall--savemoment 二、自定义过滤器filter.js文件 //filter.jsimportVuefrom'vue' importmomentfrom'moment'Vue.filter('date-format',function(value...

[综合] vue自定义时间过滤器之使用date-fns

date-fns较moment相比，更为轻量化，在实际开发中推荐使用date-fns。下面还是介绍它的使用方式： 一、安装moment.js npminstall--savedate-fns 二、自定义过滤器filter.js文件 //filter.jsimportVuefrom'vue' impo...

[综合] 微信小程序定义双击事件

微信小程序暂不支持绑定双击事件，要想实现双击事件，只能通过我们写代码判断用户点击是否是双击行为，主要的技术点就是：记录下用户两次点击的时间戳，两个时间戳相减如果小于300毫秒，则是双击事件。 具体代码如下： .wxml <buttondata-time="{ {lastTapTime}}"da...

[综合] canvas是个好东西

最近在研究小程序生成图片分享功能，感觉那些能够自动生成图片的小程序特别炫酷，特别牛X。但是当你仔细学习下canvas时，发现也就那么回事~ .wxml <canvascanvas-id="shareCanvas"style="width:300px;height:600px"></...

[综合] js中的for循环出现异步函数，回调引用的循环值总是最后一步的值？

这几天跟着视频学习node.js，碰到很多的异步函数的问题，现在将for循环中出现的异步函数回调值的问题总结如下： 具体问题是关于遍历文件夹中的子文件夹的，for循环包裹异步函数的代码： for(vari=0;i<files.length;i++){varitemFile=files[i];f...

[综合] 数组的map方法

map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map()方法按照原始数组元素顺序依次处理元素。 注意：map()不会对空数组进行检测。 注意：map()不会改变原始数组。 constarrStr=["张三","李四","王五","赵六"];constresult=ar...

[综合] 数组的concat方法

concat()方法用于连接两个或多个数组。 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 下面来看一个例子： varhege=["Cecilie","Lone"]; varstale=["Emil","Tobias","Linus"]; varkai=["Robin"]; varc...

[综合] 微信小程序scroll-view左右横向滑动

小程序组件scroll-view中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现： 1.scroll-view中的需要滑动的元素不可以用float浮动； 2.scroll-view中的包裹需要滑动的元素的...

[综合] 微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况

项目需要做了一个图片拖动指定组件上删除，和排序的功能android测试正常，ios会出现拖动图片页面也跟着下滑的尴尬情况。查文档下拉刷新配置默认是关闭的，后经查找文档发现在本页面page.json配置项可通过 {"disableScroll":true } 来禁用页面下拉滚动不可在全局配置app.j...

[综合] React使用className引入多个类样式

在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。 比如说有一个固定样式"title": <divclassName="title">标题</div>， 然后还要一个点击高亮的样式: <divclassName={index===th...

[综合] react组件的构造方法 constructor()

react组件的构造方法constructor() constructor(props){ super(props); this.state={ }; } 1constructor必须用super()初始化this,可以绑定事件到this 2如果你在constructor中要使用this.pro...

[综合] react中ref的两种使用方法

ref一共有两种使用方式 回调函数形式（官方推荐） string形式 第一种回调函数形式 回调函数形式一共有三种触发方式 组件渲染后 组件卸载后 ref改变后 importReact,{Component}from'react' exportdefaultclassUserAddextend...