2017年7月6日

js中this 的四种用法

摘要： this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 在《javaScript语言精粹》这本书中，把 this 出现的场景分为四类，简单的说就是： 有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 a 阅读全文

posted @ 2017-07-06 17:21 程序猿-alvin 阅读(124) 评论(0) 推荐(0)

图片轮播和C3动画

摘要： 值得注意的地方是:如果在图片下面的li做背景图片，可以把li上的数字或者文本设置为transparent(透明色),这样的话既可以实现轮播的定时器效果，也可以让li上有C3动画效果。如果li上的文字不做透明色，直接删除的话，会导致li上的c3动画没有效果. 阅读全文

posted @ 2017-07-06 17:20 程序猿-alvin 阅读(408) 评论(0) 推荐(0)

WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

摘要： 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前 阅读全文

posted @ 2017-07-06 17:19 程序猿-alvin 阅读(550) 评论(0) 推荐(0)

XAMPP的端口被占用

摘要： 打开xampp\apache\conf\httpd.conf文件把80端口修改为:8081;打开xampp\apache\conf\extre\httpd-ssl.conf文件把443修改为4433或者关闭SSL扩展. 如果是mysql数据库一直打不开又找不到原因的话，那就需要考虑是不是要卸载，重装 阅读全文

posted @ 2017-07-06 17:19 程序猿-alvin 阅读(624) 评论(0) 推荐(0)

如何理解Web应用程序的MVC模型？

摘要： View，也就是视图/视野，是你真正看到的，而非想象中的 Model。Controller，也就是控制器，是你用来改变 Model 方式。简单的说 Controller 和 View 分别是 Model 的 输入 和 输出。 说到底，View 和 Controller 可以是 Model 的一部分。 阅读全文

posted @ 2017-07-06 17:18 程序猿-alvin 阅读(182) 评论(0) 推荐(0)

Git常用命令

摘要： 查看、添加、提交、删除、找回，重置修改文件 git help <command> # 显示command的help git show # 显示某次提交的内容 git show $id git co -- <file> # 抛弃工作区修改 git co . # 抛弃工作区修改 git add <fil 阅读全文

posted @ 2017-07-06 17:17 程序猿-alvin 阅读(153) 评论(0) 推荐(0)

一个表格中选定的tr，显示在另一个表格中

摘要： 一、先获得表格A每点中行的下标index(); 二、申明一个数组，把下表全部push到数组中； 三、在用for循环遍历数组，同时申明html代码片段； 四、用html+=表格A tr:eq(arr[i]); 五、把html片段放到表格B需要的位置中 注意：arr[i]是一个变量而不是字符串，必须使用 阅读全文

posted @ 2017-07-06 17:16 程序猿-alvin 阅读(202) 评论(0) 推荐(0)

后端获取状态为数字，如何转化成相对的文字状态

摘要： 一、申明一个空数组('var arr=[]'); 二、在AJAX成功的回掉函数下，获得相应的状态数字 三、把数字push到arr中,在for循环外面 四、在for里面申明一个变量i，用来接住后端返回的数字状态 五、在html文档片段中用ES6中的``号,放入${arr[i]}; 注意：返回的数字要对 阅读全文

posted @ 2017-07-06 17:16 程序猿-alvin 阅读(2770) 评论(0) 推荐(0)

如何判断一个for循环执行完毕

摘要： 在外面一个变量a=arr.leng; 然后就是进行for循环， 在for循环下面进行判断，因为如果结束那么i的值就会>=a;if条件成立的话，可以在里面进行循环完毕要做的操作。 阅读全文

posted @ 2017-07-06 17:15 程序猿-alvin 阅读(6381) 评论(0) 推荐(0)

AJAX获取数据，需要添加事件

摘要： 如果是通过异步请求从后端获取的数据来渲染页面，要添加事件，必须要在页面已有的元素上，添加时间代理。因为页面渲染需要时间，如果直接绑定在响应时间元素上面，很有可能触发不了事件。 阅读全文

