辛小白-CSDN博客

转载美团开源用 Vue.js 开发小程序的前端框架 mpvue

美团开源的mpvue引起了不少前端er们的注意。我们来介绍一款由美团点评研发，使用 Vue.js 来开发微信小程序的前端框架 ——mpVue。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。用 Vue.js 开发小程序的前端框架 mpvue授权协议：MIT开发语言：JavaScript操作系统：跨平台GitHub地址：https://github...

2018-03-21 09:12:34 1040

原创一篇文章搞定面试中的变量提升

这一篇文章我们会针对执行上下文中的变量对象进行详细的解释与阐述，希望在读完这篇文章后，读者朋友们能理解到 JS 中面试毕问的变量提升的知识点。我们都知道 JS 中有变量提升的一个概念，那么这个过程究竟是怎么发生的呢？我们来看一个例子：function testVO(name,age){ var a = 1; var b = function(){ retu

2017-11-08 16:31:16 383

原创前端跨域解决方案

什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：、、、等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所

2017-11-06 12:23:28 209

原创前端代码合集

HTML5使用FileReader实现前端图片预览 type="file"> src="" height="200" alt="Image preview area..." title="preview-img">var fileInput = document.querySelector('input[type=file]');var previewImg = document.

2017-11-01 08:58:21 347

原创 css hack技巧

CSS hack技巧大全兼容范围：IE:6.0+，FireFox:2.0+，Opera 10.0+，Sarari 3.0+，Chrome参考资料：各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+>√√XX

2017-08-22 09:38:45 197

原创浏览器兼容性问题

JavaScript1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2.const问题

2017-08-07 12:44:08 296

原创单页Web应用

一、定义单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户

2017-08-06 20:25:51 314

原创解决input[type=file]打开时慢、卡顿问题

经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题在windows里面，Firefox不卡顿，只有Chrome卡顿。然而，这个插件是从另一个项目里面借用过来，再加上了限定图片类型的功能而已。原组件并没有这个卡顿问题，那么问题只可能是在限定图片类型这点上了。先贴上我的代码 accpet="image

2017-08-03 10:44:46 977 1

原创 vue-cli脚手架 webpack中引入jquery

首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install在webpack.base.conf.js里加入var webpack = require("webpack")在module.exports的最后加入plugins: [new webpack.optimize.CommonsChunkPlu

2017-07-28 01:09:46 584

原创 ES8（ECMAScript 2017）语言规范发布，附ES6，ES7，ES8规范

Ecma 国际公布了第八版的 ECMAScript 语言规范 ECMAScript 2017(或 ES8)。ECMAScript 是标准化的 JavaScript 语言，1997 年发布了第一版，1998 年和 1999 年发布了第二和第三个版本，之后沉寂了许多年，直到 Ajax 流行起来后标准工作才再次起步，2009 年发布了第五个版本，自 2015 年起每年发布一个版本。ECMAScript

2017-07-21 11:09:38 10647

原创前端面试知识点锦集（JavaScript篇）绝对干货

1、谈谈你对Ajax的理解？(概念、特点、作用) 2、说说你对延迟对象deferred的理解? 3、什么是跨域，如何实现跨域访问? 4、为什么要使用模板引擎？ 5、JavaScript是一门什么样的语言，它有哪些特点？ 6、JavaScript的数据类型有哪些？ 7、已知ID的Input输入框，如何获取这个输入框的输入值？(不使用第三方框架) 8、根据你的理解,请简述J

2017-07-19 09:57:23 482

转载 12个常用的JavaScript简写技巧

1. 空(null, undefined)验证当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。如果直接写，那么像下面这样：if (variable1 !== null || variable1 !== undefined || variable1 !==

2017-07-18 10:36:09 290

原创 JavaScript、jQuery、HTML5、Node.js实例大全

3.2 照片加载与定位根据功能设计，可以先写好 HTML 结构基础，再配好 CSS 做出大致效果，最后用 JavaScript加上各种动作。首先请看 HTML 代码结构。3.2.1 HTML 代码CSS代码保存到 eg3.css 文件中，JavaScript代码保存到 eg3.js 文件中，这样让 HTML代码更加干净。详见【范例 3-1】。【范例 3-1 照片展

2017-07-17 10:40:51 475

原创 Git常用命令大全，迅速提升你的Git水平

初始化本地git仓库（创建新仓库）git init 配置用户名git config --global user.name "xxx" 配置邮件git config --global user.email "xxx@xxx.com"

2017-07-16 14:35:28 195

转载 Web前端知识体系精简

Web前端技术由html、CSS和JavaScript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希

2017-07-15 22:48:54 164

转载前端如何实现图片懒加载(lazyload) 提高用户体验

定义图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。惰性加载是程序人性化的一种体现，提高用户体验，防止一次性加载大量数据，而是根据用户需要进行资源的请求。实现懒加载的难点在于确定某张图片是否是用户需要的资源，在浏览器中，用户需要的是可视区内的资源，因此我们只需要判断图片是否

2017-07-15 22:42:12 692

qq_39163118的博客