- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue移动端开发--配置
首页使用vue-cli脚手架安装项目开发包， 以及配置git环境Vue+vuex+axios+rem（flex）配置4个环境，调用不同的接口：local（本地开发）、beta（测试）、pre（预上线）、prod（正式上线）一、修改index.html文件修改头部meta标签Plain Text// 使用lib-flexible 可去掉这段代码，会自动添加的<meta nam...
2018-10-30 20:01:11
1415
原创 Promise进阶
异步问题 嵌套层次很深，难以维护 -- 回调地狱 无法正常使用return 和 throw 无法正常检索堆栈信息 多个回调之间难以建立联系 Promise promise是一个代理对象，它和原先要处理的操作并无关系 promise通过引入一个回调，避免更多的回调 promise三个状态promise状态发生改变，就会出发.then()...
2018-10-18 10:28:37
218
原创 vue项目总结
Vue总结 安装安装node.js LTS版本 http://nodejs.orgWindow .msi mac.npkNode -v //输出版本号 安装成功Npm -v //node 包管理工具码云 网上云仓库Private 创建私有仓库开源：MIT license 码云git关联：线上本地关联： 本地安装git //http://git-...
2018-08-30 17:03:21
1144
原创 js实现继承
继承方法： a. 原型链（prototype chaining）、 b.call()/apply()、 c.混合方式（prototype和call()/apply()结合） d.对象冒充// 1. prototype原型链方式： function teacher(name){ this.n...
2018-08-10 18:04:22
236
原创 vue项目常见问题
1.监听路由参数的变化--created 和 watch的区别相同路由重复加载的时候，不会触发created组件生命周期里面的方法；路由的params参数回去方法写在created里面就不会再触发。watch: { // 方法1 '$route'(to, from){ // 监听路由是否变化 if (this.$route.params.articleId) {...
2018-08-06 18:07:54
609
原创 数组去重的方法 和 逻辑运算符 “ && || ”
数组去重 ：indexOf filter reducevar arr = [1, 2, 3, 1]uniqueOne = []uniqueTwo = []uniqueThree = []// for循环去重// indexOf -- 搜索数组，返回第一个匹配元素的下标。如果没有匹配项，该函数返回-1for (var i=0;i<arr.length;i++){ un...
2018-08-02 15:45:21
501
原创 使用phpstorm写vue+stylus的设置
1. 在phpstorm中装 vue stylus插件 File 》 Settings 》 Plugins 》 搜索 vue 和 stylus， 搜索到后安装，然后重启2. 在vue文件中写style时， 加入 <style lang="stylus" type="text/stylus" scoped>lang： 指定语言type： 指定类型scoped： 只在当前vu...
2018-06-05 15:21:27
2292
原创 js调换生产环境和开发环境的 后台数据接口
开发环境：http://www.51teu.com:8689生产域名：http://www.51teu.com1. location.host location.host 读取时包含端口， 得到 www.51teu.com:8689。 如果端口是默认的 80，那么就没有端口，就是 www.51teu.com。2. location.hostname location.hos...
2018-06-05 15:17:26
711
转载 微信浏览器禁止页面下拉查看网址（不影响页面内部scroll）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&
2018-05-22 16:10:03
2120
4
原创 CSS背景渐变，文字渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3渐变</title> <style> .btn{ padding
2018-05-22 15:50:19
453
原创 如何让一个百分比宽的盒子宽高一样
<!--一个盒子放4张图片，让图片的宽高一样，可自适应盒子宽度 使用padding和 position定位--> <ul> <li><p><img src="" /></p></li> <li><p><img sr
2018-05-18 10:30:10
1243
原创 Handlebars.js的Helper实现比较大小、或的功能
//注册一个比较大小的HelperHandlebars.registerHelper("compare",function(v1,v2,options){ if(v1>v2){ return options.fn(this); //满足条件执行，返回 this数据 }else{ return options.inverse(this);...
2018-05-07 22:41:11
2469
原创 ESLint 检测vue的ES6字符串模板
//错误代码app.$watch('text', (newText, oldText) => { console.log('${newText} : ${oldText}')})//报错36:15 error Unexpected template string expression no-template-curly-in-string//*ES6的新语法，小撇号 使...
2018-05-06 22:40:54
5035
原创 JS模块化AMD规范
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS模块的AMD规范和CMD规范</title></head><body> &a
2018-05-02 23:23:41
333
原创 HTML页面的哈希（hash）路由原理+原生js案例
<!--* 场景:不刷新页面，对页面的局部内容进行更改*方案1：ajax 方法*方案2：哈希（hash）路由原理*方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容--><!DOCTYPE html><html lang="cn"><head> <meta charset="UT...
2018-04-28 14:53:38
5041
原创 webpack4.6.0打包配置vue项目带注释
const path = require('path');// 引入node的path包const HTMLPlugin = require('html-webpack-plugin');//引入html包const webpack = require('webpack');const ExtractPlugin = require('extract-text-webpack-plugin'...
2018-04-28 00:04:20
2094
2
原创 C#定义类合并多个对象生成JSON数据
public JsonResult QingSuan() { string pdid = Request["pdid"] ?? ""; try { //数据库读取 费用项目 var _fyxm = Servic...
2018-04-27 14:33:16
3576
原创 使用icomoon把svg图片生成字体图标
打开在线生成网站：https://icomoon.io/app/#/select1.引入自己的文件2.选择文件3.生成字体图标4. 下载压缩文件5.项目里面引入css
2018-04-20 17:21:27
2053
原创 js保留百分比的小数
//75.26% 转化为75.26var num = '75.26%';num = num.replace(/\%/,"") console.log(num);//75.26//保留一位四舍五入之后var val = (num*1).toFixed(1)+'%' console.log(val)// 75.3%//保留一位不四舍五入var flo = Math.floo...
2018-04-18 13:52:07
1056
原创 JQ中attr()和prop()的使用区别
prop()函数的结果: attr()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是undefined。1.attr()是获取对象属性的，比如获取一个图片的alt属性: $('img').attr('alt')2.对于不用写值的属性比如：disabled、selected、checked 需要使用prop()d
2018-04-17 09:06:10
815
原创 JQuery的serializeObject 序列化form表单
/** * 使用场景：ajax提交表单数据 *//*<form> <input type="text" name="username" value="123"/> <input type="text" name="password" valur="abc"/> </
2018-04-12 23:31:18
21294
3
原创 JQuery对象 与 DOM对象互转，及DOM操作
/** *使用场景：原生js和 JQuery对象操作不能同时使用，需要对象互转 */// JQuery对象： 使用JQuery的方法获取页面中的元素返回的对象就是JQuery对象 //JQuery 对象其实就是DOM对象的包装集（包装了DOM对象对象的集合）; 饭和锅的区别 // 1. JQuery对象转DOM对象 var $li = $("li"); ...
2018-04-12 21:59:11
253
原创 发送短信验证码倒计时
<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <title>短信验证码</title></head><body><input typ
2018-04-11 23:24:31
144
原创 js的几种常用循环
/** * Created by acer on 2018/4/11. */var arr = [1,2,3,4];var A = {a:1,b:2,c:3,d:'hello world'}; // enumberable对象//常见的、写法复杂的循环方式： for() 循环——可循环数组和对象、json数据 for(var i = 0;i < arr.length;i++){
2018-04-11 21:25:15
582
翻译 JavaScript的设计模式常用的几种方式（二）
/** *观察者模式（发布-订阅模式）：一种行为模式。 * 主要处理不同对象之间的交互通信问题。观察者模式中通常会包含两类对象。 * * 一个或多个发布者对象:当有重要的事情发生时，会通知订阅者 * * 一个或多个订阅者对象：它们追随一个或多个发布者，监听他们的通知，并作出相应的反应 */ //以下是一个观察者对象的实现对象，其中包
2018-04-10 22:50:06
109
翻译 移动端图片转base64上传 --File API
需求：移动端上传图片要进行压缩控制大小方法：利用File API处理文件一、文件（File）接口介绍： File 对象是来自用户在<input>元素上选择文件后返回的 Filelist 对象，也可以是自由拖放操作生成的DateTransfer 对象，或者来自 HTMLCanvasElement上的 mozGetAsFile() API. File 对象是特殊类型的Blob，...
2018-04-10 17:02:13
1960
翻译 JavaScript的设计模式常用的几种方式（一）
设计模式分为三大类：* 创建型模式：涉及对象的创建与初始化* 结构型模式：描述了如何组合对象以提供新的功能* 行为型模式：描述了对象之间如何通信单件模式1：单件是一个创建型的设计模式，主要考虑的是创建对象的方式。 JavaScript没有类的概念，所以单件属于默认行为，也是最自然的模式var single = {}; JavaScript中最基本的单件模式是 对象文本...
2018-04-09 23:53:15
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人