- 博客(50)
- 资源 (27)
- 收藏
- 关注
原创 input修改disabled属性默认样式,适配IOS安卓
IOS默认设置透明度.3,需要修改.van-stepper__input[disabled] {color: #7d7e80;-webkit-text-fill-color: #7d7e80;-webkit-opacity: 1;opacity: 1; //默认的不透明级别为0.3background-color: #fff;}...
2019-01-27 11:37:39 855
转载 页面z-index的数值不生效的原因
说在前面:从父原则 <div class="a"> <div class="b"></div></div><div class="c"></div>chorm22+中,当设置position:fixed;后会触发元素创建一个新的层叠上下文,并且当成一个整体在父层
2018-12-30 18:08:34 1847
原创 vue cli3.0默认base选项
1、这是 vue-cli 3 的默认选项,base: ent.BASE_URL2、需要把 router.js 中的 router base 去掉,上传静态文件到 oss 的 BASE_URL 不应该也应用到 router base
2018-12-28 13:56:36 3438
转载 class命名规范
常见class关键词:布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类:li...
2018-08-08 15:22:23 4210
原创 visual studio code配置git环境
1、git下载环境:https://git-scm.com/downloads2、计算机 > 属性(右击)> 高级系统设置 > 环境变量 > 系统变量下的Path > 编辑 , 然后新建添加你的Git下的cmd路径,然后确定即可。 如:C:\Program Files\Git\cmd3、打开visual studio code,然后 文件 > 首选项 &...
2018-08-06 14:29:26 8706
原创 vue ssr 报错 ReferenceError: window is not defined
这是因为首先使用node服务端进渲染的,而node端不存在window对象解决办法如下 :把需要执行系统对象的代码放到mounted生命周期里,待node服务端渲染完成之后则可以正常使用啦注:既然采用服务端渲染了,尽可能避免使用系统对象元素啦我们所有的数据不能放在vue中的mounted中获取,因为这样和客户端渲染没什么区别,vue暴漏的这个环境支持window也就是说这个位置其实是client端...
2018-02-27 17:00:13 27390 2
原创 webstorm左侧导航无法显示文件夹
原因:因为webstorm自动生成的配置文件 .idea/modules.xml损坏解决办法:1、关闭webstorm2、删除.idea文件夹3、重新打开项目
2018-01-24 10:15:04 6376 1
原创 匹配金额的正则表达式,带小数点
_normalize(inValue) { if ( /^(([1-9][0-9]*)|(([0]\.\d{0,2}|[1-9][0-9]*\.\d{0,2})))$/.test(inValue)) { console.log('有效'); return inValue; } else { if (inValue.length === 1 &&
2018-01-19 18:08:14 5988
原创 vue-router相同的地址,如何刷新数据
vue-router当跳转是相同的地址时,是不会刷新页面的 刷新页面的方法有: 1、location.reload() 2、去掉 mode: ‘history’, 3、把router-link换成a标签 跳转个人建议,采用第三种,使用a标签
2017-12-08 11:57:59 13098 2
原创 vue v-for数组倒序
Index is {{$index}} Content is {{i}} var vm = new Vue({ el: '#app', data: { items: { a: "1",
2017-11-07 10:18:21 33969
原创 win10 npm安装node-sass文件出错
node-sass报错无法安装上的解决办法npm install --save node-sass@4.5.3 --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
2017-09-22 18:16:36 2031
原创 vue引入第三方zepto.js库报错
报错: TypeError: Cannot read property 'createElement' of undefined原因:只使用了 AMD 规范的模块导出方法 define,没有用 CommonJs 规范的方法 module.exports 来导出模块,不过这不是造成报错的原因。解决办法: 1、安装辅助插件库npm i -D script-loader exports-loader2、
2017-07-20 11:45:44 6847 1
原创 vue2.0使用swiper组件实现轮播
1、安装swipernpm install swiper@3.4.1 --save-dev2、引用组件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';3、html页面代码 <div class="swiper-container" id="swiper"> <div class="swiper-
2017-07-19 15:28:53 28309 9
原创 npm install 安装不成功,提示python2.7
npm install 安装不成功的原因 是因为缺少python的环境 解决方法: 1、去官网下载https://www.python.org/download/releases/2.7/ 2、安装成功之后,在环境变量中的系统变量选择安装路径 3、执行npm rebuild node-sass 重构一下 4、再重新执行npm install就OK啦
2017-07-12 20:30:02 49651 13
原创 gulp-rev-collector文件替换爬坑之路
1.json文件 {“SecurityPlatform.jpg”: “SecurityPlatform-330213dab9.jpg”, “activitie1.jpg”: “activitie1-71f076339e.jpg”, “activitie2.jpg”: “activitie2-10e484b5dc.jpg”, “activitie3.jpg”: “activitie
2017-07-12 18:24:01 3675
原创 vuex中的babel编译mapGetters/mapActions报错解决方法
在尝鲜vuex2时,发现vuex2增加了 mapGetters 和 mapActions 的方法,借助stage2的 Object Rest Operator 特性,可以写出下面代码: methods: { marked, …mapActions([ ‘getArticles’ ]) } 但是在借助babel编译转换时发生了报错: BabelLoaderError:
2017-07-04 10:36:27 9651
原创 js禁止和启用移动端页面内容滚动
直接上代码:this.onTouchMove(true);//禁用this.onTouchMove(false);//启用onTouchMove(inFlag) { if (inFlag) { document.addEventListener('touchmove', this.onHandler, false); } else { documen
2017-06-16 10:58:20 8726 1
原创 微信APP浏览器如何引用中文字体
1、下载中文字体 如:FZS3JW.TTF 2、访问http://www.fontconverter.org/ 转换字体 3、转换成四种格式,包括:FZS3JW.TTF,FZS3JW.svg,FZS3JW.woff,FZS3JW.eot4、css3引用字体方式 @font-face { font-family: 'FZS3JW'; src: url('../ima
2017-04-02 16:45:40 1872
转载 webstorm修改文件,webpack-dev-server不会自动编译刷新
重装了 webstorm ,从10升级到了2016一升不要紧,打开老项目,开启webpakc-dev-server,然后改代码,发现浏览器不会自动刷新了!!!这可急死我了,各种卸载webpack、webpack-dev-server,安装各种版本,调试。各种查资料查文档,都讲的是参数配置(webpack-dev-server启动就会自刷新,参数都是其它用途)。然后结果都是
2017-03-06 18:44:07 2108
原创 js转换html为图片(html2canvas模糊变清晰)
1、把以下代码存储为html2canvas.js/* html2canvas 0.5.0-beta3 <http://html2canvas.hertzen.com> Copyright (c) 2016 Niklas von Hertzen Released under License */!function(e){if("object"==typeof exports&&"undefin
2017-02-18 14:32:04 16320 3
原创 webstorm开发vue组件时,支持scss/less等预处理语言
vue组件支持预处理语言的关键点: <style rel="stylesheet/scss" lang="scss"> .mint-swipe { height: 300px; .mint-swipe-indicators { width: 98%; text-align: right; left: 0;
2017-01-10 14:45:25 6696 1
原创 调用微信SDK预览图片
1.引入微信sdk js 2.准备阶段 wx.config({ debug: false, appId: '', timestamp: '', nonceStr
2017-01-10 11:25:38 1149
原创 ionic的布局样式row->col
row的子级,col均分宽度,如没有col,则可以设置具体宽度,剩下的col均分剩下的宽度<div class="bd wp-10 clfix row row-center row-no-padding ib_"> <div class="left text-center"> <div class="img-wrapper webkit-sassui-frame-wrapper"
2016-11-01 19:53:11 6025 2
原创 $ionicActionSheet 在Android手机上样式问题
$ionicActionSheet 在Android手机上样式问题 把以下代码复制到style.css中,以重写样式的方式解决/** * Action Sheets for Android * -------------------------------------------------- */.platform-android .action-sheet-backdrop {
2016-10-08 16:27:30 2706 1
原创 angularjs内置指令
AngularJS快速入门指南20:快速参考 AngularJS指令 本指南中使用过的AngularJS指令:指令 描述 说明 ng-app 定义一个application的根元素。 指令 ng-bind 将HTML元素的innerHTML绑定到application data。 介绍 ng-click 定义HTML元素的click事件。 事件 ng-con
2016-09-21 17:24:19 587
原创 解决微信title不生效的办法
function _classifyMap(inData) { var pTitle=''; if (inData.classify == 'HIGHLIGHT') { pTitle= '精华帖'; } else if (inData.classify == 'KNOWLEDGE') { pTitle= '知识帖'; } else {
2016-09-13 11:42:20 4141
原创 解决图片适应手机一屏,用百分比自适应
html<div class="content"> <div class="bg"></div></div>css.content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; .bg { position: relative
2016-09-13 10:01:41 2046 1
原创 解决vue的变量在settimeout内部效果失效方法
1、定义一个self暂存this2、再改变变量的值,则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgState; setTimeout(function () { self.loadState
2016-09-09 16:35:57 15495 2
原创 zepto实现动画返回顶部的功能
zepto的animate()源码采用css3的方式进行,而scrollTop属性不在css3的动画属性中,所以没有生效(function (global) { $.fn.scrollTo = function (options) { var defaults = { toT: 0, //滚动目标位置 durTime: 500, //过渡动画时间
2016-09-09 10:09:39 4489
原创 如何使用fiddler2拦截移动端app的数组请求
1、fiddler2下载地址:https://www.telerik.com/download/fiddler2、安装成功之后,进行配置
2016-08-29 18:32:37 574
转载 angularjs输出html
在用angular作为前端搭建个人博客的时候,发现用angularJs输出html的时候,浏览器并不解析这些html标签,不知道angularjs如何实现这种功能的。但是这里我们需要其显示angular输出的html能被浏览器解析怎么办呢?通过api,发现通过指令 ng-bind-html来实现html的输出。[html] view plain copy
2016-08-11 17:17:14 1702
原创 解决angularjs使用iframe加载网址的跨域请求
打开不同域的内容时报下面的错误:Blocked loading resource from url not allowed by $sceDelegate policy app.config(function($sceDelegateProvider) { $sceDelegateProvider.resourceUrlWhitelist([ //
2016-08-08 17:09:14 3745
原创 webstorm中console.log的快捷补全方法
c.log 再按tab键 因为嫌 console.log() 的写法太繁琐,想将其简写为 log() 。 我最初是这样写的: var log = console.log; log(..);结果输出为:TypeError: Illegal invocation谷歌一番之后在 Stack Overflow 上找到这个答案:var log = con
2016-08-02 15:29:25 12476 1
转载 angularjs的监听方法$watch、$watchGrou、$watchCollection的使用方法
angularjs的$watch、$watchGroup、$watchCollection使用方式Posted on 2014/05/12如果想在controller里面随时监听一个值的变化那就用$watch $watch: <input type="
2016-08-02 11:55:24 1030
原创 重写js的replaceAll的方法
我要用 JS 替换一个多行文本的关键字正常,没有变量的时候应该是这样:把 a 替换成 b:string.replace("a","b");以上只能替换第一个匹配的,要全文匹配应该用正则表达式:string.replace(/a/g,"b");正则加个参数 g ,表示全文匹配。但现在,我要替换的不是 a 这个字符了,而是从外面传进来的一个变
2016-07-19 17:05:58 1277
转载 display:inline-block的小注意
今天使用display:inline-block的时候,发现两个div不能在同一行显示,代码如下: 链接一 链接一 后来百度了一下发现,display:inline-block有个间距,在这里可在父级元素用font-size:0;去除间隙;同时在子元素上设置font-size
2016-07-18 14:10:41 368
原创 css垂直居中的方法
一.line-height1.概念:line-height是指文本行基线直接的距离,而不是字体的大小,它确定了将各个元素框的高度增加多少或减少多少。换句话说,line-height值和字体大小之差就是行间距,行间距平分成2部分,分别应用到内容区的顶部和底部,也叫半行距。2.line-height的值。初始值:normal继承性:有百分数:相对元素字体大小计算值:对于
2016-07-18 11:29:50 815
原创 css选择子项同类型的索引对象
.jdemo li:nth-child(2){background-color:red;}.jdemo li:nth-of-type(2){background-color:yellow;}我是文本第一条第二条.jdemo li:nth-child(2)选择的是第一条节点,而.jdemo li:nth-of-type(2)则选择的是第二条节点
2016-07-18 10:58:07 1043
jQuery最全示例教程(特别适合初学者)
2013-10-24
水晶报表详细教程
2013-07-02
asp.net文件批量上传FlashFileUpLoad,可多选,含有源代码
2012-06-21
DevComponents.DotNetBar2.dll 教程实例 C#(附组件库与flash教程)
2011-07-19
餐饮管理系统(C#源码)winform
2010-10-25
实用的asp.net 2.0版本的网上银行支付定接口
2010-08-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人