- 博客(199)
- 收藏
- 关注
RSS订阅原创 vue之mixin混入
mixin是一个对象，但是本身也是有生命周期的，可以定义属性和方法等data() {return {msg: "我是原本的结果",},console.log("我是mixin中的created生命周期函数");},console.log("我是mixin中的mounted生命周期函数");},methods: {console.log("我是mixin中的点击事件");},},mixin.js中的msg,clickMe在混入其他组件后都可以直接使用。
2023-11-30 09:50:56
619
1
原创 vue-动态组件、keep-alive
接下来我们就看看动态组件如何创建，废话不多少直接上代码（代码中有备注）如果我们想写一个tabbar导航栏，我能想到的两种方式。
2023-11-29 16:33:08
594
原创 vue-全局事件总线mitt库（父子通信，兄弟通信都可，兼容vue2、vue3）
【代码】vue-全局事件总线mitt库（父子通信，兄弟通信都可，兼容vue2、vue3）
2023-11-29 13:40:40
767
原创 vue-组件通信之provide/inject
一般父传子用的都是props但是如果我们想要实现的是爷爷传给孙子，再去用props就比较麻烦了，中间还会经过爸爸。所以我们可以使用provide/inject，孙子就可以直接用爷爷的东西啦，provide不关心去处，inject不关心来处。写法也非常的简单，但是一定要注意存在爷孙关系。
2023-11-29 10:07:38
443
原创 this指向问题
在开发过程中，总是会遇到this指向出现问题的情况，只知道如何解决，但是其中的原理一直不是很了解，有点不求甚解了，今天有幸看见一篇关于this文章，受益颇多。做了一下简单的总结。
2023-11-20 15:39:19
67
2
原创 uniapp 设置重写uni-body-page样式，输入字母转大写，条形码扫描
uniapp 设置重写uni-body-page样式，输入字母转大写
2023-11-13 14:40:14
650
原创 uniapp-自定义表格，右边操作栏固定
在网上找了一些，没找到特别合适的，收集了一下其他人的思路，基本都是让左边可以滚动，右边定位，自己也尝试写了一下，有点样式上的小bug，还在尝试修复中。dataList的值赋一下即可。
2023-11-01 10:45:47
692
原创 uniapp-图片压缩(适配H5,APP)
原理：按照需求等比例创建空白画布，将图片粘到画布上，最后保存画布的base64流。使用uni.compressImage()这个API即可。
2023-10-27 14:21:31
2013
2
原创 uniapp的表单校验方式整理
这里我使用的模板为：uniapp本身自带表单校验的js文件，代码写的很简洁，也是比较全面的应用代码：第二种：uni-forms也带表单的校验，相较于第一种的话，校验的种类就不是很全了，可以自己传入校验规则进行校验，提示样式更加鲜明，只能说各利弊了。代码比较多这里就不粘贴了。没有找到手机号对应的校验方式，自己用的又比较多，所以手动在代码里面添加了非常的便捷也可以在使用的时候添加自己的校验方式：
2023-06-28 16:58:09
2035
原创 uniapp-微信公众号静默授权
在网上找到了一个比较详细的教程进行了一些改造只有appid和uri是自己的，其他的都是固定的就是自己配置测试账号的appid是静默授权后要跳转的地址，${${使用：在main.js中全局引入即可这也避免了进入这个页面之后再去静默授权，出现页面闪动的效果。
2023-06-08 15:51:40
2212
3
原创 python-爬虫
from urllib import requestimport reimport timeimport randomimport csv# 定义一个爬虫类class MaoyanSpider(object): # 初始化 # 定义初始页面url def __init__(self): self.url = 'https://movie.douban.com/chart' # 请求函数 def get_html(self,ur
2022-04-27 16:49:05
30
原创 python-安装第三方模块
1、在cmd中,执行 'pip install 库名' 即可安装安装时,如果速度比较慢,可以使用国内的镜像站进行安装,以pygame库为例#豆瓣源'pip install pygame -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com'#清华源'pip install pygame -i https://pypi.tuna.tsinghua.edu.cn/simple/ -- trusted-host pypi.tu
2022-04-15 14:51:59
415
原创 python之变量类型
Python 变量类型Python3 中有六个标准的数据类型：Number（数字）String（字符串）List（列表）Tuple（元组）Set（集合）Dictionary（字典）Python3 的六个标准数据类型中：不可变数据（3 个）：Number（数字）、String（字符串）、Tuple（元组）；可变数据（3 个）：List（列表）、Dictionary（字典）、Set（集合）。Python支持四种不同的数字类型：int（有符号整型）long（长整型[也可以代表八
2021-03-28 14:55:32
104
原创 如何将Visual Studio Code转换为中文
如何将Visual Studio Code转换为中文打开软件，shift+ctrl+P,选择如下还是shift+ctrl+P,选择如下
2021-03-26 15:30:47
454
原创 python之如何将.py文件打包成.exe文件
python之如何将.py文件打包成.exe文件第一步：打开命令提示符，也就是cmd，win+R打开运行，输入cmd，然后就出现命令提示符啦！然后我们输入:pip install pyinstaller,回车！ 注：注意输入法切换成英文状态等待安装完成 loading…第二步：安装完成之后，我们进入到要转换文件所在的文件夹，在空白处按住Shift键+右键，点击【在此处打开 Powershell 窗口（S）】第三步：打开之后，我们输入：pyinstaller -F (要转换的文件名
2021-03-26 15:26:08
428
原创 python满天星+旗
python满天星+五星红旗import turtleimport randomimport time# 设置画笔大小，数值越小画出的线条越细turtle.pensize(1)# 绘画延迟，单位：毫秒，数值越小绘画速度越快turtle.delay(1) # 隐藏画笔turtle.hideturtle() # 设置画布大小turtle.setup(800, 600)def star(x, y, left_angle, edge_len, color='yellow'): "
2021-03-25 16:36:43
106
原创 css简析
css选择器标签选择器：针对一类标签（如：body,div,p,ul,li）ID选择器：针对某一个特定的标签使用（如：id=“demo”）类选择器：针对你想要的所有标签使用（如：class=“demo”）通用选择器（通配符）：针对所有的标签都适用（如：*号）后代选择器（继承选择器）：用空格隔开（如：div p,注意两选择器用空格键分开）交集选择器（组合选择器）：（如：.head .head_logo,注意两选择器用空格键分开）。并集选择器：（群组选择器）：用逗号隔开伪类选择器：（如：就是链
2020-05-12 12:50:09
1721
原创 常见的浏览器兼容性问题
常见的兼容性问题？不同浏览器的标签默认的margin和padding不一样。*{margin:0;padding:0;}IE6双边距bug：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大。hack：display:inline;将其转化为行内属性。渐进识别的方式，从总体中逐渐排除局部。首先，巧妙的使用“9”这一标记，将IE浏览器从所有情况中分离出来。接着，再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。{backgr
2020-05-12 10:28:04
451
原创 用css及parallax-scrolling插件分别实现视觉差效果
用css及parallax-scrolling插件分别实现视觉差效果视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建出令人惊叹的3D效果。css实现视觉差效果css的background-attachment属性： 设置背景图像是否固定或者随着页面的其余部分滚动。注意： 任何版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。<!DOCTYPE html><htm
2020-05-11 21:05:04
897
原创 实现简单的全屏滚动
实现简单的全屏滚动原理： 有点类似于轮播，整体的元素一直排列下去，假设有5个需要展示的全屏页面，那么高度是500%，只是展示100%，剩下的可以通过transform进行y轴定位，也可以通过margin-top实现overflow：hidden；transition：all 1000ms ease；<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;
2020-05-11 17:00:09
930
原创 css实现满屏品字
css实现满屏品字第一种方法：上面那块用margin: 0 auto;居中；下面两块用float或者inline-block不换行；用margin调整位置使他们居中。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>满屏品字布局</title> <style type="text/css"> *{
2020-05-10 12:56:57
607
原创 css3为图片添加滤镜(filter)
css3为图片添加滤镜(filter)css3 filter语法解析filter: none | blur() | brightness() | contrast() | drop-shadow() |grayscale() | hue-rotate() | invert() | opacity() | saturate() |sepia() | url();属性解释举例...
2020-05-07 17:10:15
1547
原创 jQuery中localStorage及sessionStorage的使用
jQuery中localStorage及sessionStorage的使用localStorage、sessionStorage理解localStorage：在HTML5中，新加入的一个l特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。sessio...
2020-05-07 16:38:59
3233
原创 jQuery实现嵌套页面传参
jQuery实现嵌套页面传参实现嵌套页面的传参，首先要考虑的是父页面如何储存值，然后就是子页面如何获取值，最后就是如何显示在页面中。父页面存储值：parent.$("body").data("aintt_val", str);子页面获取值：var str = parent.$("body").data("aintt_val");页面显示内容：$("#bdiv").html...
2020-05-07 11:55:45
1109
3
原创 vue常见指令
vue常见指令vue.js官方给自己的定为是数据模板引擎，并给出了一套渲染数据的指令。Vue.js 使用了基于 HTML 的模板语法，最简单的使用vue的方式是渲染数据，渲染数据最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。1.v-html双大括号语法无法渲染HTML标签，需要使用v-html。<!DOCTYPE html><html>...
2020-04-22 21:56:37
227
原创 Ajax简析
Ajax简析1、什么是Ajax和JSON，它们的优缺点Ajax是全称是asynchronous JavaScript andXML，即异步JavaScript和xml，用于在Web页面中实现异步数据交互，实现页面局部刷新优点： 可以实现异步通信效果，页面局部刷新，带来更好的用户体验JSON是一种轻量级的数据交换格式，看着像对象，本质是字符串优点： 轻量级、易于人的阅读和编写，便于...
2020-04-20 20:45:43
279
原创 jquery.pagination.js+Ajax动态分页
jquery.pagination.js+Ajax动态分页首先引入jquery组件 jquery.pagination.js，以及css样式pagination.css <link rel="stylesheet" type="text/css" href="css/pagination.css" /> <script src="./jquery.pagination.js...
2020-04-20 12:29:24
1687
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人