JavaScript
文章平均质量分 64
oo灵性
这个作者很懒,什么都没留下…
展开
-
JavaScript中什么是构造函数?
今天被刚来的实习生问及一个普遍说不清道不明的问题,什么是构造函数?经过一番思索,决定从JavaScript 的函数本质开始说起。(以下简称js)要想搞明白构造函数,就要先弄懂什么是函数?以及js中有哪几种函数的创建形式。什么是函数?函数简单的说就是重复执行的代码块;按照JavaScript权威指南(第六版)(作者是David Flanagan)(注:这本书还是很适合初学者看的,提供原创 2016-04-02 23:18:32 · 6317 阅读 · 0 评论 -
es6-特性整理
es6-特性这是一个 ES2015(ES6) 的Cheatsheet,其中包括提示、小技巧、最佳实践和一些代码片段,来帮助小白来学习,我也是从github 上“拿来的”,所以要想学好前端,勤逛github.目录结构var 与 let / const 声明代码执行块替换立即执行函数箭头函数字符串解构模块参数类SymbolsMapsWeakMapsPromises翻译 2016-07-30 22:35:32 · 5812 阅读 · 0 评论 -
常用技巧记录
1、 Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。2、 存储cookie 的时候有‘=’,‘ ’等的时候,会出现读取错误的情况,存的时候应该encodeURIComponent 一下。参考原创 2017-07-30 15:12:57 · 253 阅读 · 0 评论 -
vue2.0 + element UI 中 el-table 数据导出Excel 。
vue2.0 + element UI 中 el-table 数据导出Excel1、 安装相关依赖主要是两个依赖npm install --save xlsx file-saver如果想详细看着两个插件使用,请移步github。 https://github.com/SheetJS/js-xlsx https://github.com/eligrey/FileSav原创 2018-01-30 17:14:58 · 72276 阅读 · 106 评论 -
seo 相关记录 & 谷歌统计
seo 优化seo 优化是未来更好的给爬虫收入,以便提高排名和权重。除了加meta name="Keywords" content="**,**,********">meta name="Description" content="**,**,********"原创 2018-02-01 15:20:28 · 470 阅读 · 0 评论 -
PC站点开发规范(待补充)
目录目录最佳方式命名规则项目命名 project目录命名HTML 文件命名JS 文件命名HTML5页面规范属性顺序JavaScript变量命名引号文档注释最佳方式 坚持制定好的代码规范。 无论团队人数多少,代码应该同出一门。 如果想要为这个规范做贡献或觉得有不合理的地方,可以提出。 命名规则原创 2018-02-01 16:49:20 · 312 阅读 · 0 评论 -
面试题记录
异步转同步 将下式进行修改,使其输出3function aa(){ var b = bb(3); console.log(b);}function bb( type ) { var cc ; setTimeout(function () { cc = type; },1000) return cc;}aa() /原创 2018-01-31 11:53:29 · 231 阅读 · 0 评论 -
手机号3-4-4 & 滚动函数 & 滚盘抽奖
手机号3-4-4 – 需引入一个jq or zepto 下列flow 就是344相关的东西, $(‘#inpTel’)对应的就是输入input输入框DOM节点。 var flow = { initIndex:function(){ flow.initMobile(); $("#inpTel").on('blu...原创 2017-11-15 13:55:51 · 528 阅读 · 0 评论 -
《你不知道的JavaScript》 记录
前言,简单记录你不知道的javascript 书本的例子。声明提升 ( 第四章 )1、var a = 2; 可能会认为这是一个声明。但JavaScript 实际上会将其看成两个声明:var a; 和 a = 2 ; 第一个定义声明是在编译阶段进行的。第二个赋值声明会被留在原地等待执行阶段。 2、函数声明会被提升,但函数表达式却不会被提升。 3、提升细节: 函数会首先被提升,然后才是...原创 2018-03-25 17:09:58 · 345 阅读 · 0 评论 -
jquery.datatables 前端分页工具使用
jQuery.datatables是一款基于jQuery表格插件。需求:需要弄个前端分页、前端筛选(自定义)的表格。基本实现功能如下:前端DataTable 静态筛选 基本使用// demo 1 ajax 取数据 var table2 = $('#table_details').DataTable({ // 1 //排序功能. o...原创 2018-04-17 20:02:58 · 2408 阅读 · 0 评论 -
jquery 原生实现简易多语言
以下该版本实现了简易的多语言方案 ,你可以去维护一套多语言的json ,进行前端的语言切换。通过获取自定义数据 data-trans 来改变语言。 html 结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多语言&原创 2018-07-30 14:32:34 · 1908 阅读 · 0 评论 -
网页音效简易解决方案audiosprite
背景: 一、当网页需要的播放声音片段过多,这个时候就会采用和css精灵图类似的技术,来拼接声音片段(audioSprite ),来减少请求。 二、自己用原生播放声音,兼容性问题,无法播放雪碧片段声音。 Howler.js 是一个不错的HTML5声音引擎。功能强大,性能不错,用起来也很方便。最终结局办法: 大概就是用 audioSprite 来生成集合声音片段,然后使用howler.js...原创 2018-08-24 15:29:10 · 1539 阅读 · 0 评论 -
centos7 npm run build报错,window本地打包正常
1、centos7 npm run build报错,window本地打包正常报错的错误类型可能是如下:ERROR in ./node_modules/css-loader?{&amp;amp;amp;amp;amp;amp;quot;sourceMap&amp;amp;amp;amp;amp;amp;quot;:false}!./node_modules/vue-loader/lib/style-compiler?{&amp;amp;amp;amp;a原创 2018-11-22 14:13:25 · 4129 阅读 · 1 评论 -
程序猿电子书推荐和下载
一些作为一个开发者可以看得书籍,并提供下载链接,避免每次到处去找下载链接,当然欢迎购买正版书:1、《JavaScript权威指南(第六版)》 ★★★★★淘宝前端团队翻译的,看译者列表都是一堆大神。这本书又叫犀牛书,号称javascript开发者的圣经,网上对此书评价很多,大概意思都是说这本书是一本JavaScript文档手册,没有完整看过一遍此书的都不能算是一名合格的前端工程师。JavaS...原创 2018-11-17 11:22:00 · 1182 阅读 · 0 评论 -
谷歌统计代码使用方式
1、加入 gtag 代码&lt;!-- Global site tag (gtag.js) - Google Analytics --&gt;&lt;script async src="https://www.googletagmanager.com/gtag/js?id=UA-*****-1"&gt;&lt;/script&gt;&lt;scrip原创 2018-12-27 13:49:18 · 4178 阅读 · 0 评论 -
node.js递归取指定后缀文件
有时候我们需要递归读取某个目录下的指导后缀文件。(目录保护子目录)const path = require('path')const fs = require('fs')var walk = function(dir) { var results = [] var list = fs.readdirSync(dir) list.forEach(function(fil...原创 2019-01-02 11:41:06 · 2302 阅读 · 0 评论 -
阮一峰博客转载记录
把看过的认为有点意思的,做个链接记录。2009年 一、学习JavaScript 闭包详见阮一峰链接 有一个可以作为面试题: var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return原创 2017-08-14 11:50:02 · 875 阅读 · 0 评论 -
JavaScript原型链详细介绍
同事问了一个关于JavaScript 原型链、以及继承的本质的问题,探讨一番,决定将其写下来,为后人学习提供便利。要想搞清楚JavaScript 的原型链,就必须先搞定对象、原型对象、原型属性、构造函数、以及Function() 的概念。下面,我来一一讲解:一、开始之前先弄明白js中的 值类型 和引用类型。 值类型,存储的是数据本身,一些简单的数据,就是值类型,如number、strin原创 2016-04-02 23:25:18 · 680 阅读 · 0 评论 -
JavaScript作用域链详细介绍
JavaScript中还有一个很重要的概念叫作用域以及绘制作用域链 ,下面我来进行讲解一下。首先,要先理解,在其他开发语言中,常见的作用域规则:块级作用域和 词法作用域。然而什么叫作用域? 即 起作用的区域 ;定义变量后,可以在哪一个范围内使用该变量。块级作用域所谓的块级作用域就是用一个块结构分割变量的访问区域 即 { } 直接包围的区域。代表语言:c(c 系类)。词法作用域原创 2016-04-02 23:28:44 · 546 阅读 · 1 评论 -
分析jq中缓存的案例
分析jq中缓存的案例jQuery流行框架在程序界还是非常火的,下面我们通过扒开jquery-1.11.1.js 的源码,来分析它是如何实现一些数据缓存的。下面就是jQuery里头的createCache的源码,/** * Create key-value caches of limited size * @returns {Function(string, Object)} Returns th原创 2016-04-06 23:10:22 · 793 阅读 · 0 评论 -
JavaScript模块化编程思想演变
JavaScript模块化编程思想演变对大型的网站来说,模块化编程非常重要。因为越是大型的网站,文件命名冲突、文件依赖程度都非常高,故而引入模块化思想。下面我从大家经常写代码的习惯来引。第一种常见写法 全局函数形式这种形式,各种变量,函数都将暴露在全局环境下,代码示例如下: <script> var a = 1 ,b = 2 ; // 等各种全局变量 // 各种函数声明原创 2016-04-25 11:56:33 · 576 阅读 · 0 评论 -
http协议的理解
http 协议就是浏览器(客户端)和服务器之间通信的一种数据交换格式规范。在http协议中,始终是以一种一问一答的形式进行,且服务器永远不会主动向客户端发送响应消息。最简单的模型如下: - 浏览器发送请求数据到服务器- 服务器解析浏览器发送的请求数据- 服务器响应数据到客户端浏览器B(browser)/S(server) 网络架构,就是浏览器和服务器的交互模型。原创 2016-05-18 00:06:38 · 437 阅读 · 0 评论 -
封装类似jQuery的ajax函数
经常使用jQuery的ajax 不明白里头大概的原理怎么行呢?下面我们一起来简单的封装一些jq里的ajax 吧//简易AJAx 封装var $ = {params:function(params){var data="";for(key in params){data += key + '='+params[key]+'&';}// 将最后一个&字符截掉原创 2016-05-22 00:07:39 · 1085 阅读 · 0 评论 -
Web 端 URL 的处理
Web 端 URL 的处理URL 的处理很多时候我们需要从一个URL中提取域名,查询关键字,变量参数值等的数据, 有两种方式,一种是利用window.location 上提供的方式;另一种,是利用 a 链接 dom 节点提供的方法: 先来认识一些 URL : URL :统一资源定位符( Uniform Resource Location ) 完整的URL 由这几个部分构成:sch原创 2016-06-06 23:34:40 · 664 阅读 · 0 评论 -
酷我开发中遇到的问题
感恩节抽奖专题活动我们打算在感觉节的那天,在酷我APP的焦点图处,加入这个活动,目的是拉高下日活,和分享出去,而带来的新流量。 技术上,使用内嵌H5页面来实现,保证安卓和ios 平台,都兼容,再者,原生开发时间不够(活动又是临时加入的)。故打算 在前端页面里头通过iframe 内嵌页的形式,来加载第三方(兑吧)的抽奖资源。遇到的问题: ios内嵌的页面,每次调整成功都是到分享的下载页面,而不是抽原创 2016-11-30 23:11:42 · 436 阅读 · 0 评论 -
underscore.js 解读(敲源码)
我把第一遍敲的underscore的代码放在github上了,加上了备注和一些demo 感兴趣的可以去看看。 https://github.com/katoto/copyUnderscore 还有一个是和jQuery 相关的,也可以敲敲看。 https://github.com/katoto/Tur_jqUnderscore一个JavaScript实用库。阮一峰资料原创 2016-11-20 22:51:39 · 3620 阅读 · 0 评论 -
前端多行文本末行打点
很多时候我们要实现如何的打点效果,可是英文字符和中文字符长度时不一样的,这个时候该如何实现如下效果呢? 至于展出操作应该是前端都能够处理的。 应该都知道英文占1个字符,中文汉字占2个字符。 将中文的字符长度按2个的位字符算出,然后想办法进行截取。 算出位字符长度: // 计算字符长度 function getStrlength(str){ ret原创 2016-11-09 14:11:00 · 1496 阅读 · 0 评论 -
封装自己的jsonp、元素Ajax
在封装自己的JSONP 服务之前,我们要先明白,什么是同源?为什么要跨越? 首先我们要明白,同源策略是浏览器的一种安全策略,所谓同源是指,域名、协议、端口完全相同。 为什么要跨越?在开始前简单介绍一下CDN(contentdelivery network),CDN简称内容分发网络,当我们完成一个项目的时候,真正的功能性代码不多,可是静态资源确占很大一部分,如样式,图片等等,这些静态如果都向你这个原创 2016-12-30 22:59:40 · 1620 阅读 · 0 评论 -
vue 常用的插件(自整理)
vue-resourcevue-resource 作为vue插件的形式存在,通过XMLHttpRequest或JSONP发起请求并处理响应。开发中常用。 用法:npm install vue-resource --save如果你的项目遵守commonJS规范var Vue = require('vue');Vue.use(require('vue-resource'));get方式的套路:n原创 2017-07-16 18:03:17 · 18985 阅读 · 0 评论 -
H5移动端ios 滚动优化
常会遇到业务场景:禁止iOS的弹性滚动、禁止微信H5页面下拉。H5页面ios滚动卡顿。H5页面内去除弹性滚动。表格第一行和第一列固定 其他区域滚动常用做法:利用css3 的动画利用ios 特有属性 -webkit-overflow-scrolling : touch 那么问题来了,如果用好这两个点呢?自己写的代码太烂,还是大神们写的代码好用,去npm、百度 上找一找,我把找到的原创 2017-07-16 22:40:07 · 11130 阅读 · 3 评论 -
JavaScript高性能编码知识记录
前端程序员必须知道的高性能、数据存储、循环、事件委托、重绘与重排。浏览器下载完HTMl,CSS,JS后会生成两棵树:DOM树和渲染树。 当Dom的几何属性发生变化时,比如Dom的宽高,或者颜色,position,浏览器需要重新计算元素的几何属性,并且重新构建渲染树,这个过程称之为重绘重排翻译 2016-07-31 18:17:36 · 465 阅读 · 0 评论 -
Jenkins 自动部署常见配置方式以及过程
1、弄好机器之间的ssh ,将git 仓库填入:2、配置远程目录通常Jenkins 机器和构建的机器是不一样的,我们需要将Jenkins 的workspace 工程空间下的代码拉到构建机器上:点开系统配置 下 SSH Servers 出,新增一个填写名称 机器ip 用户名,以及目标目录。点开高级配置填入用户密码。完整如下:3、 在构建配置中,填入 source files 和re...原创 2019-01-09 17:00:40 · 1596 阅读 · 0 评论