前端
文章平均质量分 54
html,js,css
实习打字猿
这个作者很懒,什么都没留下…
展开
-
axios二次封装-2023
提示功能用的是element-ui,大家可根据实际使用的ui库进行替换。原创 2023-04-05 23:45:31 · 234 阅读 · 1 评论 -
vue3安装md-editor-v3
vue3安装md-editor-v3原创 2022-08-23 16:44:24 · 816 阅读 · 0 评论 -
vue3封装element-plus的Table表格
vue3封装element-plus的Table表格原创 2022-08-20 17:56:12 · 2713 阅读 · 0 评论 -
vue3封装element-plus的Form表单
vue3封装element-plus的Form表单原创 2022-08-20 16:53:53 · 2591 阅读 · 5 评论 -
vue3子组件传值给父组件
vue3子组件传值给父组件原创 2022-08-20 16:53:20 · 636 阅读 · 0 评论 -
vue3父组件传值给子组件
vue3父组件传值给子组件原创 2022-08-20 16:52:49 · 1356 阅读 · 0 评论 -
微信小程序封装懒加载图片
微信小程序封装懒加载图片js/components/Watermark/index.js// components/LazyImage/index.jsComponent({ /** * 组件的属性列表 */ properties: { // 图片url src: { type: String, value: 'https://s1.ax1x.com/2022/05/08/OlbiFI原创 2022-05-09 11:22:20 · 425 阅读 · 0 评论 -
H5跳转小程序
H5跳转小程序要求1、已认证的服务号或者 已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页2、域名已添加至JS接口安全域名步骤:公众号直达 - 【设置与开发】-【公众号设置】-【功能设置】-【JS接口安全域名】域名必须是已备案3、微信浏览器里打开在微信浏览器里才能加载开放标签。后端篇1、获取Access token请求地址https://api.weixin.qq.com/cgi-bin/token请求类型GET请求参数{ gra原创 2022-03-12 14:28:19 · 467 阅读 · 0 评论 -
微信小程序请求封装
# 新建 reques.js 和 api.js# reques.jsconst HOST = 'https://dome.com';const get = (url, params) => { return new Promise((resolve, reject) => { wx.request({ url: HOST + url, method: 'GET', data: params, success (res) {原创 2020-11-12 12:20:30 · 341 阅读 · 0 评论 -
微信小程序开发学习记录
# 前言第一次微信小程序开发文档,看着配置文件一脸懵,尝试修改,报错(卒)。第二次打开微信开发者工具,整理思绪,耐心学习,现在把已知的知识点记录下来(戴着耳机播放音乐屏蔽掉外界声音的干扰真的好很多)。# 了解目录结构├── pages ===> 路由文件夹│ ├── index ===> 路由名称(index)│ │ ├── index.js ===> js(仅用于 index)│ │ ├── index.json ===> 页面配置(仅原创 2020-11-11 17:16:50 · 636 阅读 · 0 评论 -
js 修改上传文件的文件名
# 前言用户图片保存在一个文件夹,当有一天用户上传了文件名一样内容不一样的图片时,后面上传的图片是会把前面同名的图片覆盖掉,这个很不符合业务逻辑,所以需要修改文件名,防止出现图片覆盖掉的情况,修改上传文件名 前端 和 后端 都可以修改,这篇博客记录的是前端修改文件名;# 修改上传文件的文件名methods: { uploadFile(file) { i...原创 2020-04-18 10:36:15 · 7842 阅读 · 0 评论 -
常用的 css 代码,摘录于 Bootstrap4.css
# 新建一个 general.css 文件.m-0 { margin:0!important}.mt-0 { margin-top:0!important}.mr-0 { margin-right:0!important}.mb-0 { margin-bottom:0!important}.ml-0 { margin-left:0!important}.m...原创 2020-04-18 10:15:32 · 333 阅读 · 0 评论 -
js原生滚动条动画
# 封装滚动条动画方法 /* * 滚动条滚动动画 * 设置滚动行为改为平滑的滚动 * */ rolling(top) { window.scrollTo({ top: top, // 滚动位置 behavior: 'smooth' // 滚动模式 }) }scrollTo 默认是瞬间滚动到坐标位置,设置 behavior 属...原创 2020-04-18 10:13:45 · 163 阅读 · 1 评论 -
项目引入使用阿里 iconfont 图标步骤
# Unicode 方式引用# 获取线上 Unicode 代码@font-face { /* 这一段主要是自定义字体,我们引入的icon其实就是字体,可以使用css中font编辑icon */ font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1431001_hlo7w0egif.eot'); src: url('...原创 2020-04-18 10:12:56 · 802 阅读 · 0 评论 -
HTML设置页面 ico 图标
# 准备好一张 64*64 的 .ico 图标,并命名为 favicon.ico# 把 favicon.ico 移动到 static 文件夹下# index.html<!-- 设置favicon.ico图标 --><link rel="icon" type="image/x-icon" href="static/favicon.ico" /># 刷新...原创 2020-04-18 09:57:29 · 1078 阅读 · 0 评论 -
常会用到的 css 样式
# 文本省略号显示div { white-space:nowrap;/* 规定文本是否折行 */ overflow: hidden;/* 规定超出内容宽度的元素隐藏 */ text-overflow: ellipsis; /* 规定超出的内容文本省略号显示,通常跟上面的属性连用,因为没有上面的属性不会触发超出规定的内容 */ }折行(能主动控制行数,这里设置的超出 4 行...原创 2020-03-02 12:24:06 · 103 阅读 · 0 评论