Javascript
关注
分享
扫一扫
jackie_bobo
当你知道的越多！你会发现你懂的越少。活到老，学到老！come on！
展开
-
7个很棒的JavaScript产品步骤引导库，不信你用不上
1. Intro.js介绍Intro.js 由于其用户友好的解决方案而被广泛使用，并拥有1.9万个GitHub star。其最重要的功能是：无依赖项：不需要任何其他依赖项体积小，速度快：体积较小，因此引导过程顺畅而直观。JavaScript文件的总大小为10KB, CSS为2.5KB。用户友好：导航是用户友好的，并提供可根据您的喜好选择的各种主题。浏览器兼容性：可在所有主要浏览器上...转载 2020-04-16 14:30:57 · 1958 阅读 · 0 评论 -
js数组常用的方法：forEach、map、filter、every的对比
工作中数组常用的方法：forEach、map、filter、every的对比代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e原创 2018-03-03 09:35:18 · 2045 阅读 · 0 评论 -
转-js中的new()到底做了些什么？？
js new操作符，创建对象时的4个步骤转载 2018-03-27 11:39:58 · 616 阅读 · 0 评论 -
将cookie字符串转化为json对象
先看一下cookie长啥样在控制台输入查看document.cookie，如下图： 分析可以看出cookie是以"key=value;key2=value2;"的结构。好，接下来我们就将其转为json对象。function cookieToJson() { let cookieArr = document.cookie.split(";"); let obj = {}...原创 2018-07-01 15:36:08 · 12566 阅读 · 0 评论 -
artTemplate模板引擎的简单实用
虽说现在多数公司都是用MV*框架做项目，数据驱动视图更新，Dom操作部分就不需要太在意，只管逻辑部分。就在今天2018.6.26日，这是有一个 特别的日子 ，因为我我….不说了！说一下我哪个美丽又可爱的朋友问我jq里怎么用模板引擎，所以我就写个demo给她，虽说自己也是渣渣，但是能帮到她就挺好的，所以我想既然都demo都写了，就发个博客记录一下，看有没有人恰巧有用，点上一赞足以让我开心的像2...原创 2018-06-26 16:53:36 · 2988 阅读 · 0 评论 -
chrome浏览器的跨域设置并测试发送post请求及简单渲染
window用户win+r打开cmd命令行，如果你的环境变量没有问题的话，直接输入chrome即可新建一个chrome进程。chrome版本号为49之后可以直接通过在命令行输入--disable-web-security --user-data-dir=C:\Users\Administrator\Desktop\MyChromeDevUserData ,–user-data-dir的值就是刚才...原创 2018-07-12 18:40:12 · 7184 阅读 · 0 评论 -
new Date(date).getTime()在ios下的兼容性问题。
new Date(“2018-12-12 00:00:01”).getTime()获取时间戳的时候在ios下面为NaN.经过排查发现new Date("2018-12-12 00:00:01")/**chrome浏览器以及安卓下面都可以正常输出->Wed Dec 12 2018 00:00:01 GMT+0800 (中国标准时间)*在ios下面输出是Invalid Date...原创 2018-12-12 11:53:16 · 3171 阅读 · 0 评论 -
vue中将原生事件绑定到非原生input 组件监听回车键实现搜索功能
为了用户体验，很可能会有这么一种操作，就是input输入框输入完内容之后，按下回车就可以执行搜索或其他业务逻辑。实现方法：原生的话可以直接通过如下方法即可：<input v-on:keyup.enter="submit"><!-- 缩写语法 --><input @keyup.enter="submit">非原生则可以通过.native...原创 2019-01-08 23:36:12 · 2084 阅读 · 0 评论 -
'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
npm i vue-cli -g，下载成功了，运行vue命令行之后，就提示如图一错误。一看就知道是没有把npm全局下载的包添加到环境变量中啦。那么通过npm i xxxx -g下载的东西是在哪里的呢？只要找到下载存放的路径问题就迎刃而解了。图一解决方案：找到npm i xxx -g 下载后存放的路径，将路径添加到环境变量中，即可。npm config list 查看一下npm 的配...原创 2019-01-15 11:00:38 · 28774 阅读 · 1 评论 -
JavaScript中清空数组的三种方式
方式1、splice详细说明：http://www.w3school.com.cn/jsref/jsref_splice.asp方式2、length赋值为0这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如Java中会报错，编译通不过。而JS中则可以，且将数组清空了，目前 Prototype中数组的 clear 和mootools库中数组的 empty 使用这种方式清转载 2018-02-07 14:38:11 · 313 阅读 · 0 评论 -
JavaScript 资源大全
JavaScript 资源大全中文版我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等Awesome 系列虽然挺全，但基本只对收录的资源做了极为简要的介绍，如果有更详转载 2018-02-06 17:13:21 · 1957 阅读 · 0 评论 -
50 个 Bootstrap 插件
为你下一个项目准备的 50 个 Bootstrap 插件 Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。本文向你推荐 50 个 Bootstrap 的插件，可以考虑在你下一转载 2018-01-29 09:30:12 · 2190 阅读 · 0 评论 -
javascript中运算符的优先级问题
优先级从高到底 ( ) 优先级最高 一元算术运算符 ++ – ! 二元算数运算符 先 * / % 后 + - 关系运算符 > >= < <= 关系(相等)运算符 == != === !== 逻辑运算符 先&& 后|| 赋值运算符 = 就是四部分： 算术 > 关系 > 逻辑 > 赋值原创 2017-11-11 08:34:10 · 775 阅读 · 0 评论 -
javascript中自执行（自调用）函数的两种写法
自执行函数定义： 自执行函数或是自调用函数 声明完了，马上进行调用，只能使用一次,,有两种写法，举个栗子如下：写法一:格式：(函数)(实参)<script> (function (n1,n2){ console.log("这是匿名函数的自执行的第一种写法，结果为："+(n1+n2)) })(10,100)//110 (function start(n原创 2017-11-11 13:44:31 · 32839 阅读 · 3 评论 -
javascript中的数组和字符串方法总结
在学习js的数组和字符串方法的时候会发现彼此之间好多方法是类似的，为了方便记忆及发现两者之间的关联，之后就自己总结了一个xmind的思维导构，总结可能有瑕疵，哪里有错误的话，希望各位大牛多指出！ThankYou！！！注意：由于考虑到该思维导构图为png格式，所以图片里面的备注是没办法看到的，所以如果需要源文件的话可以点击下面百度云链接下载，辛苦编写，如果觉得对您有用的话，不吝点个赞哈！谢谢。原创 2017-11-14 17:06:31 · 434 阅读 · 0 评论 -
浅谈测量javascript脚本程序执行消耗的时间
随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。接下来就简单介绍一下两种方法：方法一： console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的时间,代码如下// 启动计时器console.time('testTime');//testTime为计时器的名称// (写一些测试用代码原创 2017-11-14 22:24:59 · 2735 阅读 · 0 评论 -
15 个必须知道的 Chrome 开发工具技巧 - 码农网
15 个必须知道的 Chrome 开发工具技巧在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。一、快速切换文件如果你使用过sublime text，那么你可能转载 2017-11-14 23:33:48 · 368 阅读 · 0 评论 -
事件绑定、事件监听、事件委托
文章目录在DOM中直接绑定事件在JavaScript代码中绑定事件使用事件监听绑定事件事件监听W3C规范IE标准事件监听的优点封装事件监听事件委托事件委托优点在JavaScript的学习中，我们经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？### 事件绑定要想让 JavaScript 对用户的操作转载 2017-12-26 10:45:34 · 364 阅读 · 0 评论 -
js中数组排序
一、普通数组排序 js中用方法sort()为数组排序。sort()方法有一个可选参数，是用来确定元素顺序的函数。如果这个参数被省略，那么数组中的元素将按照ASCII字符顺序进行排序。如：var arr = ["a", "b", "A", "B"];arr.sort();console.log(arr);//["A", "B", "a", "b"]因为字母A、B的ASCII转载 2018-01-31 11:42:45 · 259 阅读 · 0 评论 -
为什么给html标签定义了id，就可以在js中（浏览器环境）直接通过id引用这个dom元素？
问题 只要标签有id这个属性，不使用getElementById方法，也可以直接用id获取dom元素。解惑 经过一波搜索及查资料，原因大概是：如果dom元素的id名称不和js内置属性或全局变量重名的话，该名称自动成为window对象的属性，所以可以直接用来操作dom。看网上的说法是，这个是IE首先支持，火狐谷歌后面才支持的。不过现在还未形成标准，为了保险，还是不用的好。不过看各大浏览器都支原创 2018-02-08 19:56:16 · 4335 阅读 · 0 评论 -
javascript数据类型转换总结
javascript之数据类型分类及隐式转换、显式转换规则原创 2017-11-07 21:00:28 · 396 阅读 · 0 评论