0

还学不会webpack?看这篇!

Webpack已经流行好久了,但很多同学使用webpack时还是一头雾水,一下看到那么多文档、各种配置、各种loader、plugin立马就晕头转向了。我也不例外,以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端,webpack是必须得跨过的一道坎,其实掌握webpack并... ...

Fundebug 发布于 2019-07-04 10:17 评论(0)阅读(100)
0

js的常用场景效果

表格的隔行变色样式,checkbox的全选+反选功能实现商品购物车页面的结算功能。 ...

维京人~ 发布于 2019-07-03 23:37 评论(0)阅读(82)
0

react diff

传统diff 通过循环递归对节点的依次对比,复杂度是O(n3) react diff react对传统diff进行了优化,将复杂度降为O(n) react基于这几个前提对diff进行了优化: 忽略跨层级操作,因为DOM节点跨层级操作很少。 不同类的组件,则会生成不同的树形结构,相同类的组件,会生成相 ...

迪迪的博客 发布于 2019-07-03 21:27 评论(0)阅读(29)
0

Vue学习之webpack中使用vue(十七)

一、包的查找规则: 1、在项目根目录中找有没有 node_modules 的文件夹; 2、在 node_modules 中根据包名,找对应的vue 文件夹; 3、在vue 文件夹中,找 一个叫做 package.json的包配置文件; 4、在package.json文件中,查找一个main 属性【m ...

壹叶知秋 发布于 2019-07-03 20:34 评论(0)阅读(46)
0

Vue学习之Babel配置(十六)

