- 博客(32)
- 收藏
- 关注
RSS订阅原创 js深浅拷贝
1、在说深浅拷贝前，我们先来看看下面两个例子在第一个列子里面，修改b的值并不会影响到a的值，在例子2 arr2修改里面的值时，会影响到arr1里面的值。同样是变量为什么表现不一样呢？这时候我们就要了解一下js中的数据类型：基本数据类型和引用数据类型基本类型和引用类型ECMASCRIPT的变量包含两种数据类型，基本数据类型和引用数据类型，基本数据类型指的是，保存在栈中的简单数据类型，引用数据...
2019-01-02 11:49:15
878
1
原创 keep-alive vue不起作用的原因
keep-alive 从列表页进入到详情页，再回到列表页，然后页面又重新请求，而不是直接读缓存里面的（ps：之前keep-alive用在项目中是可以起作用的，但是不知道为什么这两天就出现了这样的问题。就连activated，deactivated这两个钩子函数也是没有触发到） 具体代码如下 我尝试在项目中新建一个很简单的页面，也是没有效果。一开始以为是vue的版本过低导致的，看了一下v...
2018-05-09 10:14:38
20658
13
原创 微信蓝牙硬件设备接入（2）
onReceiveDataFromWXDevice 接收不到数据原因有关蓝牙设备响应的数据到底是返回前端页面还是后端服务器检验方法最近刚接触微信蓝牙设备接入，遇到一个问题就是，可以获取设备信息，也可以发送消息给设备，但是接收设备响应回来的数据却接收不了，在网上看了好多信息，说，设备响应的数据有两条路径，一条是返回到后端服务器，一条是前端页面。我试了好久，名曲的肯定数据没有返回到前端（因为jsapi压
2017-11-22 10:45:50
711
原创 微信蓝牙硬件设备接入（1）
微信jsapi是网页javascript的接口，该接口允许厂商的网页对局域网设备（设备必须支持AirKiss3.0）和蓝牙设备进行操作。例如扫描设备，连接设备，收发数据，绑定设备等。大概流程图如下（以蓝牙设备为例，途径是红色箭头那个）1、用户场景1、用户打开微信app的扫一扫，进入我们的html页面2、然后通过html界面上的操作进行跟设备的通讯2、前端 jsapi编写（1）调后端接口获取appId
2017-11-16 18:08:14
1550
原创 关于在window环境下使用git命令时git指令不能识别的原因
没有环境变量 然后用vue-cli安装项目会出现如下的情况，乱码吗？（乱码提示我觉得大概是git指令不存在的意思）然后就看了一下别人的总结就说window下虽然安装了git但是缺少环境变量，所以一定要安装环境变量才可以使用于是我就使用了命令行添加的方法给git在window下添加了环境变量再输入git的命令成功啦具体可参考一下链接：https://www.cnblogs.com/liangsongb
2017-11-16 16:55:43
9335
原创 SVG初步了解，制作圆圈进度效果
SVG实现圆圈进度效果1、viewBox2、 基于stroke-dasharray和stroke-dashoffset圆形进度条stroke-dasharray：定义描边的虚线长度，如果提供奇数个，则会自动复制该值成偶数stroke-dashoffset：定义虚线描边的偏移量（在路径开始的前面，看不到） 具体可参考一下链接来实现需要的效果http://www.runoob.com/svg/svg-
2017-10-27 12:12:38
602
原创 es6学习第一篇（let和const命令）
let和const 命令let命令1、es6新增了let命令，用来声明变量。它的用法和var 类似，但是let声明的变量，只在let命令所在的代码块内有效。{ let a = 10 var b = 1}console.log(a) //referenceError: a is not definedconsole.log(b) //12、不存在变量提升（即变量一定要声明之后才可
2017-10-23 15:00:31
324
原创 unknown mutation type SET_SINGER
问题：用vuex保存状态时出现了这个错误，以为是mutation-type SET_SINGER 写错了，然后前后检查了一遍没有错误找了好多文章也是出现了这样的错误（老版本的写法）https://segmentfault.com/q/1010000005955250我已经明确了自己有派发时间的了，然后最后检查了一下发现原来那些mutation getter action 后面都有s的，因此导致提交m
2017-10-17 12:14:43
8999
原创 html禁用文本位11位数为电话号码
问题描述：我设置了文本数字不识别为手机号码了，但是在苹果手机里面已经禁用了，但是在安卓手机微信浏览器打开时，只要是11位数字的文本时，都会调起拨打界面为什么呢？
2017-09-22 12:02:30
1946
2
原创 better-scroll滚动不了的问题
今天有空尝试用了better-scroll组件来写slider，谁知道遇到一个很坑的一个东西。1、一定要每个slider-item元素添加一个宽度，重点是父元素slider-group的宽度也一定要大于等于所有子元素slider-item之和。2、一定要保证在DOM渲染完毕后初始化better-scroll，也就是添加延时执行，setTimeout(() => { this._in
2017-09-08 14:42:38
7528
原创 vue项目中使用mint-ui的上拉加载更多时，ios遇到留白情况
问题描述：上拉加载更多时在ios里面遇到一个问题，就是不断的上拉刷新，然后点击列表进入详情然后按返回时遇到图下留白的情况，其实它是有内容的，但是就不知道为什么会有一个灰色层在上面遮着，但是安卓机是没这个问题的。最后解决的方法是给最外层的div动态加了个高度，不知道是否是问题源头，但是给最外层div加了个高度后就不出现了这个情况。如果哪位大神同样遇到这样的问题的话，麻烦说说什么会导致这样的问题，和解决
2017-09-06 10:58:11
2300
7
原创 webpack+vue开发项目时遇到报错如何定位错误
前几天添加一个功能就是，修改localstorage时报的错，一开始，根本就不知道是什么原因导致的，然后一直在找原因（ps:对webpack+vue的项目调试，感觉有点困难，不知道各位大神，看到这样的错误，是如何定位的？正在学习当中，望大神指教一下。）然后我试着在其他浏览器打开，这个问题没有出现的，只要要又运行重置localstorage值时，又报错，最后定位到可能set localstorage时
2017-07-18 14:27:12
12530
原创 编译sass文件时遇到的问题
具体的报错是说，不兼容的字符编码，我就想着是不是我的scss文件没有按照utf-8来保存和使用，然后就在scss文件开头加了@charset “utf-8”; 同时将文件用utf-8编码保存，但是依然还是报这样的错，跟着知乎上的帖子改也没有用也有论坛说可能是注释带有中文的原因导致的，我也试着把注释全删了，但是依然报同样的错误，最后做了个猜想，会不会是因为我的文件夹用了中文导致的，果然，将中文改成英文
2017-07-18 14:10:23
1223
原创 vue动态为数据添加新属性遇到的问题
vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur’]=false;动态为数据添加属性时，数据变化了，但是视图没有发生更新。 具体原因不明白。。。。 解决方法：通过set来添加属性this.set来添加属性 this.set(self.book[i],’cur’,false); 这样子来设置，就没问题了
2017-06-08 11:56:00
5096
原创 vue-cli脚手架的使用时eslint报错
今晚在安装webpack+vue的时候遇到的一个小坑，当运行npm run dev的时候报了以下的错误 （有空再详细了解一下什么是eslint，怎么使用） 导致的原因是：设置了eslint-router，从而导致代码做了规范解决方法：把下面的代码删除即可运行
2017-05-12 21:34:45
1973
原创 调用微信分享
/* 调用微信分享 */ if(WeiXinSDK.isWeiXin() && share) { // 朋友圈 var WeiXin_data_Timeline = { title: share.title, // 分享标题
2016-06-17 16:34:02
1168
原创 对css3中的transform transiton animate的理解
transform 是实现的是元素的变形（静态）主要使用有transform：translate() 平移 transform：rotate() 旋转 transform-origin: x, y 主要结合rotate来使用 规定旋转的中心点再哪 transform：scale() 缩放 transform：skew() 倾斜transition是实现的是动画的过程主要使用有transiti
2016-01-30 15:43:31
1312
翻译 h5中 <!DOCTYPE html>标签问题，div里面如果装有一个img下边会有2px间隙
问题原因在于：浏览器并没有所谓的”HTML 5 模式”，而是 只有三种：怪异模式(Quirks)，几乎标准的模式(Limited Quirks)和标准模式(Standards)，其中几乎标准的模式和标准模式之间的唯一差异在于是否对元素给定行高(line-height)和基线(baseline)。几乎标准模式中，如果标签所在行没有其他的行内元素，将不指定基线(baseline)，标签因此会紧贴着父元
2016-01-22 16:13:32
2531
2
原创 css3中 resize 、outline-offset、outline align-items属性 inherit和auto的区别
①resize属性一些理解 （提示拖动这个可以来改变） 语法：resize：none | both | horizontal | vertical none:不可以用户鼠标拖动元素来改变元素的尺寸 both：可以拖动来改变元素的宽高 horizontal:允许拖动改变宽度 vertical：允许拖动改变高度 ②outline 和outline-offset outline设置
2016-01-21 17:42:19
1160
翻译 CSS3 Box-sizing属性
1、语法：box-sizing:content-box | border-box | inheritcontent-box为默认值 W3C的标准Box Model:/*外盒尺寸计算（元素空间尺寸）*/ Element空间高度 = content height + padding + border + margin Element 空间宽度 = content width + padding
2016-01-20 17:07:53
460
原创 box-align和box-pack的使用
通过使用 box-align（垂直） and box-pack（水平） 属性，居中 div 框的子元素：（1）这样可以很简单的模拟对话框水平居中效果一： 1、目前没有浏览器支持box-align属性 2、firefox支持替代的-moz-box-align属性 3、safari opera 以及chrome支持替代的-webkit-box-align属性（2）语法：box-align: sta
2016-01-20 16:15:09
1577
原创 css+html简单的定位到指定的内容
css+html简单的定位到指定的内容<div class="container"> <div class="jumbotron"> <h1>Bootstrap Affix</h1> </div> <div class="row"> <div class="col-xs-3" id="myScrollspy"> <ul
2016-01-19 17:49:18
842
原创 css制作简单的三角形
css简单做三角形html<div class="item-wrap"> <div class="item"> <ul class="img-list"> <li> <div class="tr
2016-01-08 16:27:36
594
原创 AJAX获取数据然后显示在页面
主要功能流程介绍循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮，跳回列表页代码实现流程和解说一、列表页1、访问链接list.php时判断是pc端还是客户端$user_agent_arr = mall_get_user_agent_arr();if(MALL_UA_IS_PC == 1){ //**************
2015-10-20 11:14:54
20114
2
原创 jq实现左滑显示删除按钮，点击删除实现删除数据
效果图第一步：加载<script src="js/jquery.min.js"></script><script src="js/jquery.mobile-1.3.2.min.js"></script>第二步：html <div class="item-wrap"> <div class="item clearfix"> <div class="img-i
2015-10-14 14:43:21
5783
1
原创 jquery鼠标hover事件文字内容滑动遮罩效果
效果图=>第一步，首先引入jquery.min.js文件第二步，写html代码<div class="item-wrap"> <div class="item"> <ul> <li> <img src="images/class1.jpg" /> <div class="text-con"
2015-10-10 17:35:55
2796
1
原创 js弄出加载效果，加载完后跳转到指定的页面
效果图html代码<form name=loading><td align=center><p><font color=gray>正在载入首页，请稍候.......</font></p><input type=text name=chart size=46 style="font-family:Arial;font-weight:bolder; color:gray;background-
2015-10-10 15:49:44
8753
原创 div+css=>遮罩+弹出框(固定在页面中间)
效果图css代码<style type="text/css" >body{ font-family: "Microsoft YaHei" ! important;}/*灰色遮罩层*/.fade{ width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position: fixed; l
2015-10-10 10:35:35
14232
1
原创 用jq实现点击右边内容实现，左边内容切换、自动切换，当鼠标放上右边li上面，左边内容停止切换。
用jq实现点击右边内容实现，左边内容切换、自动切换，当鼠标放上右边li上面，左边内容停止切换。HTML代码：<div class="item clearfix"> <div class="nav-list-content fldi">//左边内容 <ul class="clearfix" id="shenfen
2015-10-09 16:05:09
3928
原创 ajax异步加载
效果图 ajax异步加载第一步：收集数据var name = $("#link-man").val();var phone = $("#link-phone").val();var category = $('#category').val();第二步，将这些数据存进一个data{}的对象里面var data = { name:name,
2015-10-09 15:42:57
597
原创 解决火狐不支持css的zoom属性
IE浏览器和新版chrome都支持css的zoom属性，zoom: 0.5;但是目前为止firefox不支持该属性可以通过下面两个属性实现：-moz-transform，-moz-transform-origin-moz-transform:scale(0.5);但是它会缩放到中间，而IE会缩放到左上角，再通过-moz-transform-origin:top left;就
2014-11-22 11:27:17
2789
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人