当前分类

JavaScript教程

JavaScript教程

【JavaScript 】for 循环进化史

ECMAScript 6已经逐渐普及,经过二十多年的改进,很多功能也有了更成熟的语句,比如 for 循环这篇博客将介绍一下从最初的 for 循环,到 ES6 的 for-of 等四种遍历方法先定义一个数组:const myArray = [1, 5, 9];myArray.name = 'wise'在控制台中打印...

JavaScript教程

在火狐浏览器中获取鼠标位置

最近项目中需要使用 js 获取鼠标位置,本以为十分简单,直接返回 clientX 和 clientY 不就完了么结果实际开发的时候,在火狐浏览器中遇到了兼容性问题,这里就和大家分享一下 一、获取鼠标的位置如果只考虑谷歌浏览器,直接获取 window.event 的 clientX 和 ...

JavaScript教程

关于 const 的一点小研究

在饱受 var 的折磨之后,ES6 终于推出了新的定义变量的方法:let 和 const和 var 相比,let 和 const 有了自己的作用域,let 用于定义变量,而 const 用于定义常量但在实际工作中,它们常常有一些出人意料的表现,今天就先说说 “常量” const 上面的示例十分...

JavaScript教程

原生 js 实现点击按钮复制文本

最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document...

JavaScript教程

JavaScript 计算指定月份有多少天

用 js 画工作日历的时候,需要用 js 计算指定月份一共有多少天在网上找了些方法,都比较繁琐,后来灵机一动,想到一个偷懒的办法,分享一下 一、原理分析要想得到某月有多少天,只需要获取到当月最后一天的日期就行了围绕这一思路,灵活调用 setMonth(),get...

JavaScript教程

Parcel + Vue 2.x 极速零配置打包体验

继 Browserify、Webpack 之后,又一款打包工具 Parcel 横空出世Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具”简单接触了一下,单从效率上来说,确实要比 webpack 强上不少,可坑也挺多,未来升级之后应该会逐渐普及官方文档:https://parc...

JavaScript教程

JavaScript 高性能数组去重

中午和同事吃饭,席间讨论到数组去重这一问题我立刻就分享了我常用的一个去重方法,随即被老大指出这个方法效率不高回家后我自己测试了一下,发现那个方法确实很慢于是就有了这一次的高性能数组去重研究 一、测试模版数组去重是一个老生常谈的问题,网上流传...

JavaScript教程

移动端实现拖拽的两种方法

移动端的项目经常会引入手势库来实现拖拽不过如果只是一两个页面用到拖拽,再引入一个手势库就很不划算最近的项目中就有这么一个需求:因为就这一个地方需要拖拽,所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案:1. 将元素设置为固定定位,然后...

JavaScript教程

vue-cli 3.x 开发插件并发布到 npm

为了摆脱咸鱼的身份,我给自己定了一个开源项目的目标于是抽空写了一个 textarea,打算发布到 npm 的时候却遇到了问题之前用 vue-cli 2.x 的时候,打包配置项非常透明,可以很容易的修改但升级到 vue-cli 3.x 之后,反而一脸懵逼。。。在踩了一天的坑之后,终...

JavaScript教程

写一个可插入自定义标签的 Textarea 组件

- “插入自定义标签是什么鬼?”- “比如你要插入一个<wise></wise>的标签...”- “什么情况下会有这种需求?”- “得罪了产品的情况下...” 一、需求背景某天,产品找到我,发生了如下对话PM:“哇,研发小哥哥你今天好帅啊~”我:“说人话。”...

JavaScript教程

JS获取照片拍摄的角度属性,用于旋转控制

