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