text-align:justify实现单行文本两端对齐
[ 2017/11/07, 4045阅, 0评 ]
我们知道text-align:justify不会处理块内的最后一行文本(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)及被强制打断的行的两端对齐,但会处理除此之外的其它行,所以只需要将这里的单行变成多行即可,那么我们可以想办法给它增加一行,再把增加的这行隐藏掉即可。比如添加<span><i><em>等行内空标签,然后设置相应的css,但是加入HTML元素违反了结构表现分离的原则,因此我们可以使用after、before伪元素的方式来派生出新行,这样就不需要额外处理html代码,然后再将派生出的新行隐藏即可。 效果如下 .test{width...
QRCode.js:使用javaScript生成二维码
[ 2017/11/06, 3042阅, 0评 ]
QRCode.js是一个用于生成二维码的JavaScript库。主要是通过获取DOM的标签,再通过HTML5 Canvas绘制而成,不依赖任何库。 1.基本用法 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://www.eqifei.net"); // 设置要生成二维码的链接 </script> 或者使用一些可选参数设置: var qrcode = ...
laydate.js加载laydate.css路径错误问题
[ 2017/10/27, 6449阅, 0评 ]
laydate.js经过贤心大大的重写之后功能越来越强大,用起来也愈渐灵活了,但是在一个基于angular+ocLazyLoad的项目中出了点问题。laydate.js是通过ocLazyLoad异步加载引入的,结果始终加载不出来laydate.css文件,看了下路径错误,于是扒开代码发现是这样写的: getPath:function(){ var e=document.scripts, t=e[e.length-1], n=t.src; if(!t.getAttribute("merge")) return n.substring(0,n.lastIndexOf(...
宝塔面板安装阿里云的SSL证书的方法
[ 2017/09/28, 14303阅, 0评 ]
先来一点干货:在阿里云可以免费申请Symantec的SSL证书(申请地址 https://common-buy.aliyun.com/?commodityCode=cas#/buy) 申请步骤可参考舍力博客的《在阿里云申请Symantec免费SSL证书操作流程》一文,当然,还是以实际情况为准哦! 好了,现在来安装证书,其实很简单滴,解压下载的证书压缩包之后会看到如下俩文件: 登录宝塔面板,找到要安装的网站,设置,SSL 将后缀.key的文件用文本编辑器打开(记事本就行),完整的复制粘贴到左侧输入框中;然后将后缀.p...
使用windows系统自带的“远程桌面连接”mstsc进行远程连接服务器,如果连接的用户多了,会留下访问的痕迹。虽然能带来方便,但是如果对于公用电脑来说,这些访问痕迹可能会有安全隐患。下面我们来看下如何清除远程桌面访问痕迹,mstsc远程访问缓存 方法1:删除远程桌面缓存配置文件 存储远程桌面记录的信息文件,default.rdp,这个文件在“我的文档”里面,删除即可 1.打开工具,文件夹选项菜单。如下图 2.显示所有隐藏文件(包括系统隐藏文件),并且应用到所有文件夹,如下图 3.如下图,删掉default...
基于jquery的移动端下拉刷新功能
[ 2017/09/23, 4210阅, 0评 ]
附件俩个: js代码如下: var pullrefresh = { init : function() { var pos = {}; var status = false; var divobj = null; var contentobj = null; var reloadflag = false; $('body').on('touchstart', function(e) { e = mygetnativeevent(e); pos.startx = e.touches[0].pageX; pos.s...
PC和移动端常用轮播或滑动组件整理
[ 2017/09/09, 6942阅, 0评 ]
1.SuperSlide(PC)/TouchSlide(移动端) SuperSlide基于jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果,兼容包括ie6的绝大部分浏览器。 TouchSlide是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 SuperSlide/TouchSlide官网 2...
angularJS分页功能的简单实现
[ 2017/08/25, 4360阅, 0评 ]
思路:触发页码切换时发送对应请求到服务器,成功后替换原来的数据。适合PC端使用。 无限滚动加载:angularJS插件:ngInfiniteScroll无限滚动加载数据(自动分页) 1、controller myApp.controller("pageNaviCtrl",['$scope','$http','pageNavi',function($scope,$http,pageNavi){ $scope.pageCur = 1; $scope.pageAll = 0; $scope.pages = []; $scope.showPageNavi = fa...
屏蔽右键 document.oncontextmenu = function() { return false; }; 屏蔽f12等按键 //禁止f12(谷歌,ie有效,但仍可以从其他方式进入开发者模式) document.onkeydown=function(e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if(currKey == 123){ window.event.cancelBubble = true; wi...