一、Babel: (官网:https://www.babeljs.cn/docs/) 1、Babel 是一个 JavaScript 编译器; 2、Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本 ...

壹叶知秋 发布于 2019-07-03 19:13 评论(0)阅读(63)
0

深入V8引擎-AST(3)

上篇简单介绍了入口方法的流程以及scanner类相关的部分内容,这一篇主要讲scanner的初始化,即 注意,这不是调用静态方法。实际上Parser实例生成的时候也把scanner属性初始化了,所以这里可以直接用。 实际上,就是初始化了scanner上的source_属性与模块的flag,以便调用I ...

书生小龙 发布于 2019-07-03 14:13 评论(0)阅读(173)
0

js字符串转为数字方法parseInt()、减号、乘号、JSON.parse()、Number()的效率比较

runTest("b* 1", function() { b * 1; }); 综上比较, 1、本身是数字的字符串转为数字,parseInt()不带参数直接转最快; 2、字符串既包含数字又包含字母的字符串,parseInt()带10进制的参数更快,但是是所有方法中最慢的; 3、如果是纯数字组成的字符 ...

蓓蕾心晴 发布于 2019-07-03 13:57 评论(0)阅读(77)
0

链表!比数组更适合做增删操作的数据结构

什么是链表? 链表和数组的对比:在大多数语言中,数组的大小是固定的,从数组的起点或中间添加或删除元素的成本很高,因为需要移动元素。 链表中的每一个元素在内存中不是连续放置的,和它左右两侧元素是没有关系的。 每个元素有一个存储元素本身的节点和指向下一个元素的引用组成。 相对于数组,链表的好处在于添加或 ...

青红皂啦个白 发布于 2019-07-03 13:45 评论(0)阅读(65)
0

页面返回上一页浏览位置

1.如果上一页是静态页面,可以用 history.go(-1)方法; go() 方法可加载历史列表中的某个具体的页面。 该参数可以是数字,使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。(-1上一个页面,1前进一个页面)。或一个字符串,字符串必须是局部或完整的URL,该函 ...

苑庆涛 发布于 2019-07-03 13:41 评论(0)阅读(43)
0

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: ...

Blogs-whx 发布于 2019-07-03 12:22 评论(0)阅读(47)
0

layui 框架 table插件 实现键盘快捷键 切换单元格编辑

最近使用layui的框架时,发现table插件不支持键盘快捷键切换单元格,花了点时间实现此功能。 分享给有需要的朋友们~~~ 效果图 代码: 1.支持 enter,上,下,右键 切换单元格,支持隐藏列跳过切换。注:单元格必须开启了 edit:text 模式,才支持键盘切换。使用方法:1.在需要启用此 ...

zakary_zhen 发布于 2019-07-03 11:51 评论(0)阅读(63)
0

前端开发 JavaScript 干货知识点汇总

很多初学的朋友经常问我,前端JavaScript都需要学习哪些东西呀?哪些是JavaScript的重点知识啊? 其实做前端开发工程师,所有的知识点都是我们学习必备的东西,只有扎实的技术基础才是高薪的关键! 不过JavaScript的知识点比较多,一篇文章的内容没办法讲完。今天就来点知识点难度干货,大 ...

双手写代码 发布于 2019-07-03 10:22 评论(0)阅读(128)
1

[Vue 牛刀小试]:第十四章 - 编程式导航与实现组件与 Vue Router 之间的解耦

一、前言 在上一章的学习中,通过举例说明,我们了解了 Vue Router 中命名路由、命名视图的使用方法,以及如何通过 query 查询参数传参,或者是采用 param 传参的方式实现路由间的参数传递。通过学习我们可以发现,在实现路由间的参数传递时,我们将 Vue Router 与我们的组件强耦合 ...

墨墨墨墨小宇 发布于 2019-07-03 10:04 评论(0)阅读(387)
0

Vue学习之webpack调用第三方loader(十五)

恢复内容开始 一、webpack 默认只能打包处理 JS 类型的文件,无法处理 其他的非 JS 类型的文件; 如果非要处理 非 JS 类型的文件,我们需要手动安装一些 合适 第三方 loader 加载器; 二、webpack 处理第三方文件类型的过程: 1、发现这个要处理的文件不是JS文件,然后就去 ...

壹叶知秋 发布于 2019-07-03 07:57 评论(0)阅读(34)
0

剑指前端(前端入门笔记系列)——DOM(属性节点)

DOM(属性节点) 属性节点没有过参加家族关系中,其专用选择器:attributes,返回值为对象的形式,它的键是索引值,也就是用对象模拟了一个伪数组,DOM中选择器返回的都是伪数组(可以使用数组的形式遍历,操作。但是不能使用数组的方法),下面是属性节点的操作 <div class="box" ti ...

AI-fisher 发布于 2019-07-02 22:06 评论(0)阅读(35)
0

js api 之 fetch、querySelector、form、atob及btoa

js api 之 fetch、querySelector、form、atob及btoa 转载请注明出处: "https://www.cnblogs.com/funnyzpc/p/11095862.html" js api即为JavaScript内置函数,本章就说说几个比较实用的内置函数,内容大致如下 ...

funnyZpC 发布于 2019-07-02 20:11 评论(0)阅读(52)
0

使用原生JS 修改 DIV 属性

本例参考并改进自:https://www.jianshu.com/p/2961d9c317a3 大家可以一起学习!! ...

小方哥· 发布于 2019-07-02 20:07 评论(0)阅读(128)
0

Node.js新手必须知道的4个JavaScript概念

如果只需要知道一种编程语言就可以构建一个全栈的应用程序,是不是特别了不起?Ryan Dahl为了把这个想法成为现实,创造了node.js。Node.js是建立在Chrome强劲的V8 JavaScript引擎上的服务器端框架。虽然最初是用C++编写的,但是应用程序通过JavaScript运行。 这样 ...

双手写代码 发布于 2019-07-02 17:39 评论(0)阅读(83)
0

剑指前端(前端入门笔记系列)——DOM(元素节点)

DOM(元素节点) 本文介绍了元素节点的基本操作:增删改查 增 新增一个元素节点分为两步(二者缺一不可),第一步:创建元素节点,第二步:将创建的元素节点插入到指定元素节点中(也就是插入指定元素节点的儿子元素节点) <div id="box">原本存在的</div> <script type="tex ...

AI-fisher 发布于 2019-07-02 16:52 评论(0)阅读(33)
0

Web网站实现Google登录

一、打开谷歌控制台:https://console.developers.google.com/apis 二、点击创建凭据,如下图,填写项目地址等 三、创建好客户端ID和秘钥后,填写对应的项目网址和登录页网址 四、修改OAuth同意屏幕网站首页地址和隐私政策网址 五、代码部分如下: ...

dreams7433 发布于 2019-07-02 16:38 评论(0)阅读(47)