web前端
飘雪989
开发中遇到的一些问题,与小伙伴们分享一下。。。
展开
-
关于angularJS 框架优化(按需加载),性能提升问题(grunt)。
本文主要对angular框架的优化,和项目发布时的优化做了简要说明,本人主要是用angular+bootstrap+ui-route+require进行框架的搭建。有兴趣的小伙伴可以一下研究一下。原创 2015-03-03 10:51:01 · 6062 阅读 · 0 评论 -
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 · 2003 阅读 · 0 评论 -
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 · 323 阅读 · 0 评论 -
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 · 395 阅读 · 0 评论 -
判断屏幕是否旋转
判断屏幕是否旋转function orientationChange() { switch(window.orientation) { case 0: alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);原创 2016-04-06 18:12:08 · 970 阅读 · 0 评论 -
时间戳日期相互转换
(function($) { $.extend({ myTime: { /** * 当前时间戳 * @return unix时间戳(秒) */ CurTime: funct原创 2016-01-12 12:08:09 · 583 阅读 · 0 评论 -
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 · 286 阅读 · 0 评论 -
时间戳转换
$.extend({ myTime: { /** * 当前时间戳 * @return unix时间戳(秒) */ CurTime: function(){ return Date.parse(new Date())/1000; },转载 2015-11-24 17:03:54 · 377 阅读 · 0 评论 -
正则校验
验证数字:^[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 · 284 阅读 · 0 评论 -
基于angular图片裁剪
template/cropper.html //自定义标签 //angular.modal.directive('cropper', [function () { return { restrict: 'AE', replace: true, templateUrl: 'te原创 2014-12-31 16:18:07 · 2923 阅读 · 0 评论 -
基于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 · 5860 阅读 · 0 评论 -
关于grunt实现js,html,css编译压缩
简单来说项目发布生产往往网站加载的效率,web项目提交效率有gzip等方式,今天我们就共学习一下用grunt来最项目压缩。首先要使用grunt就要先安装grunt,具体的安装方式 -----百度,这里不多讲。 等一切都配置ok后你只需要在控制台输入grunt build命令,执行编译后你就会看到项目中会多一文件,而这个文件中的内容跟项目中的一模一样原创 2014-12-31 16:43:54 · 3065 阅读 · 1 评论 -
你是微信吗?
//判断是否在微信浏览器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 · 371 阅读 · 0 评论 -
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 · 794 阅读 · 0 评论