- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue 文件上传
add_img(event){ let reader = new FileReader(); let img = event.target.files[0]; let type = img.type;//文件的类型，判断是否是图片 let size = img.size;//文件的大小，判断图片的大小 let form = new FormData(); form.appe...
2018-05-27 22:25:35
792
原创 vue elementUI webpack 前端坑；
1，webpack 前端打包过大问：通过使用 DLL 的方式预加载第三方插件，DllPlugin 和 DllReferencePlugin 配合使用，具体使用百度；2，IE兼容问题 添加babel-polyfill 依赖库webpack.base.conf 文件中 entry 改写：entry: { app: ["babel-polyfill", "./src/m
2017-11-21 09:35:02
2000
原创 javascript 网页正文提取
写这个的原因，最近在改一个网页正文提取的插件，但找遍了网站就是没有JS版的，于是乎就找了个Java版的代码。进行了修改。经测试 可用；代码自取； /** * 摘取文章主体正文算法 * @param body * @returns {正文} */ let getArticleContent = fun
2017-03-13 16:54:19
2091
原创 base64图片转file文件提交
/** * @param base64Codes * 图片的base64编码 */function sumitImageFile(base64Codes){ var form=document.forms[0]; var formData = new FormData(form); //这里连带form里的其他参数也一起提交
2016-09-14 10:57:02
10268
3
原创 文字禁止复制
onselectstart="return false"；style> body{ -webkit-user-select: none; }style>
2016-09-12 10:21:41
228
转载 react native demo创建
手动安装第一步：建立目录mkdir MyProjectcd MyProject第二步：创建package.jsonnpm init然后按提示操作第三步：安装react-native依赖npm install react-native --save第四步： 初始化项目node -e "require('react-native/loc
2016-08-25 10:10:32
283
原创 WEB 前端切图更友好的兼容Retina屏幕
background-image: url(assets/no-image-set.png); background-image: -webkit-image-set(url(assets/test.png) 1x,url(assets/test-hires.png) 2x); background-image: -moz-image-set(url(assets/test.png) 1
2016-07-25 09:48:49
394
原创 网页复制添加复制信息
script> function setClipboardText(e, event, title, author, url){ var textData = window.getSelection().getRangeAt(0) + '\n\n' + '著作权归作者所有。\n' + '商业转载请联系作者获得
2016-07-04 17:19:07
490
转载 css样式大全
字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-w
2016-06-20 16:20:56
320
原创 日期差
var s1 = '2016-6-12';s1 = new Date(s1.replace(/-/g, "/"));s2 = new Date();var days = s2.getTime() - s1.getTime();var time = parseInt(days / (1000 * 60 * 60 * 24));
2016-06-15 16:19:34
215
原创 判断屏幕是否旋转
判断屏幕是否旋转function orientationChange() { switch(window.orientation) { case 0: alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);
2016-04-06 18:12:08
957
原创 tag 滚动变换
/** * 产品详情页滚动 */$(document).ready(function () { $(window).scroll(function () { var sectionArray = $('.cy-cp-intro-warp'); for(var i=0; isectionArray.length-1; i++){
2016-01-21 16:13:53
284
原创 时间戳日期相互转换
(function($) { $.extend({ myTime: { /** * 当前时间戳 * @return unix时间戳(秒) */ CurTime: funct
2016-01-12 12:08:09
581
转载 时间戳转换
$.extend({ myTime: { /** * 当前时间戳 * @return unix时间戳(秒) */ CurTime: function(){ return Date.parse(new Date())/1000; },
2015-11-24 17:03:54
375
转载 鼠标移动出新文字
HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> New Document NAME="Generator" CONTENT="EditPlus"> NAME="Author" CONTENT=""> NAME="Keywords" CONTENT=""> NAME="Description"
2015-07-31 17:26:47
321
转载 鼠标滚动事件
/*********************** * 函数：绑定鼠标滚轮上下滚动事件 相对的操作 * 参数：event * 返回：滚轮方向 1：向上 -1：向下 * FireFox 向上滑动detail值为—3,向下为3; * Ie 向上滑动wheelDelta 值为120，向下为-120 ******************
2015-07-31 17:25:17
347
原创 url 校验
function IsURL (str_url) { var strRegex = '^((https|http|ftp|rtsp|mms)?://)' + '?(([0-9a-z_!~*\'().&=+$%-]+: )?[0-9a-z_!~*\'().&=+$%-]+@)?' //ftp的user@ + '(([0-9]{1,3}.){3}[0-9]{1,
2015-06-11 16:34:22
784
原创 粘贴动作
// 粘贴事件监控$.fn.pasteEvents = function( delay ) { if (delay == undefined) delay = 10; return $(this).each(function() { var $el = $(this); $el.on("paste", function() {
2015-06-04 17:18:54
388
原创 input file 预览图片
var file = e.target.files[0];if(file){ var reader = new FileReader(); reader.onload=function(){ $('#showimg').html("+reader.result+"' id='element_id' />"); }; reader.readAsDa
2015-04-30 09:21:00
434
原创 websocket三星检验问题
目前大多数检测是否支持websocket的方式是if (window.WebSocket){ console.log("This browser supports WebSocket!");} else { console.log("This browser does not support WebSocket.");}这在大多数浏览器都是可以的到正确结果的，但是，
2015-03-19 16:35:42
452
转载 前端开发跨域问题，
1，后台添加请求头，允许任何地址访问。2，设置google浏览器。在目标路径的后面添加【 --disable-web-security】 有空格
2015-03-16 17:07:25
516
原创 关于angularJS 框架优化（按需加载），性能提升问题（grunt）。
本文主要对angular框架的优化，和项目发布时的优化做了简要说明，本人主要是用angular+bootstrap+ui-route+require进行框架的搭建。有兴趣的小伙伴可以一下研究一下。
2015-03-03 10:51:01
6058
原创 你是微信吗？
//判断是否在微信浏览器var isWeixin = function() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false
2015-02-12 10:03:24
368
原创 关于grunt实现js,html,css编译压缩
简单来说项目发布生产往往网站加载的效率，web项目提交效率有gzip等方式，今天我们就共学习一下用grunt来最项目压缩。首先要使用grunt就要先安装grunt，具体的安装方式 -----百度，这里不多讲。 等一切都配置ok后你只需要在控制台输入grunt build命令，执行编译后你就会看到项目中会多一文件，而这个文件中的内容跟项目中的一模一样
2014-12-31 16:43:54
3061
1
转载 基于angular生成二维码
生成二维码主要是基于jquery的qrcode.js。通过qrcode加上ng生成二维码 这个例子github也有，本人为了以后学习方便就转载了。index.html JS生成二维码。 ctrl.js$scope.qrcodeString = 'YOUR TEXT TO ENCODE'; $scope
2014-12-31 16:31:52
5859
原创 基于angular图片裁剪
template/cropper.html //自定义标签 //angular.modal.directive('cropper', [function () { return { restrict: 'AE', replace: true, templateUrl: 'te
2014-12-31 16:18:07
2922
转载 正则校验
验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\
2014-12-31 16:15:53
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人