- 博客(35)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
http://www.jianshu.com/p/1626b8643676
2017-12-16 20:11:32
397
转载 js常用的设计模式
一：理解工厂模式二：理解单体模式三：理解模块模式四：理解代理模式五：理解职责链模式六：命令模式的理解：七：模板方法模式八：理解javascript中的策略模式九：Javascript中理解发布--订阅模式十：理解中介者模式https://www.cnblogs.com/tugenhua0707/p/5198407.html#_labe8
2017-12-05 17:58:01
210
原创 彩色图，灰度图，色值，灰阶，16位图，8位图等概念的总结
一个像素点的颜色是由RGB三个通道组成，人眼最大的色值范围是0-255，则人眼能识别的颜色是255*255*255=2的24次方。这些像素点的颜色就有2的24次方种。当R=B=G时候，像素点的颜色就呈现黑白色调，这种像素点拼接起来的图像程伟灰度图，R=B=G的通道值就是灰阶，彩色像素点转灰阶值一般采用R:G:B=3:6:1的算法计算灰阶值。当一个像素点能表现出的颜色种类是2的16位时，则称
2017-09-09 14:41:19
9039
1
原创 前端界面工作流
传统的切图布局，是按照定位+float来实现的。但是现在流行用css3 flex布局，用gulp添加前缀做兼容。适配用的是淘宝适配flexible.js 比如说750px的设计稿，如果要在移动端兼容所有比例，那么需要用淘宝适配，写样式的时候直接按750的px来写，然后在头引入flexible的css and js库，再在gulp里面配置px转rem工具，即可。
2017-06-14 23:27:29
1242
原创 js中的call和apply方法
js中的函数对象有定义时上下文，运行时上下文，上下文是可以改变的 这些概念。举个例子function a(c){alert(c)alert(this.b)}d={b:'哈哈'}//如果直接运行a();那么a函数是用window调用的，里面的this指window，window对象当然没有b属性了，但是下面的函数将a函数运行时的上下文替换成了d对象，也就是d对象调用a函数
2017-01-06 10:39:13
319
原创 利用jquery进行插件的开发
在开展一个前端项目的时候，由于进度的限制，我们不得不去寻找一些开源的插件来使用，但是这些插件不一定能完全适合我们的项目需求，这时候就需要我们自己修改别人的插件或者开发自己的插件。虽然说不要重复造轮子，但是开发插件是一个非常高效的学习方式。现在流行的插件很多都是基于jquery开发的，那么我们如何利用jquery开发自己的插件呢？有三种方式1.利用$.extend()来扩展jquery$
2017-01-05 16:48:43
348
原创 微信小程序之我见
一直关注微信小程序的发布进程，刚刚看了张小龙的文章，真的感觉到此人眼光之精准。微信小程序，是一种所见即所得的思想，是web在移动端的一种精美又有力的表现形式。无需下载，将app的理念用浏览器这种概念表现出来，简化了产品概念，深化了工具的体验。虽然这种形式会使用户粘性大大降低，但这对微信是没有任何影响的，甚至是喜闻乐见的。不过产品公司可能会考虑这点，所以如果去谈app的死亡还为时过早。看
2016-12-28 16:30:41
410
原创 js设计模式单例理解
单例是一种设计模式，一种通俗的设计思想，指一个类只能有一个对象。放在js中就指一个函数对象只能有一个实例。function a(){if(a.c!==undefined){return a.c;}this.b=1;a.c=this;}var m=new a ();var n=new a();console.log(m===n);//true第一次new
2016-12-23 17:27:50
336
原创 js依赖注入的设计思想
var alert1={write:function(){alert(1)}};var alert2={write:function(){alert(2)}};function alert(){dosomething();alert1.write();}alert();function alert(){dosomething();alert2.write()
2016-12-23 15:19:21
377
原创 JavaScript中的反射机制
反射机制指程序运行时能获取自身信息，例如对象在运行时能获取自身的属性和值。反射只的是一种用法，在js中用for（var p in obj）{}实现， obj是对象，p是对象的属性。执行一个反射，属性值是方法则运行方法，属性值是属性则弹出属性值。for(var p in obj){if(typeof(obj[p]=='function')){obj[p]();}else{al
2016-12-22 16:18:52
447
原创 如何修改外部数据库--命令行操作
首先要配置本地的mysql环境变量，这样在任何环境下进入cmd都可以进行mysql的操作。进入数据库 mysql -u 账号 -p -h ip地址;password : 输入密码提示进入数据库show databases显示可用表use 表名database changedsql命令行操作命令行大全http://wenku.baidu.com/lin
2016-12-22 10:19:21
504
原创 2016/12/09 开篇
目前我处在这样一种状态，知识体系非常不完善，能用用html css js jquery php tp框架前后台一起搭建项目，设计个表用用js css框架完成常见的业务需求，但是要说精通哪一个，安全没有！对客户端和服务端的底层完全不清楚，web层顶层的技术面也支离破碎，到了一个技术瓶颈期，需要做出提升和改变，但是有没有明确可行的计划。仔细思考了一下，一蹴而就基本上不可能，没有时间和条件让我像上学一样
2016-12-09 15:08:56
274
原创 前端打包工具之grunt
随着前端业务逻辑越来越重，代码量也就越来越大，而过多数量引入js文件会增加http请求，增加数据传输的压力。所以我们在开发的时候，习惯将js文件模块化，而在部署项目时，则希望能合并并压缩js文件来减小压力。基于node.js的grunt可以完成以下功能Contrib-jshint——javascript语法错误检查；Contrib-uglify——压缩javascript代
2016-12-09 11:45:13
440
原创 关于web标准的一些理解
根据百度百科中的定义，web标准不是一个标准，而是一系列标准的集合，结构标准，表现标准，行为标准结构；html的文档结构标准在书写标签时，标签要闭合，嵌套结构要合理，属性要加引号，尽量使用语义化标签。表现:css标准行为:JavaScript的标准。对于标准的理解，不能简单的理解为我遵循这个标准写代码，代码不报错就可以，还应该遵循软性的标准，例如结构表现行为需要分离，违反这些
2016-12-08 15:40:43
427
翻译 从输入url到加载界面完成，发生了什么？
1.输入url，敲下回车2.浏览器根据url查找本地缓存，查看是否有已缓存资源3.如果有，则获取资源版本号，发送条件请求到服务器，服务器拿到版本号与服务器端的号码对比，查看是否是最新版本，如果是，则返回304，浏览器使用缓存。4.如果返回的不是304，则解析域名，获取IP。5.简历tcp链接，三次握手。6.握手成功，发送http请求。7.服务器拿到请求，在服务器查找数据
2016-12-08 14:03:44
782
翻译 常见的css兼容性问题---持续更新！！
前端的兼容性问题，是由于不同的浏览器对源码解析的差异性引起的，可以分为js和css两种，在此持续记录学到的css兼容性问题。js兼容性问题如果写原生的js，那么会碰到很多问题，例如我们写ajax的时候，对于ie和非ie就要new不同的对象，要写大量的浏览器嗅探代码，还好我们现在有了jquery这一神器，js兼容性的问题都替我们解决了，在此就不过多记录。css兼容性问题对于一个合
2016-12-05 14:44:43
323
原创 JM项目总结
第三个项目跟YXLM类似，也是后天管理+支付处理接口，但是要简单许多需求;实现后台管理系统交易与卡的查询功能，支付接口写处理代码直接调用接口难点：该项目比较常规，如果说难点，那就在于后台管理系统怎么用boot进行分页了，因为thinkphp后台是有分页的模板的，需要在模板返回值的类中手动将样式变为boot
2016-12-05 11:41:10
688
1
原创 YXLM项目总结
YXLM项目是我做的第二个项目，该项目是典型的金融业务，后台管理系统+处理活动的接口。后台管理系统：需求：1.对登录的用户进行权限管理，增删改。2.登录操作日志录入数据库3.对商户进行增删改查，配置优惠信息和权限4.交易流水的查询框架：常用的dwz后台框架，界面简单，但并不美观前台支付接口：需求;商户提交过来的支付进行处理，处理方式根据后台管理系统不同商户的
2016-12-05 11:10:01
570
原创 收银台项目总结
收银台是我做的第一个项目，项目需求如下：收银、发卡、消费统计、支付撤销管理、报表打印、收银员登录与交班由于此项目的前台是烧录POS机，后台放在服务器上，则前后台完全分离，数据都由前台ajax向后台取。但是这就涉及到跨域的问题了，好在H5的xhr2默认支持跨域，只需要在后台配上响应头即可。1.发卡，卡的信息都是在数据库中配置，然后动态的ajax到前台，点击前台的卡，则会提示输入手机号
2016-12-05 10:10:27
2152
原创 session与cookie
会话机制能够保存用户的相关信息，从而实现自动登录等功能。什么是cookie?你去海底捞吃饭，你办了一张会员卡，这张卡上有url：海底捞。优惠金额：100元。那么你下次再去海底捞，出示这张卡，就可以减免100元。当你在后台设置cookie的时候，在客户端就生成了cookie，这个cookie中包含两个信息，url域名与你设置的键值对，当你下次访问该url的时候，cookie中的键
2016-12-04 21:45:41
296
原创 利用iframe实现伪ajax上传文件
ajax只能上传字符而不能上传二进制文件，那么我们该如何实现上传文件时的无刷新功能呢？答案：利用隐藏的iframe进行局部刷新，这样不影响整个界面，看起来就好像是无刷新了。实现的方法暂时还没搞清楚，不过现在都用ajaxfileupload与uploadify插件
2016-12-04 21:41:55
351
原创 延迟加载和预加载。
技术源于需求，下面说说延迟加载与预加载概念出现的原因与技术方案。1.延迟加载为了减少http请求的次数，减缓压力，当页面图片很多时候，采用所见即所得方式，当页面滚动到图片位置时候，再进行加载图片，也叫懒加载，有lazyload的插件可给各位懒人使用。曾经做过一个移动端的小项目，在网速不好的时候，首页图片加载过慢，就会卡主，那么将静态页面中图片的src设置为空，在页面全部加载完成时候
2016-12-04 21:17:56
511
原创 ajax的跨域处理方式
根据同源策略，ajax不能请求域值和端口号不同的url，则有以下三种处理方式。1.H5中的XHR2已经默认支持跨域访问，只需要在服务端入口文件加上响应头header("Access-Control-Allow-Origin:*");2.使用jsonp方式取代xhr方式，在客户端设置，在服务端设置。如下。js代码 $.ajax({type:"get",
2016-12-04 19:20:12
299
原创 H5之我见
H5可以说是现在最火爆的概念了，很多非CS的搬砖狗，对于这个概念很是模糊，那么博主今天就讲一下什么是H5。首先我们解释一下web浏览器端的三个概念，浏览器其实就是一个解析器，他解析的是结构（dom）、表现（css）、行为（js）.在书写dom的时候，需要一种标准，这个标准就是html，上一版是html4。从狭义上说，h5就是h4的一次更新。从广义上将，H5泛指现在的移动端产品设计的理念或者
2016-12-04 18:26:48
412
原创 js的重载与重写
重载与重写所谓重载，即在调用函数时，根据函数中的参数个数与类型，寻找相对应的函数的一种机制。但是弱数据类型中没有重载的概念，所以弱类型的语言，在方法名字相同时则完成了方法的重写，强数据类型则需要在参数个数和类型完全相同情况下才重写。重写也就是覆盖的意思。
2016-12-01 17:14:55
1641
原创 关于ajax的理解
ajax实际上就是一种浏览器和服务器的异步交互，在使用ajax时，页面可以不进行跳转，这提升了用户体验。ajax分为同步ajax和异步ajax，默认的ajax是异步的，也就是async:true，也可以设置为同步 async:false。同步意味着在ajax从服务器返回代码之前，不能继续执行后续代码，异步的可以在返回之前继续执行js，在有返回数据后插队执行success函数。原生的js
2016-12-01 17:08:07
260
原创 简述dom中的事件流概念
事件流dom2中的事件流分为三个部分，事件捕获阶段->处于目标阶段->事件冒泡阶段，触发一个事件，首先从外向内处于事件捕获阶段，此时默认不触发事件，接着处于目标阶段，触发事件，事件冒泡阶段，触发事件，但是也可以设置参数，将捕获和冒泡是否触发事件颠倒。事件委托和事件代理就是基于事件冒泡的，一个ul标签里面10个li标签，给每个li标签绑定事件显然太麻烦，那么就给ul绑定一个事件，等待
2016-12-01 16:31:43
590
原创 js的闭包与作用域/作用域链
闭包首先说说闭包，闭包的官方定义：能够访问其他函数作用域的变量的函数，也就是说，闭包使一种函数，这个函数可以访问其他函数的作用域。最常见的用法就是在父函数中套用子函数来用闭包。为什么要用闭包呢，任何一个技术出现的前提必然是需求。要知道js中是没有静态变量的，函数变量在函数执行后立即被垃圾回收，我们当然可以用全局变量，但是过多的全局变量会导致代码难以维护，所以我们就要采用闭包。代码示例如下，
2016-12-01 15:35:40
398
原创 JavaScript三大特性，继承封装多态
javascript的相关特性一.、面向对象的三大特性：继承封装多态作为基于对象的语言，js自然可以实现OOP语言的大部分特征。继承：js没有类的概念，自然不能像php那样封装class然后继承最后new对象。但是js的继承却有更多的方式。在此讨论最常用的，也就是基于原型对象原型链继承。在js中，函数对象就相当于类，在函数对象中有一个prototype属性指向了函数对象的原型对象。在函
2016-12-01 15:08:10
2429
原创 web前端框架总结
web前端框架总结jquery：jquery是js的库，封装了大量的方法，解决了js跨浏览器兼容问题，简单优雅的操作dom。用jquery获取的对象是jquery对象，而用js获取的原生对象是dom对象所以两者的属性和方法不能混用。bootstrap：bootstrap是非常流行的一款css布局框架。jquery ui：jquery ui是一款css+js框架，拖拽功能非常实用，但
2016-12-01 14:53:14
980
空空如也
php curl抓取本地接口卡死
2016-12-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人