dyp330的专栏

今天遇到了一个上传头像，限制最大上传1M的图片，在选择的时候已经限制了，但是经过截图处理后 图片又大于1M了，很郁闷啊~看了文档，想到了处理办法~ getCroppedCanvas(options)这方法需要设置 option里的宽高，宽高是值根据cropper.getData()这方法获取，但是不能超过1440px，否则转化为的Base64位图片后就算再转回温江形式 还是会大于1M的~~const fileName = $(this)[0].value;const suffixIndex = ..

DOM对象和 JQuery对象JQuery 对象可以转换成DOM对象，两种方法：可以通过[index]和get[index]方法进行转换第一种例如：var$ulr=$(“#ID”); ——> varulr=$ulr[0];//转化后的DOM对象第二种方法例如：var $ulr=$(“#ID”);----à varulr=$ulr.get(0);  DOM对象转换成JQu

本章主要讲表单和表格的一些应该，需要注意的就是：1.end()方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态2.三元运算符 语法是条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。3.parseInt(data,表示进制数字代表) [2表示二进制、8表示八进制、10表示十进制、16

当使用火狐浏览器运行如下代码：测试  table{width: 800px;word-break: break-all;}table .showgroup span {display:none;min-width:60px; position:absolute; margin-top:20px; margin-left:-20px; padding:

Bootstrap 3框架下 使用 Bootstrap-table 结合 Bootstrap- file input  使用 Bootstrap3-dialog 弹出上传页面列出上传的文件（支持多文件上传）网站中使用的单页面应用 还用到了 require 引用外部JS文件页面中所有需要的引用，具体文件请到对应官网下载

//格式化时间Date.prototype.formatDate = function (fmt) {   var o = {       "M+": this.getMonth() + 1, //月份        "d+": this.getDate(), //日        "h+": this.getHours(), //小时        "m+": this.

<template> <span v-if="isRequired" class="redClass">*</span></template><script>export default { name: 'IsRequired', props: { isRequired: { type

1./**一条两端渐变浅色的 亮白色线**/.btnLine {background-image: linear-gradient(90deg, rgba(237,240,244,0.00) 11%, #EEF1F5 35%, #EEF1F5 64%, rgba(238,241,243,0.00) 86%);width: 290px;height: 1px;}...

1.设置placeholder 的颜色（.control-height是原有的类名）input.control-height::-webkit-input-placeholder {color: #9297A0!important ;}input.control-height:-moz-placeholder {color: #9297A0!important;}inp...

电脑上 一般边框都是 1px,但是在手机端的小程序上 1px就会没那么美观，需要用到0.5px的哦手机上 0.5px的一条直线设置如下：<div class="gridClass"></div>.gridClass {position:relative;margin-top: 40px;width: 100%;}.gridClass:afte...

function contentFormatter(value) {var str = /\\r\\n/g;if (value.indexOf("\\r\\n") > -1) {value = value.replace(str, "<br />");}return value;}function contentFormatter(value) ...

6.5jQuery中的load()方法结构：load(url,[,data],[,callback])参数名称类型说明urlString请求HTML页面的URL地址dataObject发送至服务器的key/value数据call

今天才开始学习锋利的JQuery一书~虽然有点晚，但是不是有句俗话叫只要学习就没有晚么~呵呵~以前对JQ在工作中用到过，但是还不够系统，所有今天开始从头系统的学习下~HTML5和JQuery一起学~~目前IE10好像还并不支持HTML5,至少我的IE10不支持，所以以下代码都是用GoogleChrome测试的。。。本文中只列些我觉得有用的东西，还有初学者容易混淆或者遗忘的部分。

鼠标浮过每一个导航看看效果关于我们社会责任新闻动态人力资源可能颜色搭配上不是很好，亲你自己可以单独配置颜色哦~很立体的感觉

设置或获取对象指定的文件名或路径。alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port) 设置或获取 URL 的协议部分。alert(wi

圆边圆角CSS代码：#divcss5 h1, #divcss5 h2, #divcss5 p {margin:0 10px; letter-spacing:1px;} #divcss5 h1 {font-size:2.5em; color:#fff;} #divcss5 h2 {font-size:2em;color:#06a; border:0;} #divcss5 p {pad

本文不讲详细，只讲注意事项，需要看详细，地址如下：   position语法：position : static absolute relative position参数：static : 　无特殊定位，对象遵循HTML定位规则absolute: 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css

第三章 JQuery 中的DOM操作3.2.3创建节点没啥特别的主要记住创建出来的元素是父子的关系：向元素内容部追加节点$(“ul”).append(“”)，使用append();想向元素后面追加$(“p”).appendTo(“测试”);在这里“To”可以理解为向后，到哪里的意思，还有$(“p”).prepend(“测试”)，指向元素内部添加前面添加a标签，在这里“pre”在英语里也

书中3.2.9中$(“p”).addClass(“other”)和$(“p”).attr(“class”,”other”)，两个都是设置和获取样式的操作，两个区别在于，如果p标签之前有一个样式”class1”,那么第一个方法是在原有样式追加一个other样式，而attr则是直接修改样式，还有attr不止能获取样式，还能获取元素的属性，例如：获取属性$(“a”).attr(“href”)和设

在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。　　当今流行的浏览器(如:Firefox、Ope

4.1.2事件绑定bind(type [,data], fn)的方法，方法有3个参数，第一个是事件，比如：blur,focus,load,select, change,submit,error等；第二个参数可选参数，做为event.data属性值传递给事件的额外数据对象。第三个参数是绑定的处理函数 toggle()方法，我测试中发现一个jquery-1.11.2.js版本的一个问题

4.2JQuery中的动画hide(1000) 和show(1000) 可以把元素隐藏和显示，隐藏类似于向左上角收起的效果，显示的时候是从左侧想右侧显示 fadeOut()作用是逐渐降低元素的透明度，直至消失，fadeIn()增加元素的透明度直至显示。 sideUp()作用是由下到上缩短显示，sideDown()作用是由上至下拉伸显示（俗名：拉窗帘效果）； animat

首先，在网页代码的头部，加入一行viewport元标签。　　viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.  + w: Y* T' H  f6 j. M" b" TCSS技巧& j( a9 A7 E4