前端
前端
阿里巴巴首席技术官
NULL
展开
-
UNIAPP 锚点跳转
/ 使用scrollIntoView方法滚动到目标元素。原创 2024-08-26 15:06:06 · 257 阅读 · 0 评论 -
Vue3 复制内容到粘贴板
await navigator.clipboard.writeText('6666');原创 2024-08-02 10:30:01 · 381 阅读 · 0 评论 -
vite 打包到二级目录下
"build:prod": "vite build --mode production --base=/manager/"原创 2024-07-31 11:46:11 · 531 阅读 · 0 评论 -
InfiniteScroll Ant-Mobile 替换默认文字 “加载中” “没有更多了”
【代码】InfiniteScroll Ant-Mobile 替换默认文字 “加载中” “没有更多了”原创 2024-07-10 10:33:01 · 159 阅读 · 0 评论 -
uniapp base64图片 存为本地临时地址链接
【代码】uniapp base64图片 存为本地临时地址链接。原创 2024-06-06 02:08:31 · 716 阅读 · 2 评论 -
前端组件业务数据选择功能优雅写法
1. 业务场景后台管理在实际业务中,经常可见的功能为:在当前的页面中从其他列表中选择数据。例如,在一个商品活动列表页面中 需要选择配置的商品。2.遇到问题从代码划分的角度来说,每个业务列表代码首先分散开来,各自为一个文件夹。如果想在业务A中选择业务B的数据,那么常规写法为封装一个组件,然后在当前页面中引用,代码大概如下。import DataList from '@/xxx'原创 2024-06-02 22:38:34 · 400 阅读 · 0 评论 -
el-select 模糊搜索 实现一
本实现方式采用,页面打开后直接请求全部数据,然后输入框输入后搜索的话采用前端本地搜索(list.find 方式)原创 2024-02-27 22:56:03 · 429 阅读 · 0 评论 -
React Antd 实现表格合计功能
思路:首先拿到 表格数组对象,然后写一个工具类,然后向数组对象最后插入一条数据,这条数据的字段时根据表格数组里合计算出来的。原创 2023-08-03 14:55:24 · 1795 阅读 · 0 评论 -
el-popover 内content换行
原创 2021-04-21 17:28:50 · 3280 阅读 · 0 评论 -
Vue WangEditor 报错 The given range isn‘t in document
首先我在el-dialog中实例化编辑器对象, 发现不能出现编辑器! 起初怀疑元素加载时间问题然后, 将div定义放在了最外层中, 在实例化就出现了, 顺序问题无疑然后我将editor封装为了组件, 外层使用引用组件的方式就可以了!完美实现.......原创 2021-04-18 21:55:38 · 443 阅读 · 1 评论 -
Vue axios的封装
import axios from 'axios'import URL from '../url.js'export function post(url, data) { return new Promise((resolve, reject) => { axios.post(URL.url + url, data, { headers: { token: localStorage.getItem('token') } }).the.原创 2021-02-17 10:29:03 · 93 阅读 · 1 评论 -
微信小程序 - 音乐播放器源码
效果图代码地址链接: https://pan.baidu.com/s/1oif98J9whCb__tLaF_vuSw 提取码: qgw9 复制这段内容后打开百度网盘手机App,操作更方便哦原创 2021-02-15 12:09:05 · 5855 阅读 · 10 评论 -
微信小程序 计算器实现
实现效果代码下载链接: https://pan.baidu.com/s/1zPzSl6hkj_zsTXMLDVkjhA 提取码: ssmg原创 2021-02-14 10:19:50 · 552 阅读 · 0 评论 -
本地调试微信开发 小程序/网页
因为微信授权的回调地址需要指定公网地址, 所以不能简单的用127.0.0.1等1. 内网穿透推荐sunny-ngrok 一直在用 免费的 自己开发调试够用了http://www.ngrok.cc/2. 微信的网页授权域名配置我发现vue项目无法配置 通过http方式直接以根目录开始访问图片 例如这种 http://127.0.0.1/static/1.jpg 这里的static文件夹去不掉然后下载上面的txt文件放入项目中的static文件夹下然后...原创 2021-02-03 16:06:39 · 213 阅读 · 0 评论 -
V-chart 修改tooltip 提示文字
效果如图 我加了个单位(分钟,秒)今天看了半天官方文档, 怎么配置没有作用!!! 然后从github找到了答案 特此记录新加一个配置对象 tooltip配置对象的字段在这里找 https://echarts.apache.org/zh/option.html#tooltip示例 https://codepen.io/maxycode/pen/gQMbLq如果想在data中调用methods方法需要这样做data 里的return之前先保存一下当前Vue对象然后...原创 2021-02-01 17:42:16 · 1092 阅读 · 0 评论 -
Vue ElementUI Input输入框 回车事件
@keyup.enter.native="hello"原创 2021-01-28 16:01:21 · 633 阅读 · 0 评论 -
微信小程序 fixed弹窗后 背景却可以滑动
使用属性catchtouchmove在弹出层加个属性 catchtouchmove = true原创 2021-01-12 21:53:56 · 731 阅读 · 1 评论 -
前端ES6模块化,Webpack,
原创 2020-10-04 14:12:09 · 254 阅读 · 0 评论 -
Vue开发步骤
1. 安装Vue脚手架cnpm instal -g vue-cli2. 通过Vue脚手架创建项目vue ui3. 配置路由4. 配置UI库5. 配置axios6. 放置git中原创 2020-10-02 16:58:58 · 163 阅读 · 0 评论 -
Vue 中使用 stylus
参考https://www.jianshu.com/p/db1c39ab49b5cnpm install stylus --save-devcnpm install stylus-loader --save-devnpm run dev<style lang="stylus" rel="stylesheet/stylus"></style>...原创 2020-03-16 09:59:27 · 176 阅读 · 0 评论 -
h5移动端 viewport配置
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">原创 2020-03-15 08:59:16 · 539 阅读 · 0 评论 -
less 学习资源
文档https://www.w3cschool.cn/less/在线测试工具https://www.w3cschool.cn/tools/index?name=LESS原创 2020-03-13 10:10:11 · 260 阅读 · 0 评论 -
POLO 360 项目
终于把这个小项目学完了!!!这个老师讲的真好啊!!!代码地址链接:https://pan.baidu.com/s/14Ziyjr0ie2bGm0O88_rYzA提取码:97jr原创 2020-03-12 15:38:45 · 473 阅读 · 1 评论 -
高度塌陷解决方案
/* 高度塌陷 */.clearfix:before,.clearfix:after{ content: ""; display: table; clear: both;}/* 兼容ie6 */.clearfix{ zoom: 1;}原创 2020-03-11 14:51:53 · 125 阅读 · 0 评论 -
ie6不支持透明图片解决方案
在当前页面底部加入以下<!-- 处理ie6的png问题 --><!--[if IE 6]><script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script><script type="text/javascript">DD_belated...原创 2020-03-11 10:27:48 · 91 阅读 · 0 评论 -
reset.css
/* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, ...原创 2020-03-11 09:46:14 · 612 阅读 · 0 评论 -
前端图片格式的选择
图片格式JPEG (JPG) 支持颜色多,图片可以压缩,不支持透明 GIF 支持颜色少,支持简单透明,支持动态图。(图片颜色单一或者是动态图时可以使用gif) PNG 支持颜色多,支持复杂透明如何选择效果不一致,使用效果好的 效果一致,使用尺寸小的...原创 2020-03-10 15:03:49 · 321 阅读 · 0 评论 -
前端清除缓存
参考https://blog.csdn.net/ljk126wy/article/details/103911421?depth_1-utm_source=distribute.pc_feed.none-task&request_id=&utm_source=distribute.pc_feed.none-task在引入文件的后面加入参数?v= 即可...原创 2020-03-09 10:04:44 · 353 阅读 · 0 评论 -
浮动
参考 尚硅谷教程目录使用float属性可是元素脱离文档流浮动元素会尽量的向左上右上浮动,直到遇到父元素边框或其他浮动元素如果浮动元素上是一个未浮动的块元素,则不会再往上浮如果浮动元素在一行中显示不下,则会挪到下一行浮动元素无法超过兄元素的位置,最多处在同一行浮动的元素不会盖住文字,文字会自动环绕到浮动元素周围使用float属性可是元素脱离文档流当为一...原创 2020-02-24 15:44:56 · 202 阅读 · 0 评论 -
垂直方向外边距重叠
在网页相邻的垂直方向的外边距会发生外边距的重叠兄弟元素之间的相邻外边距会去最大值而不是取和 父子元素之间的相邻外边距,子元素的外边距会设置给父元素...原创 2020-02-24 11:10:31 · 330 阅读 · 0 评论 -
盒子模型
参考 尚硅谷教程目录1. 内容区2. 内边距3. 边框4. 外边距5. display6. visibility7. overflow8. 文档流9. 浮动10. 清除浮动11. 定位12. 相对定位13. 绝对定位14. 固定定位15. z-indexCSS处理网页时,每个元素都包含在一个不可见的盒子里盒子模型:一个盒子组成...原创 2020-02-23 18:10:59 · 223 阅读 · 0 评论 -
文本标签及样式
参考 尚硅谷教程目录1、文本标签 1.1em strong1.2、i和b1.3、small1.4 cite1.5 blockquote 和q1.6 sup和sub1.7 ins和del1.8 code和pre1.9 有序列表1.10 无序列表1.11 定义列表2. 文本格式化2.1 文字大小2.2 字体2....原创 2020-02-23 16:19:22 · 745 阅读 · 0 评论 -
选择器
参考 黑马教程目录1. 元素选择器2. 类选择器3. ID选择器4. 群组选择器5. 通用选择器6. 标签之间的关系7. 后代选择器8. 伪类和伪元素9. 属性选择器10. 子元素选择器11. 兄弟选择器12. 否定伪类13. 继承14. 选择器的权重选择器:会告诉浏览器:网页上的哪些元素需要设置哪些样式1. 元素选择器...原创 2020-02-23 15:13:51 · 161 阅读 · 0 评论 -
first-child,last-child,nth-child,first-of-type,last-of-type 用法
目录1. first-child2.last-child3.nth-child4.first-of-type5.last-of-type1. first-child功能是: 选中A元素父元素的第一个为A元素来看代码图1中这样的样式浏览器未发现样式改变解释下样式:p的first-child的意思是 选中p的父元素中第一个元素是 p的 元...原创 2020-02-22 16:01:46 · 494 阅读 · 4 评论 -
伪元素
伪元素来表示一个元素的特殊位置1-0 例: 第一个字显示为红色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>伪元素</title> <style> p:first-l...原创 2020-02-22 11:35:52 · 116 阅读 · 0 评论 -
Vue开发去哪儿网 笔记
1.设计模式1.1 MVP设计模式Model ()View Precenter1. Vue HelloWorld<div id="app">{{content}}</div><script> var app = new Vue({ el: '#app', /* vue负责管理的区域 */ ...原创 2019-08-24 12:46:13 · 190 阅读 · 0 评论 -
CSS权重
原文https://www.cnblogs.com/fwl8888/p/9184658.htmlhttps://www.cnblogs.com/cnblogs-jcy/p/8574177.html权重的作用就是当用多条样式定义规则对同一个元素进行样式设置时采取哪个设置以下是样式的权重值1. !important 修饰的 权重值是 1,0,0,0,0,div{ ...原创 2019-08-11 17:34:27 · 132 阅读 · 0 评论 -
Chrome调试工具
目录按快捷键F12或 右键页面选择检查 进入调试模式左边HTML右边CSS经过检查发现指定元素的css框内出现 中划线中划线代表出现错误点击颜色还可以进行调色在调试区域使用 ctrl + 滚轮 可以改变显示大小可以直接调试css值按快捷键F12或 右键页面选择检查 进入调试模式左边HTML右边CSS经过检查发现指定元素的css框内出...原创 2019-07-21 20:11:22 · 96 阅读 · 0 评论 -
JavaScript笔记
目录 1. 基本知识 2. 变量3. 数组4. 函数5.对象JavaScript是一种运行在客户端的脚本语言1. 基本知识1.1JavaScript和HTML、CSS的区别1. HTML:提供网页的结构,提供网页中的内容2. CSS: 用来美化网页3. JavaScript: 可...原创 2019-08-08 00:43:27 · 150 阅读 · 0 评论 -
WebApi笔记
1.API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。任何开发语言都有自己的API API的特征输入和输出(I/O) var max = Math.max(1, 2, 3); API的使用方法...原创 2019-08-08 01:06:22 · 170 阅读 · 0 评论