i.e <columnGroup name="column11" height="20" totalPosition="Start" headerPosition="Stretch"> demo result :  header part : col1111 data source: jasper file : <?xml version="1.0" encoding="UTF-…
Position of Totals RowThe totalPosition attribute controls the appearance of the row that displays the totals for the row group: Start: The row that displays the totals for the group precedes the rows corresponding to the groupfs bucket values (tota…
深入理解css中position属性及z-index属性 在网页设计中,position属性的使用是非常重要的.有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难. position属性共有四种不同的定位方法,分别是static.fixed.relative.absolute.最后将会介绍和position属性密切相关的z-index属性. 第一部分:position: static static定位是HTML元素的默认值,即没有定位,元素出现在正常的流中,因此,这种定位就不会收到t…
在移动端,position: fixed定位一般不被识别,或者在ios系统中,获取input焦点时,会导致position: fixed的top失效,下面是我验证过的方法,大家可以试试.<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-sca…
$httpProvider.interceptors.push(['$rootScope', '$q', '$localStorage', function ($rootScope, $q, $localStorage) { return { request: function (config) { // Header - Token config.headers = config.headers || {}; if ($localStorage.token) { config.headers.…
一.绝对定位的特征 绝对定位有着与浮动一样的特性,即包裹性和破坏性. 就破坏性而言,浮动仅仅破坏了元素的高度,保留了元素的宽度:而绝对定位的元素高度和宽度都没有了. 请看下面代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绝对定位的特征</title> <style> .box1,.box2,.box3 { backgrou…
经常在网页中看到这样一种效果,当页面滚动一段距离后,页面中的某个部分固定在一个区域(通常是头部导航),这种效果一般称为Sticky Header,如下图所示: 上述操作在Android系统中非常好实现,只需要监听onscroll事件并将实现逻辑写在里面即可,但iOS则不一样,它在页面scroll的时候,是不会执行代码的,直到页面停下来为止. 如此一来上面的效果就比较难实现了,因为不能实时更新导航条的位置,所以用户体验会与Android系统不一致.经过查阅资料,大概找了几种解决方案: 在iOS中同…
一种移动端position:absolute布局:   1.他父级不需要加上 position:relative; 如果父级不是不是body,则加position:absolute; 2.红色加量部分是必须加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <met…
ios position:fixed 上滑下拉抖动 最近呢遇到一个ios的兼容问题,界面是需要一个头底部的固定的效果,用的position:fixed定位布局,写完测试发现安卓手机正常的,按时ios上会出现上滑或者下拉的时候头部或者底部被带下来,然后过一会自己在滑上去,感觉很卡顿,感官很不好,最后发现是position:fixed的兼容问题 百度找了两个方案分别用了一下 方案一 transform: translateZ(0); -webkit-transform: translateZ(0);…
深入理解css中position属性及z-index属性 请看出处:https://www.cnblogs.com/zhuzhenwei918/p/6112034.html 在网页设计中,position属性的使用是非常重要的.有时如果不能认识清楚这个属性,将会给我们带来很多意想不到的困难. position属性共有四种不同的定位方法,分别是static.fixed.relative.absolute,sticky.最后将会介绍和position属性密切相关的z-index属性. 第一部分:po…
在移动web中使用position:fixed,会踩到很多坑,在我之前的一篇文章<移动端web页面使用position:fixed问题总结>中已经总结了很多bug,但是在后续的开发中有关fixed的未知bug越来越多,我也在尽量的寻找解决方案. 这篇文章就来先解决一个坑,fixed元素的宽度自适应. 当横屏时,fixed元素不能自适应横屏的宽度,bug表现如下: 这个bug主要在android自带浏览器下出现,与手机型号和系统版本无关,几乎所有android都无法幸免,在不同的手机下可能表现会…
回想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪存文件,里面包含的有视频或者图片.然而,随着移动开发的兴起,我们又回到了过去的窘状.网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我们加载应用程序更快速. 图片:控制在合适的尺寸大小 很多时候我们在不同的网站使用同样的图像,例如一个网上商店,所有产品 都 有一个概览图片.打个比方,有三个页面描述产品,第一个页面显示产品清单,第二个页面显示产品细节图…
Android4.0设置界面改动总结大概介绍了一下设置改tab风格,事实上原理非常easy,理解两个基本的函数就可以: ①.invalidateHeaders(),调用此函数将又一次调用onBuildHeader()来又一次读取xml文件里的header,又一次刷新HeaderAdapter中的数据,因此刷新了ListView的内容,从而更新了界面. ②.onBuildHeaders()中调用loadHeadersFromResource(resId, headers); 就可以又一次载入Hea…
为了与你之前,你已经设置了共享Tab风格和Item实现圆角.希望能给有须要的朋友一点点帮助,今天再和大家分享一下用ViewPager实现设置分页,小米和OPPO就是这种设置,先来看看效果图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2F5X3BpbmdfbGk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""…
原文:JavasScript实现调查问卷插件 鄙人屌丝程序猿一枚,闲来无事,想尝试攻城师是感觉,于是乎搞了点小玩意.用js实现调查问卷,实现了常规的题型,单选,多选,排序,填空,矩阵等. 遂开源贴出来与各程序员共享,聊以自慰. 前台代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Aim.Exami…
好久之前搭建的一个react执行环境,受历史影响是webpack3.10.0和webpack-dev-server2.7.1的环境,新项目准备用webpack4重新弄弄了,旧的记录就合并发布了(在没有快速目录的地方写的,之前是分为了10个文件) 所使用的一些包可能进过不断的迭代升级已不支持 01.初始化项目(安装需要的包) //生成package.json npm init 安装基础包 npm install react react-dom --save npm install webpack@…
  阅读目录 一.讲师与学生简介 二. 初始化 ,studyrecord, 三.初始化 course_record:批量生成学习记录 四. 考勤  url跳转 五.录入成绩 六.highcharts表的应用 七. student学生表,显示成绩(ajax) 八.代码总结 一.讲师与学生简介 1 初始化 course_record,studyrecord, 2 考勤 3 录入成绩 4 显示成绩 ajax 查询 二. 初始化 ,studyrecord 1.生成studyrecord 首先应该创建这一…
  阅读目录 1.需求分析 2.数据库表设计 3.起步 4.录入数据 5.知识点 1.需求分析 CRM客户关系管理软件---> 学员管理 用户:企业内部用户 用户量: 业务场景: 2.数据库表设计 1 .表之间的对应关系 from django.db import models class Customer(models.Model): '''客户信息表''' pass class CustomerFollowUp(models.Model): '''客户跟进表''' pass class Co…
一.定位问题按照视频写代码时,发现元素“5个“”定位不对,如下图 正常位置为 还以为是哪里写错了,仔细研究了下,需要在父div上加relative. position:relative/absolute的父(祖先)节点的padding-box的区进行定位(忽略文字),找不到符合条件的父(祖先)节点,则相对浏览器窗口进行定位.没有设置了TRBL则默认浮动,默认浮动在父级节点的content-box区. <style lang="stylus" rel="styleshee…
2018-10-21 13:35:19 crm第一天!放上初始源码! 后面等做完最后一天的手放上所有源码! 越努力越幸运!永远不要高估自己! 注意 多层for循环的时候,切记,不要名字重复!啦!!!!!不要名字重复!啦!!!!!不要名字重复!啦!!!!!不要名字重复!啦!!!!! 注意语法: 如果在某个model里面定义有元组 如果想取到该字段元组后面的值比如"男","女" 则需要调用 obj.get_gender_display() 若是用getattr()的方法…
2018-10-20 19:37:31 stark组件已经做完!基本上和Django的admin一样! 放上github连接:https://github.com/TrueNewBee/pythonDemo/blob/master/stark.rar 放上正版的stark组件: https://github.com/TrueNewBee/pythonDemo/blob/master/stark%E6%BA%90%E7%89%88%E6%9C%AC.zip 2018-10-21 21:49:59…
1.熟悉项目开发流程 需求分析——>脚手架工具——>数据mock——>架构设计——>代码编写——>自测——>编译打包. 2.熟悉代码规范 从架构设计.组件抽象.模块拆分,到代码风格统一.CSS代码规范和JavaScript变量命名规范,以标准写代码,开发出扩展性.通用性强的优质代码. 3.掌握Vue.js在实战中应用 4.学会使用Vue.js完整地开发移动端App 5.学会工程化开发.组件化开发和模块化开发的方式 6.酷炫的交互设计 所用到的技术 后端:vue-reso…
1.销售与客户的表结构 1.公共客户与我的客户 ---公共客户(公共资源) 1.没有报名 2.3天没有跟进 3.15天没有成单 客户分布表 龙泰 男 yuan 2018-5-1 3天未跟进 龙泰 男 三江 2018-5-5 15天未成单 龙泰 男 暴雨 2018-5-21 正在跟进 ---我的客户(抢单) crontab: 2018-5-15 12:00 龙泰 男 三江 2018-5-15 正在跟进 2018-5-16 0:0 2018-5-17 0:0 2018-5-18 0:0 2018-5…
一.讲师与学生简介 1 初始化 course_record,studyrecord, 2 考勤 3 录入成绩 4 显示成绩 ajax 查询 5 上传作业(os模块) 6 下载作业 二. 初始化 ,studyrecord, 1.生成studyrecord 2.批量初始化迟到 class StudyRecordConfig(ModelStark): def patch_late(self, request, queryset): queryset.update(record='late') patc…
1.需求分析 CRM客户关系管理软件---> 学员管理 用户:企业内部用户 用户量: 业务场景: 2.数据库表设计 1 .表之间的对应关系 from django.db import models class Customer(models.Model): '''客户信息表''' pass class CustomerFollowUp(models.Model): '''客户跟进表''' pass class Course(models.Model): '''课程表''' pass class…
回想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片.然而,随着移动开发的兴起,我们又回到了过去的窘状.网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我 们加载应用程序更快速. 图片:控制在合适的尺寸大小 很多时候我们在不同的网站使用同样的图像,例如一个网上商店,所有产品 都 有一个概览图片.打个比方,有三个页面描述产品,第一个页面显示产品清单,第二个页面显示产品细…
来源:GBin1.com 回 想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片.然而,随着移动开发的兴起,我们又回到了过去的窘状.网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我 们加载应用程序更快速. 图片:控制在合适的尺寸大小 很多时候我们在不同的网站使用同样的图像,例如一个网上商店,所有产品 都 有一个概览图片.打个比方,有三个页面描述产品,第一个页面显示产…
1. 登陆验证码 当用户登陆的时候我们希望也弹出验证码,有两种方法可以实现:一是再增加一个弹出验证码的dialog,二是和注册共用一个验证码dialog.第一种方法有大量重复代码,所以我们使用第二种方法.首先,为了让javascript区分是登陆还是注册,我们给验证码表单增加一个自定义属性:form-click. login.js <form id="verify_register" form-click=""> <ol class="v…
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI! 安装组件库 在项目目录下执行:npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行:npm i babel-plugin-import -D 安装一个babel插件用于做组件的按需加载(否则项目会打包整个组件库,非常大) 根目录下新建.roadhogrc文件(别忘了前面的点,这是roadhog工具的配置文件,下面的代码用于加载上一个命令安装的import插件),写入: { "extraBa…
接口参数签名校验,是WebApi接口服务最重要的安全防护手段之一. 结合项目中实际使用情况,介绍下前后端参数签名校验实现方案. 签名校验规则 http请求,有两种传参形式: 1.通过url传参,最常见的就是get请求(实际上post,put,delete都可以使用这种传参方式),如: http://api.XXX.com/getproduct?id=value1 2.通过request body传参,最常见的就是post请求,如下图所示 我们针对于以上两种传参方式,采用不同的签名校验规则(注:签…