首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

手写webpack核心原理,再也不怕面试官问我webpack原理

不过,我们需要知道的是,当前我们解析出来的不单单是index.js文件的内容,它也包括了文件的其他信息。而它的内容其实是它的属性program的body。如图所示 ?...这里我们获得了该节点中source的value,也就是node.source.value, 这里的value指的是什么意思呢?其实就是import的,可以看我们的index.js的代码。.../minus' 然后我们将file目录路径跟获得的value拼接起来保存到deps,美其名曰:收集依赖。 ok,这个操作就结束了,执行看看收集成功了没? ? oh my god。又成功了。...,但是我们要怎么获取一个模块里面的依赖模块的信息呢?.../add.js")); 可见,return出去的,被_interopRequireDefault接收,_interopRequireDefault再返回default这个属性给_add,因此_add

1.6K30

133 - 修炼 - 小程序的知识点05

你好呀,上周和你聊了聊WXML是什么的话题,这周来和你聊聊“WXML怎么用”相关的话题。 今天想和你聊聊“数据绑定”这个概念。啥叫数据绑定,数据绑定与WXML怎么用是什么关系呀? 数据绑定是什么?...在开发中通常会显示一些,比如文本框中的。这个时候怎么做呢?通常需要写一大段的JS来赋值,简单来说也就是2步,首先获得文本框的对象,然后通过对象的value属性给其赋值。...而在小程序中,有一个更加节省成本的方法,也就是更方便的方法。将一个使用一段变量进行绑定,在JS中再对该变量进行赋值。这个对数据进行赋值的解决方案,就叫做数据绑定。...嗯哼,咋一看,这两种方式好像都么有什么区别,都是通过变量修改文本的呀。原先的方式是需要获得每一个标签的对象,然后通过对象的属性修改对象的。...还可以用这种方式对标签的属性赋值。 那这和WXML又有什么联系呢?WXML类似于HTML,是一门标签语言,数据绑定就是对它里面的标签内容和属性做修改。

50610

【CSS进阶】原生JS getComputedStyle等方法解析

和 getComputedStyle 方法不同的是,currentStyle 要获得属性名的话必须采用驼峰式的写法。...也就是如果我需要获取 font-size 属性,那么传入的参数应该是 fontSize。因此在IE 中要获得单个属性,就必须将属性名转为驼峰形式。...其次,element.style 只可以获取 style 样式上的属性,而无法得到所有的 CSS 样式,什么意思呢?...而标准浏览器会直接返回它的 px ,当然我们希望在 IE 下也返回 px 。 这里的 HACK 方法是使用 element.getBoundingClientRect() 方法。...element.getBoundingClientRect() -- 可以获得元素四个点相对于文档视图左上角的 top、left、bottom、right ,通过计算就可以容易地获得准确的元素大小。

1.5K50

-- react版的倒计时实现

现在我们就可以开始写react了 回忆一下我们切静态页面的时候会怎么做?肯定是先搞个大的父容器出来,然后再在父容器中添加相应的各个子容器。...//=================== 按照一般的js开发思路,在写js之前 应该先搞一些初始,然后开始加载 dom, 再搞一些function方法来修改操作这些 当dom都加载好了,开始绑定事件...你得往Day这个组件传数据啊, 我们需要给组件添加一个属性 组件的属性可以接受任意,字符串、对象、函数等等都可以, 也就是说,基本可以随便命名,当然你不能乱写,差不多就行 写一个属性dayVal,...把之前的倒计时js拿过来,就这样放这,间隔1000毫秒。 然后这个 this.setState 是不是应该放在setInterval呀?这样才可以每隔一秒修改一次时分秒的。 报错!!...因为在setInterval,this的变了。

1.9K70

你还在手动部署埋点吗?从0到1开发Babel埋点自动植入插件!

/src/index.js"), ] ] } 在/src/index.js写plugin相关代码 module.exports = function() { return {...,我们可以调用traverse方法 traverse traverse方法是@babel/traverse默认导出的方法,使用traverse可以手动遍历ast树 // 示例代码 import * as...,在traverse方法传入一个对象,不同于visitor,对象里面直接可以放enter方法,也可以放其他节点方法。...去重 使用 path.key获取路径所在容器的索引 path.key可以获得元素的索引,那用这个属性去重好像行得通,下面举个例子演示一下 const a = 1; // path.key = 0...首先确定Excel表的格式,id作为标识,属性是需要传入全局函数的,我们将全局函数命名为AddStatistic,属性中带有#的是变量,不带#的是字符串 安装node-xlsx,运行yarn add

1K20

Vue 面试题汇总

怎么获取传过来的 在 router 目录下的 index.js 文件中,对 path 属性加上 /:id。...npm i axios -S 如果发送的是跨域请求,需在配置文件中 config/index.js 进行配置 6、vuex 是什么?怎么使用?...4 Vue组件间的参数传递 父组件与子组件传 父组件传给子组件:子组件通过props方法接受数据; 子组件传给父组件: $emit 方法传递参数 非父子组件间的数据传递,兄弟组件传 eventBus...组件共享 data 属性,当 data 的是同一个引用类型的时,改变其中一个会影响其他 20 Vue computed 实现 建立与其他属性(如:data、 Store)的联系; 属性改变后,通知计算属性重新计算...初始化 computed, 遍历 computed 的每个属性,每个 computed 属性都是一个 watch 实例。

