- 博客(72)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 webpack学习之helloworld(一)
1、webpck是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时，它会在内部创建一个依赖图(dependency graph)，用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个bundle2、从零搭建一个helloworld 2.1 安装we...
2018-10-28 19:17:40
983
原创 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
2841
原创 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
3020
原创 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
1996
原创 vue-router 动态添加 路由
动态添加路由可以用了做权限管理。登录后服务器端返回权限菜单，前端动态添加路由 然后在设置菜单 1、vue-router 有方法router.addRoutes(routes) 动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。 使用方法 this.$router.options.routes[0].children.push({//插入路由
2017-11-21 20:57:50
36544
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
24419
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
6804
1
原创 ios下jquery document.on() 无效 ，设置 cursor: pointer;
ios下jquery document.on() 无效 ，设置 cursor: pointer;
2017-08-08 17:40:01
1472
原创 input框中按enter键会刷新页面
一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件解决方法:既然是只有一个文本框才会出问题，那么可以加一个隐藏的文本框，如下：input id="hiddenText" type="text" style="display:none" />
2017-08-08 17:38:51
2778
原创 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
665
原创 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
1193
1
原创 请求JSON格式文件文件问题
a、$.ajax 请求 success回调方法没执行。原因: 高版本的jquery对ajax有严格的要求，请求的json数据如果不是标准的就不会执行success方法b、使用post请求返回405 使用get请求可以成功。原因：静态文件用post请求被大多数服务器禁止，并且返回405
2017-08-08 17:34:39
790
原创 父窗口获取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
12599
2
转载 如何去设计一个自适应的网页设计或HTMl5
如今移动互联网随着3G的普及，越来越火爆，更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小，宽度通常在600像素以下, PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是136
2016-11-23 19:48:50
8505
1
原创 option元素 display属性在IE下无效的解决方法
在做项目中 有个 区域和街道的联动效果，选择地区后过滤对应的街道。我刚开始时使用的方法是将option设置成 display:none,结果在IE下无效。解决方法: 一. 用一个变量保存所有街道的值，过滤的时候取出来，动态添加到select中二、用jquery的 $.wrap方法在option外面添加一个父元素 通过父元素控制option的隐藏三
2016-11-23 12:03:50
3462
原创 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
6519
原创 jquery validate使用class属性进行字段验证
jquery validate使用class属性进行字段验证很简单只需要在 class中添加验证的字段即可例如下例就可以自动验证: isPositiveInteger" type="text"/>// 正整数验证 jQuery.validator.addMethod("isPositiveInteger", function(value, element)
2016-11-16 21:41:13
6626
原创 jquery validate 失去焦点时移除错误提示
红色区块为去除错误提示信息，淡蓝色区块为 怎样去除错误信息（自定义）蓝色区块为设置错误信息显示的位置$("#formMail").validate({ rules:{ phone :{ isMobile : true }, newPsw:{ minlength: 6 }, reNewPsw
2016-11-01 21:26:40
4741
转载 <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
3915
原创 div隐藏时jquery outerHeight(true);值有问题
1. 当div是隐藏的时候 $(".content-header").outerHeight(true);计算出的高度值不对。应在显示的时候计算div的高度值
2016-10-12 20:44:28
1246
原创 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
8613
原创 jquery validate 设置验证消息不显示
$("#form").validate({ errorPlacement: function(error, element) {} });
2016-10-12 20:36:54
3631
原创 阻止手机浏览器屏幕 上下滑动
document.querySelector('body').addEventListener('touchstart', function (ev) {event.preventDefault();});
2016-10-12 20:33:46
6784
1
原创 根据给定的url获取域名
/* * 功能: 通过url获取 顶级域名 * 方法名: fIsUrl * 所属类: guyu.util * 参数: sUrl 获取网址的url地址 * 返回值: 返回顶级域名字符串 如果sUrl有问题或匹配不到顶级域名返回 '' */guyu.util.fGetDomain=function(sUrl){var sDo
2016-08-02 19:38:30
1965
原创 判断是否是有效的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
2473
原创 基于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
9159
原创 奇妙的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
383
原创 在字符串中的特定位置插入字符串
// 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
12074
原创 获取特定字符串在 字符串中出现的所有位置
/* 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
8242
原创 knockout $index $root 等的意思
1. $index 在foreach下 当前 的索引值2.$root 在最顶层的根元素3. $parentContext 表示上一级元素4. $parentContext.$index上一级元素索引
2016-06-29 21:08:16
1276
原创 jquery.validate 设置验证信息的显示
1. $("#form").validate({ onfocusout: function(element) { $(element).valid(); }, rules:{ }, errorPlacement: function(error, element) { //错误信息位置设置方法 element.af
2016-06-29 21:02:58
2836
原创 jquery.validate失去焦点时就验证
1.onfocusout 失去焦点时验证$("#form").validate({ onfocusout: function(element) { $(element).valid(); }, rules:{ } });
2016-06-29 21:00:32
9798
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
3510
原创 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
3557
原创 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
28403
原创 可以增删改的输入下拉框（本人原创）
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
464
原创 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
2359
软件工程课件
2016-01-29
AxureRppro rp专业界面原型设计软件
2015-03-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人