- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue前端常见面试题
1.说说你对SPA单页面的理解，它的优缺点分别是什么？spa仅在Web页面初始化时加载相应的HTML、js、css，一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现HTML内容的变换，优化与用户的交互，避免页面的重新加载。优点1.用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染；2.基于上面一点，SPA相对服务器压力小；3.前后端职责分离，架构清晰，前端进行交互逻辑，后端负责数据处理；缺点1.初次加载耗时多：为实
2022-03-24 13:25:11
955
1
原创 通过子ID找到其所在的上一级父ID和其所有的fuID
var a = [ //数组树型结构 { dir:[], no:'11111' }, { dir:[ { dir:[], no:'22221' }, { dir:[ { dir:..
2021-11-16 21:30:33
784
原创 微信小程序
微信开发者工具tabbarTabbarTabbar组件，也可以用来作为小程序的自定义Tabbar使用代码引入在 page.json 中引入组件{ "usingComponents": { "mp-tabbar": "weui-miniprogram/tabbar/tabbar" }}{ "usingComponents": { "mp-tabbar": "../components/tabbar/tabbar" }, "navigationBarTit
2021-09-27 09:41:39
814
原创 element-ui日期时间选择器时间格式化的方法
<!-- --><template><div class=''> <el-date-picker v-model="value" editable clearable @change="change" type="datetime" format="yyyy/MM/dd HH:mm:ss" value-format="yyyy/MM/dd H:m:s"
2021-09-27 09:35:43
1640
原创 一些扁平化多维数组的方法
var arr = [1, 3, 4, 5, [6, [0, 1, 5], 9], [2, 5, [1, 5]], [5] ];//es6新增的方法 console.log(arr.flat(Infinity)); function flatten(array, result = []) { //循环数组中的每一项，如果这一项是数组，则再次调用这个函数， //否则直接将这项push到结果中，并且return出来...
2021-09-24 14:50:09
94
原创 把数组中相同id的项放到一个数组中
var arr = [{ 'id': '1001 ', 'name': '值1', 'value': '111' }, { 'id': '1001 ', 'name': '值1', 'value': '11111' }, { 'id': '1002 ', 'name': '值2', 'value': '25462' }, { ...
2021-09-24 14:19:27
1690
原创 数组按照唯一父id进行分类
var data = [{ id: 0, name: "父亲0" }, { id: 1, name: "父亲1" }, { id: 2, name: "父亲2" }, { id: 4, name: "儿子00", parentId: 0...
2021-09-24 14:18:05
404
原创 vue通过this.$set定义响应式数据
<!-- --><template><div class=''>{{person}}<button @click="aa">啊啊啊</button></div></template><script>export default {components: {},data() {//这里存放数据return {person:{ name:"曹筱君"}};},//监听属性 类似
2021-09-17 16:01:05
238
原创 微信小程序如何在onShow中获取参数
获取当前小程序的页面栈，–数组，长度最大是10，比如说打开20个页面，点返回只能返回到第十个页面let pages = getCurrentPages();2. 数组中索引最大的就是当前页面，这个项中存在一个options对象，存储当前页面的参数let currentPages = pages[pages.length - 1]console.log(currentPages.options)//可以获得参数...
2021-05-17 22:50:21
2927
原创 移动端事件
click事件单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟touch类事件触摸事件，有touchstart touchmove touchend touchcancel 四种之分touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch.
2021-05-11 23:27:28
66
原创 防抖和节流
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop = document.body.scroll
2021-05-10 21:27:05
90
原创 HBuilder/HBuilderX真机运行、手机运行、真机联调常见问题
**前言**请首先保证iTunes或Android手机助手（如360手机助手）可以正常连接手机，如果仍有问题请查阅以下问题是否与自己遇到的情况相同特别注意**:iOS13真机运行，需要升级至HBuilderX 2.2.5+以上版本。Android11系统真机运行，暂不支持Android Studio自带的Android11模拟器，请使用真实手机，如果碰到Android11手机无法真机运行，请单独发帖，并提供详细设备信息。出现问题手机分析清楚问题在哪个环节。从在HBuilder/HBuilde
2021-05-06 20:57:38
18874
原创 曹筱君之在vue中创建button按钮插件
接着上面的讲，首先在自己的vue项目的src文件夹下的myUI文件夹中新建一个button文件夹，在里面新建一个index.vue,代码如下<!----><template> <div class> <button :disabled="disabled" @click="click" :class="[ color, size, { circle
2021-03-16 16:47:01
884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人