- 博客(72)
- 资源 (3)
- 收藏
- 关注
原创 webpack学习之helloworld(一)
1、webpck是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle2、从零搭建一个helloworld 2.1 安装we...
2018-10-28 19:17:40 1014
原创 css实现3D长方形,可旋转
实现过程:1、长方体六个面 before,after, top ,buttom,left,right2、每个面不同旋转角度before: 向前移动一半width宽度,transform: translateZ(${width/2}px)after: 向后移动一半width宽度、y轴旋转180度 transform: `translateZ(${-width/2}px) rotateY(180d...
2018-07-08 10:08:38 2975
原创 webpack+vue+SUI Mobile构建webAPP
1、使用vue-cli构建骨架 vue init webpack your_project_name2、进入你的项目,加载模块npm install或 cnpm install(淘宝镜像安装)3、安装css-loader和style-loadercnpm install css-loader style-loader --save-dev4、安装axios 用
2018-01-12 10:07:15 3038
原创 webpack中使用echarts
1、安装echartsnpm install echarts --save2、全量引入echarts var echarts = require('echarts');3、按需引入echarts// 引入 ECharts 主模块var echarts = require('echarts/lib/echarts');require("echarts/lib/chart/line")
2017-11-21 21:06:20 2019
原创 vue-router 动态添加 路由
动态添加路由可以用了做权限管理。登录后服务器端返回权限菜单,前端动态添加路由 然后在设置菜单 1、vue-router 有方法router.addRoutes(routes) 动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。 使用方法 this.$router.options.routes[0].children.push({//插入路由
2017-11-21 20:57:50 36674 5
原创 Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor
1、安装 npm install vue-quill-editor --save2、使用引入vue-quill-editorimport { quillEditor } from 'vue-quill-editor'<quill-editor ref="myTextEditor" :content="content"//内容对应的字段
2017-11-19 20:56:53 24483 3
原创 webpack+vue+elementui构建后台管理系统
git地址:https://github.com/awsky/aw-vue-admin演示地址:https://github.com/awsky/aw.github.io/tree/master/aw/index.html(git比较慢多等会)1、使用vue-cli构建骨架a: 全局安装vue-cli npm install --global vue-clib:使用命令创建项
2017-11-19 20:44:48 6851 1
原创 ios下jquery document.on() 无效 ,设置 cursor: pointer;
ios下jquery document.on() 无效 ,设置 cursor: pointer;
2017-08-08 17:40:01 1487
原创 input框中按enter键会刷新页面
一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件解决方法:既然是只有一个文本框才会出问题,那么可以加一个隐藏的文本框,如下:input id="hiddenText" type="text" style="display:none" />
2017-08-08 17:38:51 2800
原创 jqueryvalidate 只输出第一个错误
$("#form").validate({rules : {ownerPhone:{isPhone : true}},errorPlacement: function(error, element) {},invalidHandler:function(form,validator){$.each(validator.invalid, function(
2017-08-08 17:37:46 679
原创 rem以及px转换为rem工具
学习路径地址:http://www.tuicool.com/articles/eY7NZn转换工具地址:http://mxd.tencent.com/wp-content/uploads/2014/11/rem.html
2017-08-08 17:36:19 1238 1
原创 请求JSON格式文件文件问题
a、$.ajax 请求 success回调方法没执行。原因: 高版本的jquery对ajax有严格的要求,请求的json数据如果不是标准的就不会执行success方法b、使用post请求返回405 使用get请求可以成功。原因:静态文件用post请求被大多数服务器禁止,并且返回405
2017-08-08 17:34:39 805
原创 父窗口获取iframe子页面的title
1.JS实现父窗口获取iframe的titlevar mainFrame=document.getElementById('main-frame');mainFrame.contentWindow.document.title;//iframe中子页面的title2.jquery实现父窗口获取iframe的titlevar $mainFrame=$(
2016-11-27 10:02:18 12778 2
转载 如何去设计一个自适应的网页设计或HTMl5
如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下, PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是136
2016-11-23 19:48:50 8520 1
原创 option元素 display属性在IE下无效的解决方法
在做项目中 有个 区域和街道的联动效果,选择地区后过滤对应的街道。我刚开始时使用的方法是将option设置成 display:none,结果在IE下无效。解决方法: 一. 用一个变量保存所有街道的值,过滤的时候取出来,动态添加到select中二、用jquery的 $.wrap方法在option外面添加一个父元素 通过父元素控制option的隐藏三
2016-11-23 12:03:50 3529
原创 jquery-ui datepicker 日期控件 日期区间选择
1. 依赖文件jquery , jquery-ui.min.css,jquery-ui.min.js2. html从到3. js$( "#fromData" ).datepicker({ language: 'cn', //汉化 changeMonth: true, minDate
2016-11-16 21:48:53 6586
原创 jquery validate使用class属性进行字段验证
jquery validate使用class属性进行字段验证很简单只需要在 class中添加验证的字段即可例如下例就可以自动验证: isPositiveInteger" type="text"/>// 正整数验证 jQuery.validator.addMethod("isPositiveInteger", function(value, element)
2016-11-16 21:41:13 6680
原创 jquery validate 失去焦点时移除错误提示
红色区块为去除错误提示信息,淡蓝色区块为 怎样去除错误信息(自定义)蓝色区块为设置错误信息显示的位置$("#formMail").validate({ rules:{ phone :{ isMobile : true }, newPsw:{ minlength: 6 }, reNewPsw
2016-11-01 21:26:40 4769
转载 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">作用
http-equiv="Content-Type":http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML
2016-10-13 17:03:53 3996
原创 div隐藏时jquery outerHeight(true);值有问题
1. 当div是隐藏的时候 $(".content-header").outerHeight(true);计算出的高度值不对。应在显示的时候计算div的高度值
2016-10-12 20:44:28 1265
原创 mui下拉刷新 click事件无法响应问题
使用mui的事件监听事件 tapmui("#refreshContainer").on('tap', '.ulDiv', function (event) {this.click();});如果下拉列表项中有其他事件:mui("#refreshContainer").on('tap', '.icon-comment', function (event
2016-10-12 20:41:17 8655
原创 jquery validate 设置验证消息不显示
$("#form").validate({ errorPlacement: function(error, element) {} });
2016-10-12 20:36:54 3662
原创 阻止手机浏览器屏幕 上下滑动
document.querySelector('body').addEventListener('touchstart', function (ev) {event.preventDefault();});
2016-10-12 20:33:46 6831 1
原创 根据给定的url获取域名
/* * 功能: 通过url获取 顶级域名 * 方法名: fIsUrl * 所属类: guyu.util * 参数: sUrl 获取网址的url地址 * 返回值: 返回顶级域名字符串 如果sUrl有问题或匹配不到顶级域名返回 '' */guyu.util.fGetDomain=function(sUrl){var sDo
2016-08-02 19:38:30 2093
原创 判断是否是有效的url
/* * 功能: 判断是否是合法的URL * 方法名: fIsUrl * 所属类: guyu.util * 参数: sUrl 要进行判断的url * 返回值: true:是合法url false:不是合法的url */guyu.util.fIsUrl=function(sUrl){ var bIsUrl=false; var rU
2016-08-02 19:13:18 2544
原创 基于moment插件实现的获取各种时间的类
效果:依赖文件: moment.jsjs代码:/* * 用途: 基于moment插件获取各种时间 * 作者: 赵伟 * 更新时间: 2016-8-2 */var gTime = (function() { var self=this; /* * 功能: 获取当前时间 默认格式为 2016-6-6 14:27:00 *
2016-08-02 19:11:25 9182
原创 奇妙的input text
1.效果图2.依赖文件--jquery3.html 表单 表单 表单 4.js$(".nice-input input").focus(function(){ var labelClass="nice-input-label-up";
2016-07-14 20:46:39 395
原创 在字符串中的特定位置插入字符串
// str: 原字符串 subStr:需要插入的字符串 indexs:要插入的所有位置的索引setStrMarke=function(str,subStr,indexs){ var string=str; for(var i=0;i<indexs.length;i++){ var s=''+subStr+''; string=string.substr(0,indexs
2016-07-06 08:59:49 12114
原创 获取特定字符串在 字符串中出现的所有位置
/* str :原字符串 subStr:子字符串*/getStrPositions=function(str,subStr){ var indexs=[]; var string=str; while(true){ var index=string.lastIndexOf(subStr); if(index!=-1){ string=string.substr(0
2016-07-06 08:55:14 8309
原创 knockout $index $root 等的意思
1. $index 在foreach下 当前 的索引值2.$root 在最顶层的根元素3. $parentContext 表示上一级元素4. $parentContext.$index上一级元素索引
2016-06-29 21:08:16 1300
原创 jquery.validate 设置验证信息的显示
1. $("#form").validate({ onfocusout: function(element) { $(element).valid(); }, rules:{ }, errorPlacement: function(error, element) { //错误信息位置设置方法 element.af
2016-06-29 21:02:58 2842
原创 jquery.validate失去焦点时就验证
1.onfocusout 失去焦点时验证$("#form").validate({ onfocusout: function(element) { $(element).valid(); }, rules:{ } });
2016-06-29 21:00:32 9839 1
原创 knockout绑定复杂的JSON数据 使用 Mapping插件
1. 插件的引入 下载地址 https://github.com/SteveSanderson/knockout.mapping/tree/master/build/output2 通过mapping插件创建view model,直接使用ko.mapping.fromJS(对象或数组)或ko.mapping.fromJSON(JSON字符串)函数来创建var viewModel
2016-06-29 20:52:34 3527
原创 knockout一个页面中绑定多个model
1. 一个页面中绑定多个model需要引入插件Knockout-MultiModels 2.引入插件 jquery.livequery.js ,knockout.multimodels-0.1.min.js (有先后顺序)3.将ko.applyBindings替换成 ko.attach();就可以 ko.attach("viewmodel",viewmodel); ko.att
2016-06-29 20:44:02 3584
原创 js数组 插入和删除指定位置
关键是 splice的用法 http://www.w3school.com.cn/jsref/jsref_splice.asp1. js插入到指定位置意思: 在array数组的 index位置插入元素valarray.splice(index,0,val);2. js删除指定位置的元素意思:删除index位置上的元素 第二个参数的意思是 删除从ind
2016-06-29 19:16:17 29153
原创 可以增删改的输入下拉框(本人原创)
1. 效果图2. 依赖文件 bootstrap.css bootstrap.js jquery.js 2.CSS .ruleInputUL{ position: absolute; width:100%; z-index: 10; list-style: none; border: solid 1px #b6
2016-06-23 20:47:05 493
原创 multiselect多选框实现
1.效果图2.依赖文件jquery-ui.min.js jquery.multiselect.js jquery.js jquery.multiselect.css jquery-ui.css3.html 4. js$("#keywordIds").multiselect({
2016-06-20 20:26:55 2387
软件工程课件
2016-01-29
AxureRppro rp专业界面原型设计软件
2015-03-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人