3K30

XSS跨站脚本攻击的原理分析与解剖

> 下面是代码的页面 这段代码的作用是把第一个输入框的字符串,输出到第二个输入框,我们输入1,那么第二个input的value就是1,下面是页面的截图和源代码的截图...15行input标签的value属性里面,被当成value来显现出来,所以并没有弹窗,这时候我们该怎么办呢?...既然可以不用标签,那我们就用标签属性来构造XSS,这样的话,xss代码又少,又不会有多余的字符串被输出来。 还是这个环境,但是不能使用标签,你应该怎么做。...想想input有什么属性可以调用js,html学的好的人,应该知道了,on事件,对的。...别以为就这样结束了,还有一类环境不能用上述的方法, 那就是如果在[ textarea ]标签呢?!或者其他优先级比script高的呢? 就下面这样 这时我们该怎么办呢?

1.5K50

JS的面试题(一)

有数组索引组成的数组,或由对象属性组成的数组 14.说一说深拷贝的理解? 将是基础类型的属性直接拷贝,将是数组或者对象的属性进行重新遍历。...Object.assign(obj1,obj2) 将后面的对象像前面合并,相同的属性会被覆盖,返回是第一个参数 17.对Object.create(obj)的理解?...(function(){}) window.onload是在页面所有的元素都加载完成后才触发 (function(){})是在页面的dom结构加载完毕后就触发 dom的内容不一定都已经加载完成 28...怎么用? eq()等于 括号写索引 find()查找子元素 括号写选择器 siblings()兄弟 可以写选择器可以不写 31、如何匹配表格中的第四行以及第四行以后的行?...width()方法用于获得元素宽度; innerWidth()方法用于获得包括内边距(padding和边框(border)的元素宽度, outerWidth()方法用于获得包括内边距(padding

7710

VUE面试题

1、active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?...怎么使用?说出至少三个组件使用方法? 答:基于vue的前端组件库。npm安装,然后import样式和js,vue.use(mintUi)全局引入。...父组件怎么给子组件传? 答:首先注册vue.components,第一个参数是组件名称,第二个参数是选项。直接绑定一个属性,然后在子组件props里面接收 25、使用过element.ui吗?...写在最后 实现按需 keep-alive ,网上有方法,通过修改 route 配置的 meta的keepAlive 来实现。 ?...我当时写demo的时候,想的也不是动画方面的封装和优化, 所以分享的demo的代码,关于动画,会有很多重复的代码和丑陋的实现。

2.8K22

前端学习之jQuery

DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同样DOM对象也不能使用jQuery方法,卵用会报错 约定:如果获取的是jQuery对象,那么在变量前面加上$ var $...//对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。...//像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此 //需要使用prop方法去操作才能获得正确的结果。...return只是结束了当前的函数,并不会影响后面函数的执行 //本来这样没问题,但因为我们的需求有很多这样的情况:我们不管循环到第几个函数时,一旦return了, //希望后面的函数也不再执行了...//本来这样没问题,但因为我们的需求有很多这样的情况:我们不管循环到第几个函数时,一旦return了, //希望后面的函数也不再执行了!

3.1K10

40道+JavaScript基础面试题(附答案)

当解释器寻找引用时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。 6、 栈和堆的区别?...,类属性都是在原型给定的。...这种方法的好处是实现了属性定义和方法定义的分离。比如我可以创建两个对象person1和person2,它们分别传入各自的name和age,但sayName()方法可以同时使用原型定义的。...Flash提供了ExternalInterface接口与JavaScript通信,ExternalInterface有两个方法,call和addCallback,call的作用是让Flash调用js方法...1) 标记清除: 这个算法把“对象是否不再需要”简化定义为“对象是否可以获得”。 这个算法假定设置一个叫做根(root)的对象(在Javascript,根是全局对象)。

1.1K10

Vue2学习计划四:v-bind

我们上一节讲了插,主要是针对DOM的文本节点操作。那么如果现在有个需求,我们需要点击按钮,更换图片,怎么办?或者我们需要更换一下元素的样式该怎么实现呢?...所谓对象语法,就是v-bind动态绑定class属性时,属性使用对象的方法实现。综合起来就是v-bind:class="{key1: value1, key2: value2}"这样实现。...接下来我们实现一个使用class属性控制h2元素的文字颜色的例子,初始用class控制样式显示文字为绿色,点击按钮之后控制class属性编程红色。...(数组语法) 这种方法用得较少,实质上就是class的属性用[]实现。...接下来用代码实现了数组语法,并且使用方法返回class属性 .active { color: red; } .line {

1.5K20

js获取iframe中的内容(iframe内嵌页面)

js 如何获取包含自己iframe 属性 a.html 如何在b.html获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用。...function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有iframe for(i=0;i js...怎样获取iframe,src中的参数 如何获取iframe的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性 及用法越详细越好 。。。。。。...(可用像素或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframe的src赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery...JavaScript如何修改页面中iframe的属性 HTML5有客户端数据储存的方法,但是支持的浏览器不多。

24.3K50
领券