weixin_46612232-CSDN博客

原创前端面试题（vue)

vue面试题MVVMVue的生命周期组件通信父子组件通信兄弟组件通信跨层组件通信vue响应式原理computed、watchvue中key的作用vuex虚拟DOMdiff算法data 为什么是函数v-model的原理keep-alivev-if和v-showvue-routernextTick实现原理vue-router导航钩子slot插槽vue核心：数据驱动和组件化MVVMMVVM(modal-view-viewModel) 是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改

2021-02-23 15:06:32 174

原创前端面试题（js)

js面试题1、1、

2021-01-11 15:36:25 196 1

原创 JQuery下拉菜单

在JQuery中如果需要执行动画，建议在执行动画之前先调用stop方法，再执行动画<head> <style> *{ margin:0; padding:0; } .nav{ list-style:none; width:300px; height:50px; background:#eee; margin: 100px auto; } .nav>li{ width:100px; height:50p

2020-12-31 17:27:56 72

原创 JQuery折叠菜单

slideDown():通过使用滑动效果，显示被选元素，如果元素已隐藏的话。slideUp():通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话。children():返回被选元素的所有直接子元素。<head> <style> *{ margin:0; padding:0; } .nav{ list-style:none; width:300px; margin:100px auto; } .nav>li{

2020-12-31 17:03:06 249

原创 JQuery移入移出排行榜

<head> <style> *{ margin:0; padding:0; } .box{ width:300px; height:450px; margin:50px auto; border:1px solid #000; } .box>h1 { font-size:20px; line-height:35px; color: deeppink; padding-left: 10px;

2020-12-31 11:21:57 57

原创 JQuery对联广告

监听页面滚动事件：scroll()获取网页滚动的偏移位： scrollTop()<head> <style> *{ margin:0; padding:0; } .left{ float:left; position:fixed; left:0; top:200px; } .right{ float:right; position:fixed; right:0; top:200px; } &l

2020-12-31 11:19:04 54

原创 JQuery选项卡

<head> <style> *{ margin:0; padding:0; } .box{ width:440px; height:298px; border:1px solid #ccc; margin: 50px auto; } .nav>li{ list-style:none; width:110px; height:50px; background:orange; text-ali

2020-12-31 10:53:44 105

原创前端面试题(css)

CSS面试题1、盒模型2、 box-sizing3、 Flex布局基本概念容器的属性项目属性4、隐藏元素的方法5、清除浮动6、BFC（块级格式化上下文）7、css选择器8、css3新特性9、水平垂直居中10、两栏布局11、三栏布局1、盒模型盒子模型有两种：ie盒子模型和标准W3C盒子模型。W3C盒子模型包括margin、border、padding、content，并且content部分不包含其他部分ie盒子模型包括margin、border、padding、content，和w3c盒子模型不

2020-12-15 16:10:31 405

原创微信小程序 js动态修改css样式

wxml<view class="p-money" bindtap="changeFontSize" style="font-size:{{fontSize}};" data-content="喵币：{{money}}">喵币:{{money}}</view>jsdata:{ money:1000}changeFontSize: function(e){ var content = e.currentTarget.dataset.content.length;

2020-11-12 17:41:49 4800

原创 javascript数组扁平化

数组扁平化toString&splitreduce递归数组扁平化是指将一个多维数组变成一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]toString&split调用数组的toString方法，将数组变为字符串然后再用split分割还原为数组因为split分割后形成的数组的每一项值为字符串，所以需要用一个map方法遍历数组将其每一项转换为数值型function flatten(arr){ return arr.toStr

2020-11-06 15:17:45 79

原创 javascript数组去重

数组去重使用双重循环使用indexof使用排序sort使用Set使用filter使用includes使用双重循环function unique(arr){ for(var i = 0; i < arr.length - 1; i++) { for(var j = i+1; j < arr.lenght; j++){ if(arr[i] == arr[j]){ arr.splice(j,1); j--; } } } return arr;}var

2020-11-05 11:20:55 672

原创防抖与节流

在前端中会遇到一些频繁的事件触发，比如：1、window的resize、scroll2、mousedown、mousemove3、keyup、keydown等等为了解决这个问题，一般有两种解决方案：debounce 防抖throttle 节流防抖触发一个事件，在事件触发n秒后才执行，如果在事件触发的n秒内又触发了这个事件，那么就以最新触发事件的时间为准，n秒后再执行。总之，就是等触发完时间n秒内不再触发时间，才执行function debounce(func, wait){ var t

2020-11-04 11:56:18 77

原创分析 [‘1‘, ‘2‘, ‘3‘].map(parseInt) 答案是多少？

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-11-02 17:53:29 457 1

weixin_46612232的博客