- 博客(28)
- 收藏
- 关注
原创 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 1393
原创 Promise进阶
异步问题 嵌套层次很深,难以维护 -- 回调地狱 无法正常使用return 和 throw 无法正常检索堆栈信息 多个回调之间难以建立联系 Promise promise是一个代理对象,它和原先要处理的操作并无关系 promise通过引入一个回调,避免更多的回调 promise三个状态promise状态发生改变,就会出发.then()...
2018-10-18 10:28:37 210
原创 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 1133
原创 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 231
原创 vue项目常见问题
1.监听路由参数的变化--created 和 watch的区别相同路由重复加载的时候,不会触发created组件生命周期里面的方法;路由的params参数回去方法写在created里面就不会再触发。watch: { // 方法1 '$route'(to, from){ // 监听路由是否变化 if (this.$route.params.articleId) {...
2018-08-06 18:07:54 587
原创 数组去重的方法 和 逻辑运算符 “ && || ”
数组去重 :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 490
原创 使用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 2284
原创 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 698
转载 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&
2018-05-22 16:10:03 2097 4
原创 CSS背景渐变,文字渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3渐变</title> <style> .btn{ padding
2018-05-22 15:50:19 447
原创 如何让一个百分比宽的盒子宽高一样
<!--一个盒子放4张图片,让图片的宽高一样,可自适应盒子宽度 使用padding和 position定位--> <ul> <li><p><img src="" /></p></li> <li><p><img sr
2018-05-18 10:30:10 1216
原创 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 2444
原创 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 4968
原创 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 325
原创 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 4981
原创 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 2077 2
原创 C#定义类合并多个对象生成JSON数据
public JsonResult QingSuan() { string pdid = Request["pdid"] ?? ""; try { //数据库读取 费用项目 var _fyxm = Servic...
2018-04-27 14:33:16 3548
原创 使用icomoon把svg图片生成字体图标
打开在线生成网站:https://icomoon.io/app/#/select1.引入自己的文件2.选择文件3.生成字体图标4. 下载压缩文件5.项目里面引入css
2018-04-20 17:21:27 2045
原创 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 1011
原创 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 787
原创 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 21242 3
原创 JQuery对象 与 DOM对象互转,及DOM操作
/** *使用场景:原生js和 JQuery对象操作不能同时使用,需要对象互转 */// JQuery对象: 使用JQuery的方法获取页面中的元素返回的对象就是JQuery对象 //JQuery 对象其实就是DOM对象的包装集(包装了DOM对象对象的集合); 饭和锅的区别 // 1. JQuery对象转DOM对象 var $li = $("li"); ...
2018-04-12 21:59:11 246
原创 发送短信验证码倒计时
<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <title>短信验证码</title></head><body><input typ
2018-04-11 23:24:31 136
原创 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 573
翻译 JavaScript的设计模式常用的几种方式(二)
/** *观察者模式(发布-订阅模式):一种行为模式。 * 主要处理不同对象之间的交互通信问题。观察者模式中通常会包含两类对象。 * * 一个或多个发布者对象:当有重要的事情发生时,会通知订阅者 * * 一个或多个订阅者对象:它们追随一个或多个发布者,监听他们的通知,并作出相应的反应 */ //以下是一个观察者对象的实现对象,其中包
2018-04-10 22:50:06 101
翻译 移动端图片转base64上传 --File API
需求:移动端上传图片要进行压缩控制大小方法:利用File API处理文件一、文件(File)接口介绍: File 对象是来自用户在<input>元素上选择文件后返回的 Filelist 对象,也可以是自由拖放操作生成的DateTransfer 对象,或者来自 HTMLCanvasElement上的 mozGetAsFile() API. File 对象是特殊类型的Blob,...
2018-04-10 17:02:13 1937
翻译 JavaScript的设计模式常用的几种方式(一)
设计模式分为三大类:* 创建型模式:涉及对象的创建与初始化* 结构型模式:描述了如何组合对象以提供新的功能* 行为型模式:描述了对象之间如何通信单件模式1:单件是一个创建型的设计模式,主要考虑的是创建对象的方式。 JavaScript没有类的概念,所以单件属于默认行为,也是最自然的模式var single = {}; JavaScript中最基本的单件模式是 对象文本...
2018-04-09 23:53:15 207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人