- 博客(105)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 详解vue自定义指令
一.背景除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令二.自定义指令基本用法1.全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { //...
2020-04-07 15:42:50
322
转载 git developer分支合并到master分支
1.查看本地和远程分支$ git branch -a* developer master remotes/origin/developer remotes/origin/master2.切换到本的developer分支$ git checkout -b developer origin/developer如果developer分支已经存在，执行下...
2019-11-20 11:30:02
1768
原创 Vue-Socket.io的使用步骤
第一步安装依赖npm install vue-socket.io --save第二步在main.js中引入import VueSocketIO from 'vue-socket.io'Vue.use(new VueSocketIO({ debug: true, connection: 'http://metinseylan.com:1992', vuex: { ...
2019-10-10 15:28:16
11830
2
原创 react+flexible适配移动端项目的配置
配置之前首先要知道create-react-app创建的项目默认是不对外暴露配置信息的，所有的配置信息可以在node_modules/react-scripts下面看到1. 安装flexiblenpm i lib-flexible --save2.安装 sass-loader node-sassnpm i sass-loader node-sass --save-dev3.安...
2019-03-08 14:27:52
5265
2
原创 react 搭建项目环境方法步骤(使用creat-react-app)
create-react-app 自动创建的项目是基于 Webpack + ES6 的。首先确保已经安装 node.js,可以到node.js官网 https://nodejs.org/en/ 下载安装包，下载好后傻瓜式一步安装到位。执行以下命令创建项目：1.$ npm install -g create-react-app2.$ create-react-app 想要创建的项目名 （创建...
2019-03-08 14:11:43
299
转载 ES6 Promise 用法（我见过最简洁优秀的文章）
ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？ 别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。 这么一看就明白了，Pro...
2019-01-26 11:51:01
324
转载 ES6中箭头函数与普通函数this的区别（转）
看到一篇别人的博客，对this的理解又加深了一些。普通函数中的this:1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,b...
2018-12-07 14:53:04
268
转载 关于VUE中 import 、 export 和 export default 的注意问题
转自 https://blog.csdn.net/qq_36091581/article/details/78213245import 引入一个自己写的js文件，是需要相对路径的。 示例：import axios from ‘axios’; <br>import AppService from ‘./appService’;</p>2、import什么情况下，要用...
2018-12-06 13:55:50
594
原创 苹果设备移动端点击无效click失效的解决办法
$ (document).on('click','.gift-right',function(e){ alert('发现点击无效'); })以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件，就是说如果这个name标签是button的可click事件则是可以触发的，因为d...
2018-11-30 10:00:49
8826
转载 vue导航栏自定义设置带图片（选中状态刷新不消失）
转载自https://blog.csdn.net/wang1006008051/article/details/78686451?utm_source=blogxgwz6Vue导航栏 用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看...
2018-11-22 10:30:22
2885
原创 vue设置cookie的方法封装
common.js//设置cookie,增加到vue实例方便全局调用 setCookie:(c_name, value, expiredays) => { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escap...
2018-11-21 17:34:13
2523
转载 Vue-详解设置路由导航的两种方法：router-link和router.push
转自：http://www.cnblogs.com/superlizhao/p/8527317.html一、<router-link :to="..."> to里的值可以是一个字符串路径，或者一个描述地址的对象。例如：// 字符串<router-link to="apple"> to apple</router-link>// 对象<rout...
2018-11-21 16:27:14
1790
原创 vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
一进页面就报错如下一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了key值是必须唯一的，如果重复就会报错可以把key值改为index，就可以避免这个情况...
2018-11-16 16:08:33
129694
15
转载 Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
转载地址https://blog.csdn.net/lander_xiong/article/details/79018737 Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一...
2018-09-12 18:47:04
451
转载 在小程序/mpvue中使用flyio发起网络请求
Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ，最大可能的实现 Write Once Run Everywhere。上一篇文章介绍了在快应用中使用flyio，本文主要介绍一下如何在...
2018-09-10 14:09:43
799
转载 node 入门
Node.js 入门《快速搭建 Node.js 开发环境以及加速 npm》http://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html《Node.js 包教不包会》https://github.com/alsotang/node-lessons《ECMAScript 6入门》http://es6.ruanyifeng.com/...
2018-09-05 17:17:48
161
原创 微信小程序音频的使用：wx.createInnerAudioContext的使用
需求是一进来音乐就开始播放，本来以为只有wx.playBackgroundAudio（使用后台播放器播放音乐，对于微信客户端来说，只能同时有一个后台音乐在播放。当用户离开小程序后，音乐将暂停播放；当用户在其他小程序占用了音乐播放器，原有小程序内的音乐将停止播放。）才能实现。还是文档没仔细看。发现有更好用的wx.createInnerAudioContext。 由于自己是边写项目边看文档，发现自己...
2018-08-24 17:17:32
18995
4
原创 小程序for循环出来的button，点击button的动画实现只对当前button有效
在做项目中发现在对for循环出来的button，添加点击事件的时候，所有button都会生效，那怎么实现只对当前的button有效呢？看下我实现的思路吧。有不明白的可以留言哈wxml: &amp;amp;amp;lt;view wx:for=&amp;amp;quot;{{arr}}&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;button bindtouchsta
2018-08-22 20:02:02
5877
1
原创 微信小程序怎么适配iphone x的解析
昨天项目遇到背景图当iphone x中变形了。所以百度了一波查到很多方法。特记录下来，希望大家能够用到吧我们用到小程序的api wx.getSystemInfo(OBJECT) 先了解下发现返回的参数model是手机型号的参数，那么我们就开始写代码啦 1、首先在data中点好变量 data: { n isIphoneX: false, }, 2、首先在onload中...
2018-07-26 11:46:08
1702
1
原创 解决微信小程序app.js中的onLaunch的网络请求，可能会在 Page.onLoad 之后才返回
由于我们要在index.js 中用到app.js中的数据，由于是异步请求，所以我们通常写个回调函数取获取数据 这里举例为获取用户信息 在app.js中是这样子的 // 获取用户信息 wx.getSetting({ success: res =&amp;gt; { if (res.authSetting['scope.userInfo']) { ...
2018-07-19 15:17:58
13009
1
转载 小程序的生命周期
1.小程序的生命周期——App.jsApp() 必须在 app.js 中注册，且不能注册多个。所以App（）方法在一个小程序中有且仅有一个。App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。先上代码：App({ onLaunch: function () { ...
2018-07-06 12:03:41
1436
翻译 HTTP状态码详解
状态码 含义 100 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。 101 服务器...
2018-05-28 11:12:17
212
翻译 ES6 Let和const的区别
let基本用法 ①ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 如下：{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1②不存在变量提升，var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefi...
2018-05-11 18:02:51
313
原创 vue引入公共的css及在对应的模板.vue文件中引入css的方法
在我们创建的vue项目中，为了使页面更加简洁，我们通常把公共的css和单个组件的css写道外面单个引入。 文件目录如下 加公共的css ①在main.js中加入@import '../static/css/reset.css'（main.js 是我们的入口文件，主要作用是初始化vue实例并使用需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下...
2018-04-23 17:03:02
44719
2
转载 ajax异步上传图片文件并将其转换为base64格式
ajax异步上传图片文件并将其转换为base64格式 高级浏览器上面，可以直接使用html5的FileReader，实现获取上传文件的base64格式，并以字符串形式提交。对于IE9以下的浏览器，就得另想他法。下面是高级浏览器的示例代码。$('.image').change(function(e) { var target = $(e...
2018-04-23 15:35:29
1265
原创 vue利用axios来完成数据的交互实例及安装方法
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用 现在Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。所以学习了下，总结如下。一、功能特性 1、在浏览器中发送 XMLHttpRequests 请求 2、在 node.js 中发送 http请求 3、支持 Promise API 4、拦截请求和...
2018-03-22 15:34:45
5915
2
原创 函数的参数(形参实参)及返回值
函数的参数有形参和实参： 形参就是函数声明时需要接受的参数，可以理解成暂时的占位符，并无实际意义。 实参就是调用函数时传递进函数的具体的实际数据，也就是给占替代位符的的值。函数体内部的return语句：表示将数据返回给调用者。return后面即使有语句，也不会执行，也就是return后面不执行.return语句可有可无，没有则不反悔任何值或者说返回undefined。...
2018-03-21 16:16:13
2356
原创 vue中"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序"的报错
在vue项目中发现了这个报错 解决办法将项目里的“node_modules”文件夹删除，然后重新运行cnpm install
2018-03-16 17:14:30
14107
2
转载 不能调用jquery中ready里面定义的函数？
我们知道在学习VUE的时候export default{}是不可缺少的，但是它的含义我们必须理解。 export default{}这是在复用组件的时候用到的。假设我们写了一个单页面组件 A 文件，而在另一个文件 B 里面需要用到它，那么就要用 ES6 的 import/export 语法 ，在文件 A 中定义输出接口 export ，在文件 B 中引入 import ，...
2018-03-07 17:23:45
15965
1
原创 vue添加删除元素的方法
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;
2018-02-24 15:23:37
39703
4
原创 bootstrap3 兼容IE8浏览器
今天在调试bootstrap的兼容性，发现在IE8上不兼容，布局都乱了。故在网上搜了一些方法，果然有用，现总结如下，以方便加深记忆。如果一些地方还不兼容可以直接在bootstrap-ie8.css加相应的样式即可。如果还有问题的话欢迎留言。1、加入meta标签，确定显示此网页的IE版本meta http-equiv="X-UA-Compatible" content="IE=edge,C
2018-02-07 17:36:05
465
原创 ajax请求嵌套多层json数据实例
json{ "lists": [ { "num": "4003000001", "logo": "已发货", "pic": [ { "img": "img/goumai.png", "
2018-01-31 17:40:29
5766
原创 vue怎么点击获取当前元素
vue中有两种方法获取到当前元素 var el = event.target; //当前元素，可修改（能够用此方法获取到他的子元素，不能获取他本身的内容） var el = event.currentTarget;//当前元素，不可修改（能够用此方法获取到他的子元素及能获取他本身的内容）html<div id="example-2"> <!-- `on...
2018-01-24 20:24:03
31947
原创 js高级程序设计（第三版）总结--函数声明与函数表达式区别
我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。请看下面的例子。alert(sum(10,10));function sum(num1, num2){ return num1
2018-01-18 14:34:17
209
原创 js高级程序设计（第三版）总结--日期/时间组件方法（获得系统时间实例）
详细说明实例：html lang="en">head> meta charset="UTF-8"> title>title>head>body> div id="timeo">div>body>script type="text/javascript" src="jquery-1.8.2.min.js">script>script type="t
2018-01-17 18:03:08
210
原创 js高级程序设计（第三版）总结--数组重排序方法 reverse() 和 sort()的用法
数组中已经存在两个可以直接用来重排序的方法： reverse() 和 sort() 。有读者可能猜到了， reverse() 方法会反转数组项的顺序。请看下面这个例子。 1、reverse() 方法会反转数组项的顺序var values = [1, 2, 3, 4, 5];values.reverse();alert(values); //5,4,3,2,1这里数组的初始值及顺
2018-01-16 16:46:56
254
原创 js高级程序设计（第三版）总结--数组栈方法
ECMAScript 数组也提供了一种让数组的行为类似于其他数据结构的方法。具体说来，数组可以表 现得就像栈一样，后者是一种可以限制插入和删除项的数据结构。栈是一种 LIFO（Last-In-First-Out， 后进先出）的数据结构，也就是最新添加的项最早被移除。而栈中项的插入（叫做推入）和移除（叫做 弹出），只发生在一个位置——栈的顶部。ECMAScript 为数组专门提供了 push(
2018-01-16 13:34:24
228
原创 js高级程序设计（第三版）总结--检测数组（判断数组的方法）
1、instanceof 的用法 自从 ECMAScript 3 做出规定以后，就出现了确定某个对象是不是数组的经典问题。对于一个网页， 或者一个全局作用域而言，使用 instanceof 操作符就能得到满意的结果：if (value instanceof Array){//对数组执行某些操作}例如下面代码 var colors = ['1','2','3','4'];
2018-01-15 17:14:10
208
原创 css3 ::selection的用法（改变选中文本的背景颜色或者文本颜色）
定义和用法::selection 选择器匹配被用户选取的选取是部分。即对选中文本的操作。 只能向 ::selection 选择器应用少量 CSS 属性：color、background、cursor 以及 outline。html lang="en">head> meta charset="UTF-8"> title>改变背景的颜色title> sty
2018-01-15 14:14:51
5546
原创 js高级程序设计（第三版）总结--执行环境及作用域
执行环境（execution context，为简单起见，有时也称为“环境”）是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境是最外围的一个执行环境。根据 ECMA
2018-01-09 16:15:47
197
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人