- 博客(82)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端面试题(六)
Vue中的data是函数的主要原因是为了确保每个组件实例都有独立的数据作用域，避免数据污染和状态共享问题。1.数据隔离：当data是一个函数时，每次创建组件实例时都会调用这个函数，返回一个新的数据对象。这样，每个组件实例都有自己的数据对象，互不干扰。如果data是一个对象，所有的组件实例将共享同一个数据对象，导致数据污染和状态共享问题12。2.避免共享状态：如果data是一个对象，当一个组件实例修改了数据，其他所有实例的数据也会被修改。这通常是不希望的，因为不同的组件实例通常需要有不同的状态。
2024-12-02 22:34:08
700
原创 react学习篇--创建项目
随着技术的更新迭代，需要学习了解更多的前端框架，下面就开始逐渐分析react的学习之旅。以上只是我创建react项目的第一步，后续有更多的了解会继续分享~
2024-11-18 12:12:57
513
原创 vue-baidu-map的基本使用
公司项目需求引入百度地图，由于给的时间比较短，所以就用了已经封装好了的vue-baidu-map以上内容仅仅介绍了vue-baidu-map在我们公司项目中的一些应用，有其他需求可以去官网看看。
2024-09-23 17:27:56
1933
原创 monaco-editor基本使用
以上就是今天要讲的内容，本文仅仅只是介绍了需求中monaco-editor的使用，而monaco-editor还有其它更加高效的功能，有需要的可以去官网看看。
2024-09-23 10:10:56
1783
原创 封装svg图片
项目中有大量svg图片，为了方便引入，所以对svg进行了处理以上内容皆是我总结网上查询到的以及根据自身项目所得出的经验，可供参考。
2024-09-18 14:33:15
517
原创 整理一些项目上可以用上的封装(持续更新)
一.判断对象数组中对象元素是否含有空元素//元素为字符串的为空 areAllFieldsNonEmpty(arr) { return arr.every((obj) => Object.values(obj).every( (val) => val != null && val !== "" && val !== undefined ) ); },//元素为数组的为空
2024-08-22 15:34:38
170
原创 Sequelize的拓展
以上内容皆是在上一篇Sequelize入门及简单的增删改查-优快云博客基础上进行拓展，如想要更好了解这些内容，需要先看上一篇。
2024-06-26 22:40:57
284
原创 luckysheet二次开发
Luckysheet没有导入导出功能，所以需要二开以上内容是我根据其它途径以及自己项目需求实现的功能，有需要的可以参考参考！
2024-06-04 11:12:07
2993
7
原创 Vue封装组件库打包及发布到私有库
3.在components文件夹下创建Pagination文件夹再创建组件页面index.vue(以分页为例）7.在package.json中的scripts中添加命令行。4.在Pagination文件夹下创建index.js。5.在components文件夹下创建index.js。(更改后发布前需重新打包 npm run lib)6.在package.json修改version。（组件库基于element组件）2.引入element-ui。(每次更新前需先修改版本号）
2023-03-22 17:54:38
1160
1
原创 前端面试题（二）
1.vue项目是打包成一个js文件，一个css文件，还是多个文件根据vue-cli脚手架规范，一个js文件，一个cs文件2.简述ajax原理AJAX全称(Async Javascript and XML)，即异步的JavaScript 和XML是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面
2022-05-12 16:28:47
905
原创 前端面试题整理（持续更新）
以下面试题都是我最近遇到的，答案可能不详细，可以自行去搜索理解，我只写出了大概1.vue项目中父子组件怎么传值？ 1、路由配置：使用children属性实现路由嵌套，嵌套的组件关系就是父子组件关系 2、组件传值-父组件向子组件传值 3、组件传值-父组件把方法传递给子组件 4、组件传值-子组件通过事件调用向父组件传值 5、父子组件之间相互传值2.active-class 是哪个组件的属性？ active-class是vue-router模块的router-link组件中...
2022-03-11 17:19:40
617
原创 vue项目使用ajax
<el-button type="primary" icon="el-icon-plus" size="small" @click="openadd()">新增</el-button> $.extend({//ajax全局调用 jsonAjax: function (options, callbackSuc, callbackErr) { options = $.extend(options, {"_r": Math.random()}); .
2022-02-28 13:57:48
3501
原创 jq点击按钮切换页面(例子用底部导航栏)
<div id="content"></div><footer class="footer1 ft1"> <a data-href="head.html" class="col-xs-3 active"> <div class="icon2"> </div> <span> 首页 </span> </a> <a da.
2022-01-21 14:46:59
989
原创 关于微信小程序的web-view的一些使用
1.web-view：个人类型小程序不支持，因此在小程序>开发管理>开发设置中也不会出现业务域名的配置个人类型的微信小程序不出现2.配置业务域名将下载后的校验文件放置域名根目录，慢的话大概一两个小时，快的话大概几分钟就可以验证成功配置过程中需要注意几个点（踩过几个坑）3.配置好业务域名后就引用web-view（src可以直接写或者通过js方式引入）4.保存后即可看到效果（注：若地址未配置成功或有其他问题，则可通过...
2022-01-17 10:35:40
2583
原创 微信小程序引入vant Weapp
1.微信小程序的内置终端用不了，只能使用外部终端点击微信开发者工具>视图>命令面板（或者Ctrl+Shift+Alt+P）打开外部终端或者直接Ctrl+Shift+C直接打开2.打开命令行后，输入npm init3.输入npm i @vant/weapp -S --production下载完成后，项目中出现4.构建npm出现这个弹窗即为成功构建看vant官方文档还需要加入这一步5.引入vant Weapp（示例引入b...
2022-01-17 10:03:29
859
原创 element-ui表格相关内容及功能
<template> <div class="user_content"> <div class="user_add"> <el-button type="primary" plain @click="dialogFormVisible = true" >新增用户</el-button > </div> <el-table//分页功能必须加的内容 .
2021-11-10 11:26:50
460
1
原创 jq动态加载，滚动表格
<div class="rent f-fl mr0" style="padding: 0px;"> <div class="news-lst alarm-lst task-lst alarm-head"> <ul style="overflow: hidden;"> <li> <a href="javascript:void(0);" class="f-toe"> &.
2021-11-10 10:50:24
298
原创 layui表格：表格渲染，增删改功能
<table id="groupTable" lay-filter="group"></table>//初始化表格initTable() function initTable() { $.ajax({ type: "get", contentType: 'application/json', dataType: "json", url: "json/device.json", async: false, success: func.
2021-11-03 14:01:31
448
原创 echarts出现宽度变成100px的情景及解决方案
1.tab页切换echarts图表时图表变形var charts=new Array();myChart.setOption(option);charts.push(myChart);//普遍的tab切换 $(window).resize(function() { for(var i = 0; i < charts.length; i++) { charts[i].resize(); }
2021-11-02 15:43:52
1400
原创 xm-select树形下拉框渲染，取值，赋值
//下拉树渲染<div id="demo3" class="xm-select-demo" style="width: 300px;"></div> <script> var demo3 = xmSelect.render({ el: '#demo3', model: { label: { type: 'text' } }, radio: true, clickClose: t.
2021-11-02 15:23:37
7433
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人