在微信里ios手机上传竖拍照片会自动旋转90度,与拍摄时的角度不同,所以需要处理:1、使用EXIF.js可以获取到照片的拍摄属性:API 方法名称说明EXIF.getData(img, callback)获取图像的数据能兼容尚未支持提供 EXIF 数据的浏览器获取到元数据。EXIF.getTag(img,...

JavaScript教程

在webpack里使用jquery.mCustomScrollbar插件

malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件网站:http://manos.malihu.gr/jquery-custom-content-scroller/github:https://github.com/malihu/malihu-custom-scrollbar-plugin jquery.mCustomScrollbar在npm上写了在webpac...

JavaScript教程

Ace在线编辑器使用requirejs配置

Ace代码在线编辑器如果需要在requirejs里使用,注意需要使用github上lib/ace目录的文件。如果使用ajaxorg/ace-builds下面的代码再使用requirejs会报错,不能正常使用。关于requirejs的配置:将github上lib/ace下的所有文件下载到自己的项目下。然后在require....

JavaScript教程

VUE里子组件获取父组件动态变化的值

在VUE里父组件给子组件间使用props方式传递数据,但是希望父组件的一个状态值改变然后子组件也能监听到这个数据的改变来更新子组件的状态。场景:子组件通过props获取父组件传过来的数据,子组件存在操作传过来的数据并且传递给父组件。比如想实现一个switch开...

JavaScript教程

Javascript之旅——第一站:从变量说起

工作这几年,js学的不是很好,正好周末有些闲时间,索性买本《js权威指南》,大名鼎鼎的犀牛书,好好的把js深入的看一看。买过这本书的第一印象就是贼厚,不过后面有一半部分都是参考手册。 一:作用域说起变量第一个要说到的肯定就是作用域,正是因为不熟悉...

JavaScript教程

Javascript之旅——第二站:对象和数组

 一觉睡到中午,本来准备起来洗洗继续睡,不过想想没辙,还得继续这个系列,走过变量的第一站,第二站我们再来看看对象和数组。 一:对象  说起对象,我们不自然就想起了面向对象中自封装的一个类,同样JS中也是遵循这个守则,在web编程中几乎天天用到的就...

JavaScript教程

Javascript之旅——第三站:几个需要注意的运算符

平时写惯了C#,所以会觉得什么样的运算符就应该做什么样的运算,但是有一天你的习惯被其他语言颠覆了,不知道是不是有一股强大的好奇心,刚好在js中,我的这种习惯就被颠覆了,下面就看看哪些运算符颠覆了我的三观。 一:==运算符==运算符之所以可以颠覆,可...

JavaScript教程

Javascript之旅——第四站:parseInt中要注意的坑

 前些天信用卡站点要接入一个新功能,不过还真比较坑爹,asp站点,大家都知道信用卡的背面是有一个有效期的,在对接银行中这个信息一定是要传给银行做数据校验,用户在语音输入信用卡有效期后,系统会做一个有效期判断,为了不必要的麻烦,就是判断过期时间一...

JavaScript教程

Javascript之旅——第五站:说说那些所谓的包装类型

最近不看犀牛书了,那本翻译的特烂而且好拗口,尤其是原型那块说的乱七八糟,后来经同事介绍,买了本js高级程序设计,然后就继续苦逼的看,不吐槽了,继续说说js中有新鲜感的包装类型。 一:String说到String类型,蛮有意思,平时我们都是这样定义一个string...

JavaScript教程

Javascript之旅——第六站:看看writable特性

说起js中的那些特性标记,总觉得有些怪怪的,那为什么要说到这个attribute,起源于对一个问题的疑问,我们都知道window对象其实就是浏览器窗口的一个实例,既然是一个实例,那这个实例就应该有“属性”和“方法“,比如下面这样:我们平时都在使用function的时...

JavaScript教程

Javascript之旅——第七站:说说js的调试

最近比较吐槽,大家都知道,现在web前端相对几年前来说已经变得很重了,各种js框架,各种面对对象,而且项目多了,就会提取公共模块,这些模块的UI展示都一样,不一样的就是后台逻辑,举个例子吧,我们做企业差旅的时候,通常都有一个成本中心的js公共模块,客...

JavaScript教程

Javascript之旅——第八站:说说instanceof踩了一个坑

前些天写js遇到了一个instanceof的坑,我们的页面中有一个iframe,我在index页面中计算得到了一个array,然后需要传递到Flight页面这个嵌套的iframe中的一个函数(SearchFlight)中,作为防御性编程,我需要在SearchFlight函数中进行参数检测,也就是判断过来...

  • 友情链接:微信小游戏
  • 微信扫一扫

    微信扫一扫

    微信扫一扫,分享到朋友圈

    标题
    返回顶部