wangxiaojie的精彩笔记
  • ionic框架获取页面距离顶部滚动了多少距离的方法

    众所周知用ionic框架开发手机app,为了页面能像源生app一样滑动流畅,页面的body高度永远是固定的等于窗口高度,滑动是靠ion-content标签里面生成的scroll div实现的,<div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);"></div>这是页面加载完成生成的div结构
  • css3 动画属性animation参数详解

    最近又要做一个旋转图片的效果,之前做旋转是用的animation配合transform做的,但是用起来效果没有animation要好。首先直接上代码<divclass="box"></div>.box{ animation:rotateinfinitelinear5s; -webkit-animation:rotateinfinitelinear5s; -moz-animation:rotateinfinitelinear5s; } @-webki
  • 使用webpack打包压缩项目文件中的js

    最近在学webpack打包js,分享一下自己的demo和webpack基本的用法。首先我们需要准备好2个环境。1.我们要安装nodejs,因为webpack基于nodejs,nodejs可以点击这里下载。2.需要安装git,而且你要会使用git。然后在dome文件夹下新建一个文件webpack.config.js,这个就是webpack的配置文件。这是我项目的文件目录1.首先我们要安装
  • validform表单验证插件

    分享一个表单验证插件,这个插件是一个轻量级插件,一般只需要引用一个js文件就行。首先上一下效果图,当我什么内容不输入时这个插件的提示效果。下面是当鼠标点击输入框 不输入之后鼠标离开的效果好了,现在开始介绍这个插件的用法,首先需要下载官网的插件文件 ,官网链接validform.rjboy.cn/document.html下载完成之后,
  • 子元素浮动时父元素浮动塌陷导致高度为0的解决方案

    最近在用ionic框架开发webapp项目,在这个框架的环境下,需要自己写布局的时候还是使用传统的float+position来进行页面布局,所以这就经常会遇到浮动塌陷的问题,下面推荐4个解决方案。1.overflow:hidden最常用的清除浮动方法依然是设置overflow为 hidden 或者 auto ,一般用这个方法都能解决问题,对于页面布局来说也比较
  • 分享一个css3新属性object-fit(图片上下左右垂直居中占满父容器显示)

    在做项目的过程中,我们经常会遇到图片需要占满父容器的情况,可是图片完全拉伸占满父容器要么就变形了,要么就会留下空白,这样不美观,尽管图片可以做成背景等比例占满容器并且居中,但是那不是最完美的解决方案。今天推荐一个css3新属性object-fit这是原始图片,就是需要放进盒子里面的图片object-fit有如下几个属性fill
  • 一些jquery小知识

    1.定义监听事件监听事件一般获取页面上最外面的div上面的classvar $scope = $('.main');$scope.on('click', '.btn', function () {//点击事件});$scope.on('blur', '.btn', function() {//失去焦点事件});$scope.on('change', '.btn', function() {//文本框的输入
  • layer弹出层的使用笔记

    最近流行使用layer弹出层插件,这个插件是专门做弹出,提示,弹出层等功能的插件。只需要引用下载的文件里面的layer.css和layer.js就可以直接在js里面调用到了。(引用这个插件之前需要引用jquery1.8)1.提示消息layer.msg("提示成功");2.弹出一个弹框提示layer.alert('请求失败');3.打开一个遮罩层窗口
  • 前端数据对接的ajax写法

    在工作中,前端写完了页面一般会继续写数据对接,和后端人员配合写js来传前后台的数据。1.最简单的写法,直接在页面里面写一个from表单比如要做一个评论的功能,在页面里面就是一个textarea输入框和一个input按钮<form action="{:MU('ajax/comment')}" method="post"> <input name=&q
  • 分享一些常用的jquery和css小知识

    jquery获取1.获取兄弟元素 $(".class").siblings()2.获取父级元素 $(".class").parent()3.获取子集元素 $(".class").children()点击给某个div增加或删除一个class1.添加一个样式 $(div).addClass("class")2.移除一个样式 $(div).removeClass("class")给某个div用js写