- 博客(41)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 el-row和el-col布局优化网页结构
el-row是一个用于布局的容器，它可以包含一到多个el-col，并且可以通过属性自由控制el-col的数量和宽度。在本文中，我们将通过介绍el-row和el-col的使用方法、常用属性和示例，带您深入了解如何使用el-row和el-col布局优化网页结构。在上述代码中，我们使用了一个container容器，使用el-row和el-col来分别实现头部、侧边栏、正文和底部四个部分。使用el-row和el-col布局非常简单，我们只需要引入它们，然后在Vue的template中使用即可。
2023-05-30 17:50:24
5509
原创 vue3 在main.js中的axios请求拦截器响应拦截器添加ElLoading服务式工具函数
亲测有效亲测有效亲测有效亲测有效亲测有效亲测有效。
2023-05-25 17:31:10
507
原创 v-for循环里面的点击事件控制div的显示与隐藏
/ 网络请求方法 async getuserList() {// 点击事件 change(index) {
2023-05-23 17:04:47
709
原创 vue中怎么实现吸顶效果
希望本文能对大家有所帮助。在上面的代码中，我们分别获取了当前页面的滚动位置，并获取了吸顶元素的位置（使用 $refs 获取元素的引用）。在 Vue 中实现吸顶效果的方法是，通过监听页面滚动事件，计算当前滚动位置与吸顶元素的位置关系，动态添加 or 移除 CSS 样式来实现。3.在 methods 中定义处理滚动事件的函数 handleScroll，并在该函数中计算当前滚动位置与吸顶元素的位置关系。在上面的代码片段中，我们使用了 fixed 类名来控制吸顶元素的固定位置，并设置了一些简单的 CSS 样式。
2023-04-24 14:00:42
2805
1
原创 详解网络请求ajax、基于jQuery的ajax、promise、基于Promise发送Ajax请求、fetch、axios、async 和 await（接口调用）
详解网络请求ajax、基于jQuery的ajax、promise、基于Promise发送Ajax请求、fetch、axios、async 和 await（接口调用）
2023-01-05 15:46:57
299
原创 vue3之时间显示格式化问题
其实原因就是vue3要精简代码，而filter功能重复，filter能实现的功能，用methods和computed方法基本上也可以实现，所以关于filter的vue源代码就被删除了，也更加方便维护。一、vue3为什么删除filter（过滤器）先引用useDateFormat。二、vue2的时间格式化。三、vue3的时间格式化。
2022-11-03 15:52:14
5355
原创 vue 之日期封装
Vue.filter('format', function(value, arg) { function dateFormat(date, format) { if (typeof date === "string") { var mts = date.match(/(\/Date\((\d+)\)\/)/); if (mts && mts.length >= 3) { date = pars.
2022-04-20 17:20:21
195
原创 webpack
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、webpack是什么？ 二、webpack的基本使用 1.创建项目目录并初始化 2.创建首页及js文件 3.安装jQuery 4.导入jQuery 三、安装webpack 四、设置webpack的打包入口/出口 五、设置webpack的自动打包 六、配置html-webpack-plugin 七、webpack中的加载器 1.安装style-loader,css-load.
2022-04-20 17:00:00
426
原创 解决 Webpack 打包图片不报错也不显示问题，但其图片就是显示不出来的问题
问题描述：A、在 webpack.config.js 中也添加了代码为 //limit用来设置字节数，只有小于limit值的图片，才会转 //为base64图片 {test:/\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/,use:"url-loader?limit=16940"}B、在 ‘.css’ 文件中添加的信息为：#box{ width: 700px; height: 500px; background-colo
2022-04-20 15:18:36
1477
1
原创 node.js日期格式化应用（dateformat报错）
const dateformat = import('dateformat')template.defaults.imports.dateformat = dateformat;const html = template('xx.art',{ time:new Date()})报错错误信息：RuntimeError: dateFormat is not a function]解决：不使用dateformat，用moment代替在powershell里面下载 npm i..
2022-04-02 17:25:49
472
原创 gulp第三方模块
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、Gulp是什么？基于node平台开发的前端构建工具 将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了
2022-03-01 17:49:55
823
原创 对Fragment的封装和fragment的显示隐藏回退栈管理
废话不多说，直接上代码package test.bwie.jiyun.com.ins7566.ipandatv.widget.manger;import android.os.Bundle;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentTrans
2022-02-23 10:43:30
1527
1
原创 详解30道Vue面试题
1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点： 用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染； 基于上面一点，SPA 相对对服务器
2022-02-23 10:37:22
1141
原创 js--模拟京东详情页图片放大效果
效果：html:<div class="preview_img"> <img src="upload/s3.png" alt=""> <div class="mask"></div> <div class="big"> <img src="upload/big.jpg" alt="" class="bigImg"> </div> </div>css:.preview_i.
2021-11-15 13:43:59
694
4
原创 js--倒计时
我这里写的是一个高考倒计时，时间可以自行修改 <style> .box { margin: 0 auto; width: 300px; height: 70px; } .text { margin-top: 100px; text-align: center; } span {
2021-11-11 17:22:51
867
原创 DOM 事件流
html中的标签都是相互嵌套的，我们可以将元素想象成一个盒子装一个盒子，document是最外面的大盒子。当你单击一个div时，同时你也单击了div的父元素，甚至整个页面。那么是先执行父元素的单击事件，还是先执行div的单击事件 ？？？事件流描述的是从页面中接受事件的顺序事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程就是DOM事件流比如：我们给页面中的一个div注册了单击事件，当你单击了div时，也就单击了body，单击了html，单击了document。..
2021-11-10 10:38:07
102
原创 js--动态生成表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2021-11-09 17:25:17
526
原创 解决外边距（margin）塌陷合并问题
一、什么是外边距塌陷使用margin定义块元素的垂直外边距时，可能会出现外边距的合并。(1) 相邻块元素垂直外边距的合并1.当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom2.下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin-top之和3.取两个值中的较大者**这种现象被称为相邻块元素垂直外边距的合并（也称外边距塌陷）。解决方案：尽量给只给一个盒子添加margin值代码演示：&.
2021-11-04 14:22:12
449
原创 js--猜数字游戏
/*猜数字游戏 */ function getRandom(max,min){ return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值 } //1~50之间（包含1,50） var random = getRandom(1,50); //10次机会 var count = 10; while(count >= 0){ ...
2021-11-03 10:50:55
2309
原创 js--用函数实现冒泡排序
//利用函数实现冒泡排序 function sort(arr){ for (let i = 0; i < arr.length-1; i++) {//比较趟数 for (let j = 0; j < arr.length-i-1; j++) {//每个数和别的数比较的次数 if (arr[j]>arr[j+1]) { var temp = arr[j]...
2021-11-01 18:12:54
706
原创 js函数学习--用户输入年份判断当年是闰年还是平年，当年二月有多少天
//判断闰年函数 function isRunYear(year){ var flag = false; if (year % 4 == 0 && year % 100 !==0 || year % 400 == 0) { flag = true; } return flag; } function backDay(){ var year...
2021-11-01 18:03:46
860
原创 android 判断当前设备是否联网
自己封装的类public class NetHelper {public static boolean IsHaveInternet(final Context context) { if (context!=null){ //获取连接管理器 ConnectivityManager mConnectivityManager= (ConnectivityManager) context.getSystemService(Context.CON
2021-06-09 15:23:57
504
原创 android xml转json 文件解析
做项目是遇到xml数据，想转换成json格式，就找到这个方法，所以记录一下首先添加依赖implementation 'com.github.smart-fun:XmlToJson:1.4.5'
2021-06-09 14:58:11
811
原创 设置EditText只能输入数字或字母
设置EditText只能输入数字或字母方法有两种：一是输入的时候不做限制，在输入之后提交的时候进行判断（你可以在提交的时候一起判断也可以在focus离开之后就做判断）；二是在输入的时候做限制，让用户只能输入数字。介绍第二种方法：设置android:inputType="number"，当点击输入框的时候弹出的软键盘就是数字键盘，并且只能输入整数，同时设置android:digits="1234567890."就可以输入小数了。如果只设置第二条属性也能使EditText只输入整数或者小数，但是默认的软
2020-12-25 14:58:02
8047
1
原创 RelativeLayout属性详解
RelativeLayout属性详解第一类属性 属性值为true或者falseandroid：layout_centerHrizontal 水平居中android：layout_centerVertical 垂直居中android：layout_centerInparent 相对于父控件完全居中android：layout_alignParentBottom 贴紧父控件的下边缘android：layout_alignParentLeft 贴紧父控件的左边缘android：layo
2020-12-25 14:40:13
339
原创 微信小程序最常用的布局——Flex布局
最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex，本人原来是开发android，小程序代码和安卓有很多地方是相似的1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 }...
2019-07-24 11:15:19
1447
原创 关于vs code常用的插件机快捷键
Visual Studio Code(简称VS Code/VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac以及Linux。vscode 作为一款逐渐火热的编辑器。它的特点免费...
2019-05-24 16:31:19
514
原创 Android项目中自己封装的LOG打印日志
先说几句吧，做我们安卓的感觉好像辛苦，总是要自己封装LOG，Toast，Dialog，popupwindow等等，感觉好累哦，但是没关系，前辈们已经为我们打好前站，那我们还怕什么，但是公司领导不行呀，天天改这个功能，改那个功能，产品经理天天找，好烦，总是过着九九六的生活，简直都要崩溃，好了，不扯了，开始正题。 其实封装log没什么好扯的，就直接给大家亮代码了package com.examp...
2018-05-22 17:25:03
1389
原创 弹一个底部popwindow
对于Android的初学者，最头疼的就是弹什么样式的popwindow，Dialog之类的，特别让人心烦，activity那些东西还没搞懂，又要搞这些所以我给大家提供我自己写的popwindowpublic void showPopupWindow() { View mPopunwindwow = LayoutInflater.from(getContext()).inflat
2017-11-03 15:19:03
291
原创 对于activity与fragment回退栈的管理
在做项目时，UI界面采用activity管理fragment，其中涉及到fragment的回退栈管理 以及再按一次退出，一般在activity中onBackPressed方法进行操作 @Override public void onBackPressed() { FragmentManager.BackStackEntry entryAt = f
2017-09-15 10:07:46
1108
原创 Sharepreferences
Sharepreferences数据存储，最基本的一种存储方式，主要保存一些轻量级的存储类，主要是保存一些常用的配置1、SharePreference存储方式是基于XML文件存储的Key—value形式，通过key可以找到对应的value2、数据保存路径 文件存放在/data/data//shared_prefs目录下3、sharedpreferences 访问权限
2017-09-13 20:35:49
321
原创 Android开发中常见的请求头
1.Host 例：localhost:8080 客户端(机)通过这个请求头告诉服务器你想访问的主机名。2.User_Agent 客户端可以通过这个请求头告诉服务器，客户端的软件环境3.Accept 告诉服务器，客户端能接受的资源类型4.Accept-language 告诉服务器，客户端（机）能接受的语言环境5.Accept-Encoading 客户端接受的压缩类型数据6.Co
2017-09-13 20:32:27
2215
1
原创 http和htts的区别
HTTPS和HTTP的区别主要如下：1、https协议需要到ca申请证书，需要一定费用，http不需要。2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式，用的端口也不一样，http是80，https是443。4、http的连接简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可
2017-09-13 20:30:53
2463
TypeScript基础知识点
2023-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人