![](https://img-blog.csdnimg.cn/20210118091418560.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
每日一题
每日进步一点点
2021-01-12 始
tfjy1997
这个作者很懒,什么都没留下…
展开
-
9、vue中计算属性computer和普通属性method的区别是什么?(前端)
我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要message还没有发生改变,多次访问reversedMessage计算属性会立即返回之前的计算结果,而不必再次执行函数。计算属性computer初次执行函数后,值会存储缓存中,依赖项未改变,不会再执行函数而是从缓存中立即取出 method中的函数每次调用都会执行一次...原创 2021-02-07 09:07:18 · 1001 阅读 · 0 评论 -
8、webpack中的常见的loader以及作用的总结(前端)
用法module.exports = { module: { rules:[ { test: /\.ts$/, use: 'ts-loader'} ] }}常用的loader style-loader 将css添加到DOM的内联样式标签style里 css-loader 允许将css文件通过require的方式引入,并返回css代码 less-loader 处理less sass-load原创 2021-01-20 09:25:18 · 732 阅读 · 0 评论 -
(前端)7、在css中link和@import的区别是什么?
<!-- link方式 --><link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /><!-- @import方式 --><style type="text/css" media="screen"> @import url("CSS文件");</style>两者区别:(祖宗级)link是XHTML标签,除了加载C.原创 2021-01-18 09:22:06 · 148 阅读 · 0 评论 -
(前端)6、防抖节流原理、区别以及应用
防抖 - debounce原理:将多个函数调用合成为一个函数,并在设置一定的时间后仅被调用一次。应用:搜索框等待用户输入完成后,延迟一定时间在进行搜索功能。代码实现function debounce(fn, delay) { // 维护一个 timer,用来记录当前执行函数状态 let timer = null; return function() { // 通过 ‘this’ 和 ‘arguments’ 获取函数的作用域和变量 let contex...原创 2021-01-18 09:09:55 · 395 阅读 · 0 评论 -
(前端)5、vue-router的原理
vue-router核心实现原理1.实现一个静态install方法,因为作为插件都必须有这个方法,给Vue.use()去调用;2.可以监听路由变化;3.解析配置的路由,即解析router的配置项routes,能根据路由匹配到对应组件;4.实现两个全局组件router-link和router-view;(最终落地点)核心代码实现简版:let Vue;class KVueRouter { constructor(options){ this.$option..转载 2021-01-16 09:44:40 · 135 阅读 · 0 评论 -
cookie 、localStorage 、sessionStorage 、vuex 比较
一、简介cookie 4K 有时效性 可服务器传递HTML5 Web Storage 5M 仅本地保存,不会自动发送服务器 隐私模式不可读取、不可被爬虫抓取localStorage 永久存储(除手动删除) 保存在硬盘 兼容IE8+ sessionStorage 临时存储 关闭页面即清空(刷新不清除)VUEX 保存在内存 刷新页面清除二、对于不同窗口,不同标签页,不同浏览器下的sessionStorage、localStorag、cookie的状...原创 2021-01-15 09:12:10 · 253 阅读 · 0 评论 -
(前端)4.浏览器的本地存储的cookie的了解
cookie是一种最原始也最简单的客户端存储方式,几乎所有的网站的都有使用cookie,各有各的用途,看到这篇文章的不少人也是都是使用过cookie的人同学吧,但是我们反问下自己,我们真的懂cookie了吗?我自己创建了一个网站,网址为http://ppsc.sankuai.com。在这个网页中我设置了几个cookie:JSSESSIONID,PA_VTIME,skmtutc,test。在 chrome 浏览器中打开这个网站,进入开发者模式,点击Resources栏 -> 选择cookies,转载 2021-01-14 09:21:04 · 1713 阅读 · 1 评论 -
(前端)1.vue的双向绑定的原理是什么?
vue的双向绑定的原理是什么?(2020/01/12)前台UI数据改变实时反应在ViewModel上,后会通过ajax传到后台model上后台改变的也会通过ViewModel响应到前台UI上当data 有变化的时候它通过Object.defineProperty()方法中的set方法进行监控,并调用在此之前已经定义好data 和view的关系了的回调函数,来通知view进行数据的改变 而view 发生改变则是通过底层的input 事件来进行data的响应更改...原创 2021-01-12 11:49:56 · 205 阅读 · 0 评论 -
(前端)2.在Webpack中,Loader和Plugin的区别是什么?
loader用于转换、将A文件进行编译形成B文件plugin用于处理打包过程中的自定义操作的扩展器,不直接操作文件Loaderwebpack自身只支持对于js和json类型文件的处理,而其他非js文件则需要通过loader转换成commonJS规范的文件后,才能被webpack进行解析例如: css-loader、sass-loader、style-loaderPluginwebpack打包编译过程中,对某些事件进行自定义操作,比如资源管理、bundle文件优化等例如: ug..原创 2021-01-14 09:14:06 · 292 阅读 · 0 评论 -
(前端)3.请解释React中props和state的区别?
props和state都是用于描述component状态的,并且这个状态应该是与显示相关的。1.State(由内部改变的)如果component的某些状态需要被改变,并且会影响到component的render,那么这些状态就应该用state表示。例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不同的价格,那么“总价”这个状态,就应该用state表示。2.Props(由外部传送的)如果component的某些状态由外部所决定,并且会影响到compon.原创 2021-01-14 09:11:55 · 179 阅读 · 0 评论