posted @ 2017-07-06 17:15 程序猿-alvin 阅读(539) 评论(0) 推荐(0)

AJAX如何传递json对象给后端

摘要： 如果页面上一直报错，根本没有触发异步请求的话，首先就要检查接口或者路径是否写对或者写全，在去考虑是否跨境的问题。 如果想要给后端传递一个json对象，需要在路径上一句添加content:application/json,在设置其编码格式，这样后端拿到的数据才会是一个json对象， 如何后端要求的js 阅读全文

posted @ 2017-07-06 17:14 程序猿-alvin 阅读(2281) 评论(0) 推荐(0)

table中tr或者td的点击事件

摘要： 直接把时间添加到table或者tbody上，只有下面的tr或者td才能促发事件，通过e.target可以获得当前点击tr或者td，这样就可以进行查询或者删除操作了 如果是删除，直接e.target.remove();删除的就是当前点击的元素 如果是查在table中对应的下标，可以用e.target. 阅读全文

posted @ 2017-07-06 17:13 程序猿-alvin 阅读(7878) 评论(0) 推荐(0)

复杂的数据结构解决方法

摘要： 公司在做一个进销存的ERP系统，没有使用新框架，而是用的JQ，所以涉及到前后端大量的数据交互，印象最深的是一个出库单的创建，包括了多个订单号，每个订单号里都有多个商品，而且发货的数量先做判断，在value里面设置默认值，而后根据用户的输入判断是否合理，不合理则回复默认值，如果合理，发货数量则按照用户 阅读全文

posted @ 2017-07-06 17:12 程序猿-alvin 阅读(311) 评论(0) 推荐(0)

行内元素变成会计元素block和inline-block的区别

摘要： 左边一个ul的导航，习惯了用li里面放a,想要a有个百分百宽和高，这个整个li就都可以有点击事件了，用了inline-block，宽高可以实现，但是发现一个问题，a的左边始终会有个类似于外边距的样式，设置了magin和padding和0，都没有解决，这个时候想起了，可能是inline-block带来 阅读全文

posted @ 2017-07-06 17:12 程序猿-alvin 阅读(320) 评论(0) 推荐(0)

AJAX路径问题

摘要： 如果发AJAX请求，看发送请求消息的路径，如果看到报404的错，而这个 时候看下发送头部的路径，如果看到%20，这个时候有可能就是写路劲的时候，不小心按了一个空格 阅读全文

posted @ 2017-07-06 17:12 程序猿-alvin 阅读(159) 评论(0) 推荐(0)

除了时间戳，后端返回时间，前端的处理

摘要： 如果后端获取的时间是data.results[i].time； var aa=new Date(data.results[i].time);var dd=aa.toLocaleString(); 用ES6的语法`${dd}`; 这样显示的就是正常的客户端时间了， 还有别的多种方式，主要看需求需要的是 阅读全文

posted @ 2017-07-06 17:11 程序猿-alvin 阅读(2463) 评论(0) 推荐(0)

JQ的双向数据绑定

摘要： 把渲染页面封装在function里面 在修改后直接调用，但是如果有alert();一定要注意function的摆放位置，正常应该是在alert前面，应为如果在后面会影响重新渲染的效果 阅读全文

posted @ 2017-07-06 17:10 程序猿-alvin 阅读(598) 评论(0) 推荐(0)

201响应为什么进了AJAX error回调函数

摘要： 明明AJAX发送请求成功，但是后端返回的不是200，而是201，结果进了error的回调函数，想这种情况，只需要把“dataType:"json",改成dataType:"text", 就ok了 阅读全文

posted @ 2017-07-06 17:09 程序猿-alvin 阅读(438) 评论(0) 推荐(0)

解决webstorm卡顿问题

摘要： webstorm强大功能不再介绍，相信用的各位都有感触，以前在台式机上运行没有发现任何不爽，但是自从换了笔记本办公，写代码有的时候总感觉慢半拍，原因就是因为它太大太重，吃内存。 具体办法： 找到WebStorm.exe.vmoptions这个文件，路径如下 webstorm安装主目录>bin>Web 阅读全文

