- 博客(104)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 jQuery判断checked的三种方法
今天在查看他人源码时看到在判断复选框是否选中时，与自己的写法不同：.is(":checked") vs .prop(“checked”) == true因此，特地百度了一下，结果如下：.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //1.6+:true/...
2019-03-11 20:48:21
1641
原创 ios移动端数字被识别为电话号码颜色改为蓝色
需要添加以下代码<meta name = "format-detection" content = "telephone=no">
2019-03-06 16:34:39
1186
原创 swiper轮播-vue-apicloud：第一张快速闪过、轮播受下拉影响、点击事件失效、数据动态更改等问题
Vue.component('swiper',{ template:'<div class="swiper-container banner_swiper">' + '<div class="swiper-wrapper">' + '<div class="swiper-slide" v-for="(item,index) in.
2019-02-27 08:16:50
778
原创 git常用命令
在github上创建一个远程仓库repository密钥SSH配置在git bash here 上执行 ssh-Keygen；会在此“C:\Users\han.ssh”路径下生成两个文件id_rsa和id_rsa.pub，用记事本打开id_rsa.pub，复制里面的密钥；回到github上，点击头像->settings->SSH and GPG keys->New SSH...
2019-02-17 18:30:27
259
原创 js原型及原型链
原型：原型是function对象的一个属性，它定义了构造函数构造出来的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。Car.prototype -----&gt; {} 原型 是实例对象的公有祖先function Car() {}var car= new Car()实例访问一个属性，如果自身没有，则去看原型上有没有现在看看prototype对...
2019-02-14 20:37:08
481
转载 es6之扩展运算符 （...）
对象的扩展运算符理解对象的扩展运算符其实很简单，只要记住一句话就可以：对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let bar = { a: 1, b: 2 };let baz = Object...
2019-02-02 21:20:10
979
转载 微信JSSDK开发信息配置
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。但是很多人在配置和使用的时候，老是出各种错误。最近项目也涉及到这个，就记录一下过程，并对方法进行封装。基本步骤如下：1.绑定域名先确保你使用的是认证的账号...
2019-01-24 19:26:23
949
原创 vue SPA项目 IOS微信分享文章详情页，但分享链接为主页
IOS：每次切换路由，SPA的url是不会变的，发起签名请求的url参数必须是当前页面的url就是最初进入页面时的urlAndroid：每次切换路由，SPA的url是会变的，发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)所以IOS需要修正url路径router.beforeEach((to, from, next) =&gt; { const agent = ...
2019-01-24 13:10:53
2595
2
原创 jqGrid 实现control和shift快捷键多选
$('#gridTable').jqGrid({ beforeSelectRow: multiSelectHandler})function multiSelectHandler(sid, e) { var grid = $(e.target).closest("table.ui-jqgrid-btable"); var ts = grid[0], td...
2019-01-24 11:08:26
793
转载 常用的css样式
一、去除input默认样式textarea,select,input{ -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: non...
2019-01-16 19:13:10
362
原创 jq封装PhotoSwipe的使用方法
官方网站：http://photoswipe.com/ 源码下载：https://github.com/dimsemenov/photoswipe国内CDN：http://www.bootcdn.cn/photoswipe/引入相关文件<link href="contents/photoswipe/default-skin/default-skin.css" rel="stylesh...
2019-01-16 14:56:27
323
原创 vue cli 3.X项目打包本地查看、上线（nginx反向代理\history模式\微信白屏）
首先本地查看先了解vue.config.js配置项中的publicPath（官网上说的是这个名字，但是用这个名字打包时会非法错误，最后还是用的baseUrl）部署时官网上说如果你已经将 publicPath 配置为了一个相对的值，那就可以直接本地预览（但是不能访问后台接口，只能展示静态页面）由此可知如果你路由里配置成HTML5 History 模式，那是不能使用相对路径的const...
2019-01-12 23:34:52
840
原创 $nextTick() 获取的DOM类数组取值有问题（已解决）
mounted() { this.$nextTick(this.init); }, methods: { init() { let imgDomList = document.getElementsByTagName('img'); Array.prototype.slice.call(imgDomList,0).forEach((img, in...
2019-01-10 17:12:54
374
原创 vue 事件传递事件参数与其他参数的方法
$event&amp;lt;input type=&quot;file&quot; accept=&quot;image/*&quot; @change=&quot;imageHandle($event, index)&quot; class=&quot;originInp&quot;&amp;gt;
2019-01-09 14:37:14
977
原创 如何用css做一个正方形（自适应屏幕宽度）
DOM结构&amp;lt;div class=&quot;img-container&quot;&amp;gt; &amp;lt;div class=&quot;img-box&quot;&amp;gt; &amp;lt;img src=&quot;xxx&quot; /&amp;gt;
2019-01-08 20:23:29
2265
原创 vue 压缩图片预览并上传（promise封装）
主要用到filereader、canvas 以及 formdata 这三个h5的api过程大致分为三步：用户使用input file上传图片的时候，用filereader读取用户上传的图片数据（base64格式）把图片数据传入img对象，然后将img绘制到canvas上，再调用canvas.toDataURL对图片进行压缩获取到压缩后的base64格式图片数据，转成二进制塞入formda...
2019-01-06 20:42:22
882
3
原创 关于对vue props值修改的问题，用$emit或pubsub-js代替
vue项目中要使用Element UI组件的对话框Dialog，因为该组件相比其他组件稍微复杂一点，并且有事件需要处理，所以单独写在了一个模板里，需要一个props，从父组件向子组件传递布尔值，是否显示该对话框，并且打算在该子组件里处理取消和确定事件。鉴于vue官方文档说不应该在一个子组件内部改变 prop如果这个 prop 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 pr...
2019-01-02 18:28:47
832
原创 vue
MarkDown支持html语法marked.jsmarked是一个markdown 解析、编译器以下代码是如何将md文件转为htmlimport marked from 'marked'let renderMD = new marked.Renderer();let index = 0;renderMD.heading = function (text, level) { ...
2018-12-29 19:06:47
270
原创 jq下拉刷新（安卓微信浏览器实现刷新）
安卓微信浏览器下拉会露出域名等信息，这样就会影响下拉刷新，如果阻止微信浏览器下拉，那正常的move也会失效，然后想了一个方法，如果是安卓微信浏览器，则换种操作方法：当scrollTop为0时，先上划一点再迅速下拉就可以实现刷新，代码如下var startY, mY, topScroll, refreshFlag = fals...
2018-12-27 14:56:01
441
原创 H5缓存机制
做过返回页面定位的功能，因为带分页，所以用了缓存sessionStorage，请见博客，然后顺便又了解了其他的缓存机制。一、消除缓存//方法一 修改请求header头，比如php添加：header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");header("Cache-Control: no-cache, must-revalidate");hea...
2018-12-25 16:52:14
258
原创 jq手写瀑布流、兼容性问题、分页涉及到的返回定位
移动端项目有一个功能是要展示很多列表，需要分页展示，虽然之前用过better-scroll插件，但是这次我想自己写。首先在获取滚动轴高度、文档高度、屏幕可视区域高度时出现兼容问题：//滚动轴高度var scrollTop = $(document).scrollTop() || window.pageYOffset || document.documentElement.scrollTop ...
2018-12-24 16:37:04
559
原创 移动端长按屏幕取消选中文字
项目中要求长按屏幕弹出对话框，不能选中文字，可以设置css样式* { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; ...
2018-12-24 15:39:58
2196
原创 jq封装蒙层小插件，蒙层滑动页面不滑动
var bodyEl = document.body;var tops = 0;关闭模态框bodyEl.style.position = ‘’;bodyEl.style.top = ‘’;window.scrollTo(0, tops);蒙层出现tops = window.scrollY;bodyEl.style.position = ‘fixed’bodyEl.style.to...
2018-12-22 22:47:38
324
原创 webpack自动化构建工具
webpack官网电脑已经安装了git和node主要是：入口（entry）输出（output）解析器（loader）插件（plugins）1/ npm（包管理工具）全局（-g）安装webpack和webpack-cli（命令行接口）npm install webpack webpack-cli -g2/ 初始化当前项目npm init在项目文件夹中生成 package.js...
2018-12-21 18:15:22
619
原创 vue源码初级解析（数据代理、模板解析、数据绑定、双向绑定）
一、数据代理实现数据代理的核心就是 Object.defineProperty()方法，而IE8及以下是不支持该方法的，所以vue不能用在IE8及以下。回归正题，data里的属性可以直接vm.xxx，那是因为用defineProperty方法将data中的属性增加到vm上了，主要代码如下：Object.keys(data).forEach(function (key) { var me...
2018-12-20 21:46:34
212
2
原创 vue 实现购物车
<template> <div> <div class="shopcart"> <div class="content"> <div class="content-left" @click="toggleShow"> &l
2018-12-16 12:46:35
336
1
转载 backdrop-filter高斯模糊
backdrop-filter是在Filter Level2提出来的。这是一个实验技术，其取值和filter Level1中filter属性的属性值一样，包括：blur()urlbrightness()contrast()drop-shadow()grayscale()hue-rotate()invert()opacity()saturate()sepia()效果如下：...
2018-12-16 12:42:58
1774
转载 给伪元素的css属性动态赋值以及获取css属性值
一/ 设置值就是动态添加style$('head').append($('<style class="styleBefore">.leveltwo-scroll::before{height:' + domRight + 'px;}</style>'));二/ 获取值#leveltwo-scroll::before { content: '...
2018-12-15 10:47:57
3058
原创 vue路由query和params的几种传参方式
在项目中需要路由传参，查看了官方文档以及参考了网上其他资料，现总结如下：一/ params传参占位符:id//声明式&amp;amp;amp;lt;router-link :to=`/home/${name}`&amp;amp;amp;gt; //编程式skipMethod (name) { this.$router.push(`/home/${name}`); //或者 this.$router.pu...
2018-12-14 11:40:08
616
原创 vue基于better-scroll制作左右联动滑动页面
界面如下：vue模板&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;goods&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;menu-wrapper&amp;quot;&amp;
2018-12-13 14:57:23
1581
4
原创 Vue.set()
给state中的一个对象添加新的属性，要用Vue.set()，否则数据更新不会展示到页面上，用法如下：Vue.set(food, 'count', 1) //food是对象，count是属性，1是值
2018-12-13 14:34:21
263
原创 better-scroll不滚动/连续两次触发点击事件等问题的解决
一/ 不滚动一般我们自己做滚动都是这种结构&amp;amp;lt;div class=&amp;quot;content&amp;quot;&amp;amp;gt; &amp;amp;lt;-- 需要滚动的内容 --&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt;会将高度等样式设置在“.content”元素上
2018-12-12 19:31:54
5252
转载 用正则实现金额千分位用逗号分隔的方法 JS
var a = 222122122.6754; var b = a.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');//使用正则替换，每隔三个数加一个','
2018-12-11 10:28:44
4092
1
原创 html页面传值的querystring方式的注意事项
一/ 带有中文，需要编码解码从一个页面到另一个页面location.href = 'XXX/XXXX?code=赵晗'页面接收该参数时会乱码解决办法：发送时编码encodeURIComponent，接收时解码decodeURIComponent，在工作中我发现发送时不用编码，只要接收时解码就可以//获取从清单页面传过来的参数并做判断 $(function () ...
2018-12-10 20:57:10
1336
原创 vue 父组件调用子组件的方法
一般情况，我们从父组件向子组件传递数据会用props，子组件事件想在父组件中执行可以用$emit。现在父组件想用子组件里的一个方法，那怎么办？在父组件里首先得得到子组件对象，点的方式就可以使用子组件方法了，那如何得到子组件对象，必须用ref，简单例子如下：&amp;lt;-- 子组件Food --&amp;gt;methods: { toggleFood () { this.showFo...
2018-12-10 11:36:44
481
原创 vue 在某些情况下数据使用前须判断是否有值
从商品列表到商品详情页时，要异步请求数据info，代码如下：<div class="shop-header-discounts"> <div class="discounts-left"> <div class="activity" :class="supportClasses[info.supports[0].type]"> &a
2018-12-08 10:08:51
3837
原创 $nextTick() Swiper轮播组件
在vue中使用Swiper轮播组件，最先想到的是在watch中new一个Swiperwatch: { categorys(value) { new Swiper('.swiper-container', { pagination: { el: '.swiper-pagination', }...
2018-12-06 19:55:57
822
原创 vue映射函数mapState mapActions mapMutations mapGetters
通过扩展运算符，将store里的state/actions/mutations/getters的属性或者方法直接映射到当前vue对象的this上，使用时直接this.xxx
2018-12-06 18:42:47
803
原创 使用Promise、axios封装ajax异步请求
先上代码import axios from &amp;amp;quot;axios&amp;amp;quot;export default function ajax(url, data = {}, type = 'GET') { return new Promise(function (resolve, reject) { let promise; if (type === 'GET') { ...
2018-12-04 12:26:49
2583
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人