JQPRINT-不错的jquery打印插件
1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的)
<script language="javascript" src="jquery-1.4.4.min.js">
< cript> <...[2018/9/25]
动态生成的dom元素如何绑定事件动态生成的dom元素如何绑定事件
两种类型 1、$(''li'').bind(''click'',function(){}); 当你用js动态添加li的时候,你添加的li不具有你绑定的事件。这种写法与$(''li'').click(function(){})一样。 2、$(''li'').live(''click'',functi...[2018/9/25]
JS获取地址栏参数&jquery
第一种:字符串拆分法
window.location.href 或者 location.href 或者 window.location 获得地址栏中的所有内容
decodeURI()可以解码地址栏中的数据 恢复中文数据
window.search 获得地址栏中问号及问号之后的数据
1 ...[2018/9/25]
基于HTTP的长轮询简单实现
Web客户端与服务器之间基于Ajax(http)的常用通信方式,分为短连接与长轮询。
短连接:客户端和服务器每进行一次HTTP操作,就建立一次连接,任务结束就中断连接。
在长轮询机制中,客户端像传统轮询一样从服务器请求数据。然而,如果服务器没有可以立即返回给客户端的数据,则不会立刻返回一个空结...[2018/9/25]
前端--再遇jQuery
一.属性
属性(如果你的选择器选出了多个对象,那么默认只会返回第一个属性)
attr(属性名|属性值)
--一个参数是获取属性的值,两个参数是设置属性值
--点击图片加载示例
removeAttr(属性名)
--删除属性的值
prop(...[2018/9/25]
json数据 二级联动
1 <head>
2 <link href="static/bootstrap-3.3.5-dist/c bootstrap.c " rel="stylesheet" />
3 <link href="static/bootstrap-t...[2018/9/25]
Jquery中绑定事件与普通事件的区别Jquery中绑定事件与普通事件的区别
(“#panel”).bind(“click”,function(){
与$(“#panel”).click(function(){
有什么区别 ?
绑定可以同时加多个事件
如:$(“#panel”).bind({“click”, “mousemove”, …}) 一次注册多个事件
$...[2018/9/25]
关于 注册页面浏览器自动添加账号密码问题?关于 注册页面浏览器自动添加账号密码问题?
最近发现一个问题,在登录页面登录一次过后记住密码,在点击注册页面会发现第一个密码框已经存在数据,而自己的账号会跑到第一个密码框上面的input中去。并且北京变成黄色的了。
这个效果会影响用户的体验。
在网上查到的方法又很多,
autocomplete="off" 这个属性 ...[2018/9/25]
Jquery如何序列化form表单数据为JSON对象
jquery提供的serialize方法能够实现。
$("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...[2018/9/25]
监听 input上传文件, 获取文件名称,
<div cla ="import-box pr" > <span cla ="model-addre -txt">导入文件:< pan> <input type="text" cla ="addre -input Js_addre -...[2018/9/25]
jQuery UI.Layout 参数
applyDefaultStyles: true, 应用默认样式
scrollToBookmarkOnLoad:false, 页加载时滚动到标签
showOverflowOnHover:false, 鼠标移过显示被隐藏的,只在禁用滚动条时用。
nort...[2018/9/25]
针对jquery的ajax中的参数理解
1. url
发送请求的地址。为空表示当前页。
1 $.ajax({
2 type: "post",
3 data: studentInfo,
4 contentType: "application/json",
5 url: "/Ho...[2018/9/25]
细说移动端 经典的REM布局 与 新秀VW布局-渔人码头-
和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~
1. 前言
2. 基本概念
3. REM布局
4. VW布局
实现单边边框1px
实现多边边框1px
实现边框圆角
实现容器固定纵横比
5...[2018/9/25]
Canvas状态的保存与恢复Canvas状态的保存与恢复
Canvas的API提供了save()和restore()的方法,用于保存及恢复当前canvas绘图环境的所有属性。
save()与restore()方法可以嵌套调用
save()方法将当前绘图环境压入堆栈顶部,restore()方法从堆栈顶部弹出一组状态信息,并据此恢复当前绘图环境的各个状态...[2018/9/25]
Apache2.4.34 + php 7.28 + MySQL8.0.12 安装及配置
服务端的学习
Apache2.4.34 的安装及配置
1.基本安装
最新的 Apache 已经不提供 Windows 的安装版本,所以我们这里使用的是解压版
-下载地址:https: www.apachelounge.com/download/
-使用说明:https: httpd.ap...[2018/9/25]
填充路径时使用的非零环绕规则
如果当前路径是循环的,或者包含多个相交的子路径,那么Canvas的绘图环境变量就必须判断,当fill()方法被调用时,应该如何对当前路径进行填充。
Canvas在填充互相有交叉的路径时,使用非零环绕规则
非零环绕
对于路径中的任意给定区域,从该区域内部画一条足够长的线段,使此线段的终点完...[2018/9/25]
sass的嵌套
sa 的嵌套包括两种:
1、选择器的嵌套。(最常用到)
指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sa 文件的结构性和可读性。 在选择器嵌套中,可以使用&表示父元素选择器
sc .style
c .style
2、属性嵌套
指的是有些属性...[2018/9/25]
钉钉h5项目实战|仿钉钉聊天|h5移动端钉钉案例
最近一直着手开发h5仿钉钉项目,使用到了h5+c 3+zepto+wcPop2等技术进行开发,实现了消息、表情、动图发送,仿QQ多人拼合图像,可以选择本地图片,并可以图片、视频预览,仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画),还有类似微信长按消息弹出菜单(智能边界检测)
h5仿钉钉...[2018/9/25]
html的背景样式图片html的背景样式图片
背景图片 如果背景图片小于当前的div的情况下 默认的是将平铺充满元素 background-image 设置背景图片。 background-repeat 设置是否及如何重复背景图片。 repeat 默认的是都重复 re...[2018/9/25]
基于vue2+nuxt构建的高仿饿了么(2018版)
前言
高仿饿了么,以nuxt作为vue的服务端渲染,适合刚接触或者准备上vue r的同学参考和学习
项目地址如遇网络不佳,请移步国内镜像加速节点
效果演示
查看demo请戳这里(请用chrome手机模式预览)
移动端扫描下方二维码
API接口文档
接口文档地址(基于apidoc)
技术...[2018/9/25]
浅谈Bootstrap(介绍)
一.Bootstrap 概述Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。2010 年 6 月,Twit...[2018/9/25]
H5混合开发进阶之inspect调试
h5界面嵌套在原生app内部的时候,需要调用原生的方法,传递数据。中间难以调试代码,。
用google的 inspect调试。查看数据的传输方式。
1、adb连接正常,打开手机USB调试
2、第一次使用的时候一定要保证FQ!FQ!FQ (不懂的可以问我)
3、谷歌浏览器中打开chrome:...[2018/9/25]
在WebGL场景中管理多个卡牌对象的实验
这篇文章讨论如何在基于Babylon.js的WebGL场景中,实现多个简单卡牌类对象的显示、选择、分组、排序,同时建立一套实用的3D场景代码框架。由于作者美工能力有限,所以示例场景视觉效果可能欠佳,本文的重点在于对相关技术的探讨。
因为文章比较长,读者可以考虑将网页导出为mhtml格式...[2018/9/25]
java使用插件pagehelper在mybatis中实现分页查询java使用插件pagehelper在mybatis中实现分页查询
摘要: com.github.pagehelper.PageHelper是一款好用的开源免费的Mybatis第三方物理分页插件
PageHelper是国内牛人的一个开源项目,有兴趣的可以去看源码,都有中文注释
开源项目地址: https: pagehelper.github.io/
...[2018/9/25]
微信发支付宝红包(花呗)
微信发支付宝红包(花呗)
原理很简单,就是利用支付宝花呗的分享红包到微信,微信用户通过扫码跳转到支付宝领取。
第一步,获得红包地址
进入自己的支付宝红包“天天领红包”,分享二维码到微信,然后用网上的识别二维码的工具或网页将支付宝二维码解析一下,解析结果是一个ur...[2018/9/25]
Cookie的HttpOnly、secure、domain属性
Cookie主要属性
Cookie主要属性:
path
domain
max-age
expires:是expires的补充,现阶段有兼容性问题:IE低版本不支持,所以一般不单独使用
secure
httponly
JS不能读写HttpOnly Cookie
属性之间使用英文分号和空格(&qu...[2018/9/25]
vue处理循环列表动态数据问题
调用方法:Vue.set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据
value :重新赋的值...[2018/9/25]
vue-scroller实现vue单页面的上拉加载和下拉刷新问题
在vue中如何简单的实现页面的上拉加载和下拉刷新,在这里我推荐使用vue-scrolle插件。
vue-scrolle的基本使用方法:
1.下载
npm i vue-scroller -D
2.导包
import&nb...[2018/9/25]
Layabox 3D游戏开发学习笔记---射线检测,鼠标控制物体运动
核心要点:3D物体碰撞是靠射线检测,射线与碰撞器相撞获取对应的碰撞点信息。
cla RayPicking03 {
private ray: Laya.Ray;
private point: Laya.Vector2 = new Laya.Vector2();
priv...[2018/9/25]
浅谈CSS高度坍塌
高度坍塌情况:
当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。
解决办法:
在父元素包含块中加一个div:
优点:兼容性强,适合初学者。
缺点:不利于优化。
方法二:overflow+room
优点...[2018/9/25]
移动端H5混合开发设置复盘与总结移动端H5混合开发设置复盘与总结
此篇接上一篇:
移动端H5混合开发,Touch触控,拖拽,长按, 滑屏 实现方案
https: www.cnblogs.com/buoge/p/9346699.html
app 场布设置已经上线了,用户可以通过手机端嵌入的h5网页进行场布设置,原来只能在pc端浏览器,还得带上个笔记本电脑...[2018/9/25]
Westore 1.0 正式发布 - 小程序框架一个就够
世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
Github: https: github.com/dntzhang/westore
众所周知,小程序通过页面或组件各自的 setData 再加上各种父子、祖孙、姐弟、嫂子与堂兄等等组件间的通讯会把程序搞成一团浆糊...[2018/9/25]
TimelineJS JSON 数据格式 - 译文 [原创]
TimelineJS 是用于绘制时间轴的 Javascript 开源脚本,目前是 TimelineJS3 版。参阅 https: github.com/NUKnightLab/TimelineJS3。 原文:https: timeline.knightlab.com/doc json-format...[2018/9/25]
浅谈css溢出机制探究_CSS教程_CSS浅谈css溢出机制探究_CSS教程_CSS
为什么需要深入学习CSS溢出机制?
在实际开发的过程中,内容溢出是经常见到的。如果不深入了解这个机制,你经常会碰到这样的问题:为什么这个元素没有受到祖先元素的overflow:hidden的影响?这里出现的滚动条是哪个元素的?如果消除这个滚动条?如何在指定的元素上增加滚动功能?
在这篇文章...[2018/9/25]
CSS多种方式实现底部对齐的示例代码_CSS教程_CSS
因公司业务要求需要实现如下图中红色区域的效果:
效果说明:
1、红色区域数据需要倒排(即从底部开始数,数字为1、2、3、4、5),并且显示在最底部
2、当数据过多时需要显示滚动条,**并且滚动条需要拉到最底部**
3、数据从websocket中推送过来,推送间隔为几十毫秒
...[2018/9/25]
详解CSS 伪元素及Content 属性 _CSS教程_CSS
初识伪元素
说起伪元素我第一想到的莫过于::before和::after这两个了,它俩其实就是在其附属的选择器命中的元素上插入第一个子节点和追加最后一个子节点。那这时我不禁地想问:“直接添加两个cla 为.before和.after不是一样的吗?” &ems...[2018/9/25]
详解html中 position属性用法(四种)_HTML/Xhtml
position的四个属性值: 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。 <div id="parent">
<div&nbs...[2018/9/25]
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
H5页面在IOS端测试的时候发现,点击按钮会闪动,出现一个黑色的背景一闪而过,影响用户体验。最后通过度娘,找到解决方法: 就是给点击的元素添加一个CSS属性或者全局添加一个c 。
-webkit-tap-highlight-color:transparent;
&n...[2018/9/25]
Canvas引入跨域的图片导致toDataURL()报错的问题的解决Canvas引入跨域的图片导致toDataURL()报错的问题的解决
本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决,分享给大家,具体如下: 【场景】 用户打开网页,则请求腾讯COS(图片服务器)上的图片。使用canvas绘图。 然后,用户可以重新选择图片、裁剪、上传。 【问题】 图片首次载入,选择新图片后裁剪、绘制都没有问题。但上...[2018/9/25]
CSS 实现滑动门的实例代码_CSS教程_CSS
所谓的滑动门技术,就是指盒子背景能够自动拉伸以适应不同长度的文本。即当文字增多时,背景看起来也会变长。
大多数应用于导航栏之中,如微信导航栏:
具体实现方法如下:
1、首先每一块文本内容是由a标签与span标签组成
<a href="#"&g...[2018/9/25]
浅谈CSS 多栏布局(Multi-Columns Layout)_CSS教程_CSS浅谈CSS 多栏布局(Multi-Columns Layout)_CSS教程_CSS
多栏布局是CSS3新增布局中的一种,尽管它很低调。
一、明确结构
多栏布局的结构很简单,主要由multi-column container和column box组成。
当一个元素设置了column-width和column-count属性并且值不为auto,那么这个元素就是multi-...[2018/9/25]
纯 CSS 撸一个漂亮的加载_CSS教程_CSS
为什么要做加载
只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去加一个酷炫的加载
我是如何做的
不同的页面, 对加载的设计也就可能不同. 本文设计的加载适合大多数页面.
并且, 本...[2018/9/25]
css设置多列等高布局的方法示例_CSS教程_CSS
初始时,多个列内容大小不同,高度不同。现在需要设置不同的背景来显示,而且各个列的高度需要保持一致。那么这就需要利用到多列等高布局。
最终需要的效果:
1. 真实等高布局
flex 技术点:弹性盒子布局flex,默认值就是自带等高布局的特点。
定义flex布...[2018/9/25]
15行CSS代码让苹果设备崩溃,最新的iOS 12也无法幸免_CSS教程_CSS
只需15行CSS代码,就可以让你的iPhone崩溃
Wire 的安全研究员 Sabri Haddouche 发现了一种新的攻击,只需访问包含某些 CSS 和 HTML 的网页,就会导致 iOS 重新启动以及 macOS 冻结。 Windows 和 Linux 用户不受此错误的影响。
攻击利...[2018/9/25]
CSS 小结笔记之变形、过渡与动画的示例_CSS教程_CSS
1、过渡 transition
过渡属性用法: transition :ransition-property transition-duration transition-timing-function transition-del...[2018/9/25]
CSS3 动画卡顿性能优化的完美解决方案
为什么会卡顿?
有一个前提必须要提,前端开发者们都知道,浏览器是单线程运行的。但是我们要明确以下几个概念:单线程,主线程和合成线程。
虽然说浏览器执行js是单线程执行(注意,是执行,并不是说浏览器只有1个线程,而是运行时,runing),但实际上浏览器的2个重要的执行线程,这 2 个线程协同...[2018/9/25]
小程序scroll-view组件实现滚动的示例代码
前言:这章我们使用小程序的 scroll-view组件 实现横向滚动和竖向滚动。
GitHub: https: github.com/Ewall1106/miniProgramDemo
1、竖向滚动
首先从简单的来,竖向滚动很简单,只用记住两点即可:
首先得设置 scroll-y ...[2018/9/25]
js计算两个日期间的天数月的实例代码js计算两个日期间的天数月的实例代码
计算结果为几个月零几天
<html>
<head>
<title>计算天数月</title>
<meta charset="GBK">
<script type="text/javascript"...[2018/9/25]
微信小程序使用gitee进行版本管理
摘要:小程序协助开发挺重要的,但是开发工具到现在开始才支持版本管理,也是良心功能啊。马上试试连上gitee,团体开发更方便。
准备:安装git、安装最新的微信小程序开发助手、注册gitee账号。
第一:打开对应的项目,开启版本管理
第二:初始化git版本库
点击确...[2018/9/25]