posted @ 2017-07-06 17:09 程序猿-alvin 阅读(643) 评论(0) 推荐(0)

前端开发规范

摘要： 前端开发规范 github - fork & Pull Request style git commit - comment 必须有意义，不允许单纯的 'update' 'fix bug' 之类的无意义指定注释，具体的参考下面条目6 npm, tsd - 通过 npm 来管理依赖；通过tsd来引入各 阅读全文

posted @ 2017-07-06 17:08 程序猿-alvin 阅读(157) 评论(0) 推荐(0)

data对象转化成后端需要的json格式

摘要： data=JSON.stringify(json_data); $.ajax({type:'post',url:url+'warehouse/create_alliance_out/',data:data,dataType:"json",contentType: 'application/json; 阅读全文

posted @ 2017-07-06 17:08 程序猿-alvin 阅读(809) 评论(0) 推荐(0)

开发微信小程序心得

摘要： 元旦过后，根据公司的项目要求，项目组开始集体研究小程序，在这想谈点个人开发小程序心得，首先就是需要看小程序的文档，如同很多框架一样，不可能一上来就能动手敲代码(大神除外)，其次就是不能一直单纯的看，因为很多坑必须要在开发中，你才会发现，查文档手册中解决，所以当文档大致阅览了一遍后，了解了框架，组件， 阅读全文

posted @ 2017-07-06 17:07 程序猿-alvin 阅读(300) 评论(0) 推荐(0)

Git如何删除自己创建的项目

摘要： 版本管理器第二行最右边，找到倒三角，下面的Edit Project,拖动鼠标到最下面，Remove project ,弹出框Confirmation required里面输入项目名字，如项目名字为“wh”,则输入“wh”,然后点击Confirm即可。 阅读全文

posted @ 2017-07-06 17:06 程序猿-alvin 阅读(2526) 评论(0) 推荐(0)

公众号的坑

摘要： 明明改了很多代码，却发现在真机（IOS）上测试，没有更新代码，于是各种测试，其实是微信有一个缓存功能，第二次测试必须要清除缓存，刷新单页面，或者直接杀掉进程，也就是退出微信或者注销。安卓机可以用http://debugx5.qq.com/，清除缓存。 阅读全文

posted @ 2017-07-06 17:05 程序猿-alvin 阅读(148) 评论(0) 推荐(0)

字符串转Unicode码

摘要： var str = '中'; var charCode = str.charCodeAt(0); console.log(charCode); // => 20013; str.charCodeAt(0).toString(16);//=>"4e2d" 阅读全文

posted @ 2017-07-06 17:04 程序猿-alvin 阅读(216) 评论(0) 推荐(0)

字符串转UTF-8码(%开头)

摘要： var str = '中'; var code = encodeURI(str); console.log(code); // => %E4%B8%AD 阅读全文

posted @ 2017-07-06 17:04 程序猿-alvin 阅读(367) 评论(0) 推荐(0)

git介绍和使用

摘要： https://wsgzao.github.io/post/git/ 阅读全文

posted @ 2017-07-06 17:01 程序猿-alvin 阅读(153) 评论(0) 推荐(0)

ng2中文文档地址

摘要： https://angular.cn/docs/ts/latest/guide/displaying-data.html 阅读全文

posted @ 2017-07-06 17:01 程序猿-alvin 阅读(221) 评论(0) 推荐(0)

两个数组的排序方法

摘要： var arr=['s','m','l','xl']; var list=['白色','红色','蓝色','黑色']; 转化成多个SKU(如下): [ {color:"白色", size:"s"}, {color:"白色", size:"m"}, {color:"白色", size:"l"}, {c 阅读全文

posted @ 2017-07-06 17:00 程序猿-alvin 阅读(776) 评论(0) 推荐(0)

廖雪峰ES6的箭头函数

摘要： http://www.liaoxuefeng.com/ wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001438565969057627e5435793645b7acaee3b6869d1374000 阅读全文

posted @ 2017-07-06 16:57 程序猿-alvin 阅读(1011) 评论(0) 推荐(0)

SKU的结构与页面渲染

摘要： http://blog.jobbole.com/109138/?lwfrom=user_dingfriend 阅读全文

posted @ 2017-07-06 16:57 程序猿-alvin 阅读(515) 评论(0) 推荐(0)

ng 表单提交验证

摘要： http://www.runoob.com/try/try.php?filename=try_ng_validate 阅读全文

posted @ 2017-07-06 16:56 程序猿-alvin 阅读(196) 评论(0) 推荐(0)

angularJS ng-if的用法

摘要： ng-if主要是用来判断是否显示，也可以做为而者选择其中一个的方法，满足判断条件ng-if="变量名" 显示,否者不显示，也可以用ng-if="!变量名"取反，如果变量为false时显示, 如果两者同时用的话，视图层会根据判断条件来选择显示部分。 阅读全文

posted @ 2017-07-06 16:55 程序猿-alvin 阅读(3451) 评论(0) 推荐(0)

angularjs 获得当前元素属性

摘要： 先用 console.log(this)查看下当前被点击元素的 this 属性，然后可以看见里面有个$index属性，该属性指向的就是DOM元素列表中当前被点击的那个DOM的下标，只需要使用this.$index即可对当前元素设置特有属性和方法。除此之外this属性里面还包含了其他很多方法和属性，都 阅读全文

posted @ 2017-07-06 16:55 程序猿-alvin 阅读(1222) 评论(0) 推荐(0)

angularJS 的双向数据绑定

摘要： input 里面的vale="变量名";加上ng-model="变量名";控制器的变量名会根据视图层的数据改变而改变，而渲染内容也会根据控制器里面的变量改变而改变，从而达到一处数据发生变化，则所有数据同时发生变化。 阅读全文

posted @ 2017-07-06 16:54 程序猿-alvin 阅读(123) 评论(0) 推荐(0)

H5页面解决左右滑动问题

摘要： 在head里面加入. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,minimum-scale=1.0, maximum-scale=1.0"> 如果还是有左右滑动出现空白 阅读全文

posted @ 2017-07-06 16:53 程序猿-alvin 阅读(5137) 评论(0) 推荐(0)

解决不同的页面跳转到同一个页面，做相同的操作，再返回同样的参数到前一个页面

摘要： 在跳转页面的URL加上自定义的参数，跳转到新页面的时候。获取当前URL上面的参数，通过参数作为判断条件，判断出是由哪个URL跳转过来的，修改相对应的变量或者参数，最后history.back();返回上一个页面. 阅读全文

posted @ 2017-07-06 16:47 程序猿-alvin 阅读(602) 评论(0) 推荐(0)

angularJS ng-bind用法

摘要： ng-bind 指令绑定控制器函数 函数名() 到 标签里面 ; ng-bind是从$scope -> view的单向绑定ng-modle是$scope <-> view的双向绑定; 在AngularJS中显示模型中的数据有两种方式： <p>{{text}}</p> 另一种是使用基于属性的指令，叫做 阅读全文

posted @ 2017-07-06 16:47 程序猿-alvin 阅读(1662) 评论(0) 推荐(0)

使用Flexible实现手淘H5页面的终端适配

摘要： http://www.tuicool.com/articles/nmm6reE 基本修改代码 <meta charset="UTF-8"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="yes" name= 阅读全文

posted @ 2017-07-06 16:46 程序猿-alvin 阅读(352) 评论(0) 推荐(0)

npm 基本命令行

摘要： npm是随同NodeJS一起安装的包管理工具。 检查版本 npm -v 升级npm npm install npm -g 使用淘宝镜像升级 cnpm install npm -g 安装淘宝镜像的命令行： npm install -g cnpm --registry=https://registry. 阅读全文

posted @ 2017-07-06 16:44 程序猿-alvin 阅读(201) 评论(0) 推荐(0)

webpack安装和配置

摘要： 首先需要安装node.js。 http://blog.csdn.net/itpinpai/article/details/50396697 https://www.cnblogs.com/sloong/p/5584684.html 阅读全文

posted @ 2017-07-06 16:43 程序猿-alvin 阅读(121) 评论(0) 推荐(0)

webstorm加载项目卡死在scanning files to index

摘要： Webstrom 使用过程中遇到的问题以及解决方案 作为一个前端开发，我用过webstorm和sublime两个编辑器。sublime小巧轻便，不耗内存。但是webstorm具有以下特点，让我难以舍弃。 webstorm优点 点击一个函数名，它会跳到函数定义的地方（这个功能特别好） 可以直接在web 阅读全文

posted @ 2017-07-06 16:42 程序猿-alvin 阅读(2953) 评论(0) 推荐(1)

js 判断滚动条是不是在浏览器底部

摘要： http://jingyan.baidu.com/album/86f4a73e91da7837d65269d5.html?picindex=2 阅读全文

posted @ 2017-07-06 16:42 程序猿-alvin 阅读(175) 评论(0) 推荐(0)

css3计算属性(calc)

摘要： 如果有固定头部高度和底部高度，内容的高度或者宽度想要根据浏览器屏幕自适应的话，可以用到css3的计算属性,即calc。 用法如下： 内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽) //这样就可以自适应高度或宽度了。 浏览器高度： document.documentElement 阅读全文

posted @ 2017-07-06 16:41 程序猿-alvin 阅读(800) 评论(0) 推荐(1)

vue-cli#2.0 webpack 配置分析

摘要： https://zhuanlan.zhihu.com/p/24322005 知乎： https://www.zhihu.com/search?type=content&q=vue-cli 阅读全文

posted @ 2017-07-06 16:41 程序猿-alvin 阅读(152) 评论(0) 推荐(0)

webstorm怎样查找历史记录

摘要： 在webstorm中 文件界面右键，local History --> show History 上面能看到具体的日期和编写的代码。 如果想回到某一次的代码。把中间的代码按>>移入到右边即可。 阅读全文

posted @ 2017-07-06 16:40 程序猿-alvin 阅读(2486) 评论(0) 推荐(0)

vue.js created函数注意事项

摘要： 因为created钩子函数是页面一加载完就会调用的函数，所以如果你想在这个组件拿值或者是赋值，很可能this里面能拿到数据，但是如果你用this.赋值的话，控制台或者debugger都会发现this里面有你所想要的数据，但是赋值后就是没有，这个可能就是JS的记载顺序问题了，可以尝试用setTimeo 阅读全文

posted @ 2017-07-06 16:38 程序猿-alvin 阅读(2601) 评论(0) 推荐(0)

vue.js 组件共用函数的方法之一

摘要： 如果我现在写一个组件pullMore,想要用到loadMore里面的方法（函数）， 那么只需要在当前组件pullMore，script里面先引入组件import loadMore from './load-more.vue'；然后再export default {}，加上一行代码 mixins: [ 阅读全文

posted @ 2017-07-06 16:36 程序猿-alvin 阅读(1311) 评论(0) 推荐(0)

如何显示和隐藏浏览器的滚动条

摘要： document.documentElement.style.overflowY = 'scroll'; //显示 document.documentElement.style.overflowY = 'hidden'; //隐藏 阅读全文

posted @ 2017-07-06 16:34 程序猿-alvin 阅读(838) 评论(0) 推荐(0)

Js常见的六种报错

摘要： EvalError: raised when an error occurs executing code in eval() EvalError：当一个错误发生在（）执行的代码RangeError: raised when a numeric variable or parameter is ou 阅读全文

posted @ 2017-07-06 15:54 程序猿-alvin 阅读(309) 评论(0) 推荐(0)

导航