javaScript进阶
厌笔不萧生
工作很开心
展开
-
javaScript中的设计模式(5)单例模式
单例模式指的是只有一个实例的对象在JavaScript中实现这种定义的方法是定义字面量:var singleon={name:"single"method:function(){return this.name;}}优点:1、提供了对唯一实例的受控访问。2、节约内存资源,提高代码执行率。3、允许可变数目的实例。 主要缺点:1,原创 2017-05-11 19:11:05 · 193 阅读 · 0 评论 -
深入理解flex布局
前言随着电子产品的快速迭代,传统的前端布局越来越难以是配多端的屏幕显示,无论是table布局还是float布局在移动端适配上都有着很大的局限性。09年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局,flex的应用可以极大程度上补充传统布局的不足之处。flex布局是什么Flex是flex box的缩写意为弹性布局,用来为盒状模型提供最大的灵活性。特点:采...原创 2019-06-10 15:07:23 · 262 阅读 · 0 评论 -
纯前端实现腾讯cos文件上传功能
前言在前端开发中文件上传是经常会遇到的,并且多数情况会使用第三方平台来存储文件,腾讯云cos是我们常用的。本篇文章就是带我从前端的角度实现腾讯云COS存储。本文参考了腾讯云COS开发文档 JavaScript SDK 步骤安装腾讯云COS上传所需的sdk下载cos-js-sdk-v5.min.js并引入index.html监听文件上传组件//监听文件变化document.ge...原创 2019-05-30 01:26:07 · 3726 阅读 · 0 评论 -
纯web端实现二维码识别
前言最近公司的业务场景中有个生成二维码和识别二维码的需求。生成二维码之前有做过,选用的 qrcode.js这个前端库,操作比较简单。这里不再赘述。刚开始看到二维识别这个需求觉得很简单,以为有相应的前端库直接用就行了。但当真正开始写功能时,发现二维识别会涉及到很多其他的功能。废话不再多说,还是来看看如何实现的吧。实现流程调用摄像头通过浏览器调用摄像头在h5中已经有个属性可以兼容大部分...原创 2019-05-30 01:22:06 · 2967 阅读 · 5 评论 -
Vue项目中路由动态传参功能相关实现
这两天在项目中有个新需求:在当前页面中的有很多数据,过滤数据的条件有时间,页码,类型,id搜索….,假设我在页面中选择的某段时间,某个类型,现在我需要把握当前看到的信息完全展现给另一朋友。 server端环境:时间和页码可以动态的传递到后端一. 初步解决方案刚看此需求首先想到的是vue—router的动态传参,于是就开始码代码。将过滤条件相关的变量动态的传说路由中 thi...原创 2018-04-15 21:43:59 · 1386 阅读 · 0 评论 -
JavaScript中原型学习基础
第一节 原型基础转眼之间接触JavaScript这门语言有一年多,在工作中用的都是其开发的框架。原生的JavaScript在项目中基本很少用到。在此利用工作之余,总结最近所学,如有不妥之处,望各位批评指正。原型:1.原型是什么?在JavaScript中所有的函数和对象都有原型这个属性,我们称为原型对象(prototype)。2.原型都有什么内容?原创 2017-06-23 10:26:33 · 307 阅读 · 0 评论 -
分享一些JavaScript中不足之处
最近看了JavaScript的语言精粹这本书,数中简单明了的介绍了JavaScript这门语言的优美和不足之处,下面分享一些JavaScript中的不足之处,也就是我们在编程中会因其特性而犯错误的一些语言特性。1) 全局变量:在微程序中可以带来便利,但在大型程序中为成为令人头痛的问题。问题:大型程序中,全局变量难以管理。降低了程序的可靠性。如果全局变量的名称碰巧与原创 2017-06-23 09:09:34 · 902 阅读 · 0 评论 -
JavaScript中常见的设计模式(1)工厂模式
在编程的世界,每种语言都有其各自的优缺点。为了弥补这些缺点,各种设计模式也随之二诞生。在此介绍一下自己对JavaScript设计模式的一些学习总结。工厂模式:顾名思义,工厂及将各种零件组装成我们需要的设备。在编程语言中及可以参照此思想,用在某个函数中传入变量来处理这个变量。栗子:function factory(name,time,location){//内部的处理过程对外原创 2017-04-24 11:40:54 · 470 阅读 · 0 评论 -
JavaScript中常见的设计模式(3)原型模式
原型模式在上一章节中已经说过原型模式解决了构造模式和工厂模式的不足之处。function Person(){}Person.prototype.name ="yuan xing";Person.prototype.age=23;Person.prototype.job="Software engineer";Person.prototype.displayInfo=func原创 2017-04-26 20:57:06 · 413 阅读 · 0 评论 -
JavaScript中常见的设计模式(2)构造函数模式
构造函数模式 在ECMAScript中构造函数可以用来创建特定类型的对象。例如:Array Object String等的原生构造函数。根据这一特性我们可以重写构造函数来满足我们的需求,代码如下:function Demo(name,address,time){this.name=name;this.address=address;this.time=time;//原创 2017-04-25 10:02:46 · 519 阅读 · 0 评论 -
带着疑问来理解JavaScript闭包是如此简单
前言在JavaScript中,闭包对于JavaScript的意义无异于指针在c++中的意义。理解闭包是我们掌握JavaScript这门语言的基础能力,而对闭包的掌握程度就可以看出来你对JavaScript这门语言的深入程度,网上关于闭包的文章也不少但多数让人看过之后一头雾水,也许是自己理解能力较差。所以我还下定决心以提问的方式来理解何谓闭包,希望能给与我有相同境遇的博友一点帮助。闭包是什么...原创 2019-07-09 17:04:11 · 202 阅读 · 0 评论