- 博客(44)
- 资源 (2)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 uni-request的使用
下载插件：npm install uni-request --saveapi文件夹下封装统一请求request.js文件/** * @Description: 请求接口统一封装 * @Author liaoxuewu * @create 2022/01/25 13:22 */import uniRequest from '../uni-request/index.js'import config from '../config.js'// 全局配置uniRequest.defaul
2022-05-17 21:55:45
3210
原创 uni-app横屏设置
1.官网全局设置https://uniapp.dcloud.io/collocation/pages?id=globalstyle"globalStyle": { "pageOrientation": "auto"}2.某个页面横竖屏设置在manifest.json中添加配置："orientation" : [ // 竖屏正方向 "portrait-primary", // 竖屏反方向 "portrait-secondary", // 横屏正方向 "landscape-prima
2022-05-10 22:02:56
14171
6
原创 项目引入阿里图标库
1.上传图标这一步一般由UI设计师完成，阿里巴巴图标库官网：https://www.iconfont.cn/注意：以后每次上传完新的图标，网站上的内容都要更新，然后重新下载文件覆盖2.下载到本地本地在common文件夹下新建icon文件夹，将下载好的内容放入该文件夹下：将这段代码复制下来，并且替换下载下来的iconfont.css中的代码：结果如下：3.项目中引用代码中使用：复制字体class名，在需要用的标签里的class上添加上<text class="iconf
2022-05-06 22:01:32
717
原创 Java的AOP介绍
1.概念AOP是Aspect Oriented Programming的缩写，意思是面向方面编程，与OOP(Object Oriented Programming)面向对象编程对等，都是一种编程思想。从OOP角度分析，我们关注业务的处理逻辑，是属于纵向的行为，从AOP角度分析，我们关注对象行为发生时的问题，是属于横向的行为。AOP有以下概念术语：Aspect（切面）：一个关注点的模块化，这个关注点可能会横切多个对象。事务管理是J2EE应用中一个关于横切关注点的很好的例子。在Spring AOP中，切面可
2022-04-22 21:48:09
11236
原创 ucharts的引入和使用
1.官网在线配置网址：https://www.ucharts.cn/进入首页后，点击“在线工具”，然后点击“在线生成工具”，如图:这两个按钮都可以进入：2.项目引入hbuilderx的版本要是3.1以上，从uniapp的插件市场导入ucharts，地址：[https://ext.dcloud.net.cn/plugin?id=271](https://ext.dcloud.net.cn/plugin?id=271)引入后的目录结构为：要仔细研读这个文件，支持自定义相关配置：3.使用
2022-04-11 22:00:35
2411
原创 CSS实现多种图形
1、邮件虚线.uni-grid-item-index { position: relative; overflow: hidden; border-top: 3rpx solid transparent; background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0,
2022-03-29 17:47:50
246
原创 vue使用canvas渲染pdf
<!-- <div>--><!-- <div class="bottom" style="position: fixed;right: 0">--><!-- <input class="pdf-zoom" type="submit" value="+" @click="zoomPdf(1)"/>--><!-- </br>--><!--
2022-03-23 22:07:57
2656
原创 自定义导入弹框
导入文件或者批量导入文件时，可以自定义导入弹框，里面包含下载导入模板、选择文件等功能。1.导入弹框结构<el-dialog title="导入" :visible.sync="importFormVisible" width="600px" center :before-close="closeImport"> <el-form :model="importForm" ref="importForm" class="leftForm upform"> <el-f
2020-11-06 09:51:21
517
原创 函数的方法Date
在JS中所有时间相关的内容都是使用Date对象来表示。如果我们之间创建一个新的Date对象，则该对象中会封装当前的时间。可以在构造函数中能够传递一个日期的字符串，来创建一个指定日期的Date对象。格式：月/日/年 时:分:秒1.时间相关方法getDate()：返回当前Date对象是几号；getDay()：返回当前Date对象是周几；返回0 - 6之间的值，0表示周日，1表示周一…getMonth()：返回当前Date对象的月份；返回0 - 11之间的值，0表示1月份，1表示2月份…11表示12月份。
2020-09-16 15:51:58
216
原创 elment-ui 树形控件基础用法
1.渲染树形控件树形控件的结构是一层层嵌套的，官网上定义好的结构中属性名我们无法更改，实际开发中后台返回的字段名与属性名也会不一致，这里我们用到了**“递归”**的方法将结构中的属性赋予实际开发中的值。（1）树形结构如下：<el-tree :data="treeData" show-checkbox node-key="id" ref="tree"></el-tree>data() { return { treeData: [] }}// 绑
2020-08-25 16:35:18
997
原创 百度地图获取省市边界、设置图片背景
1.获取省市边界（1）初始化地图引入文件：<script type="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=W5mG5fGfiU73Yy2WmaWKzaKw"></script>初始化方法：// 初始化地图initMap() { // this.map = new BMa...
2019-07-22 14:38:41
2437
原创 前端导出功能实现的三种方式
1.点击链接数据、文件格式全部在后台封装好，返回给前端一个链接，前端通过点击链接自动下载，两种方式：（1）window.location.href = ‘url’（2）<a href='url' download=''></a>2.解析后台返回的文件流这种方式就是后台将要导出的文件以文件流的方式返回给前端，前端通过blob去解析，再动态创建a标签。let co...
2019-07-10 14:33:43
21996
2
原创 自定义多个checkbox点击查询数据方法
项目中存在多个checkbox，点击其中一项根据条件查询数据的时候，我们将查询条件定义成数组，根据点击传入的参数，向数组中添加或删除数组中元素生成新的查询条件。1.页面结构<div v-bind:class="{'active': choose1 }"> <input type="checkbox" value="1" v-model="choose1" @click="c...
2019-04-11 15:48:47
511
转载 HTTP和HTTPS的区别
超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，HT...
2019-04-09 10:10:20
141
转载 浏览器输入URL发生了什么
这是一道经典的面试题，这道面试题不光前端面试会问到，后端面试也会被问到。这道题没有一个标准的答案，它涉及很多的知识点，面试官会通过这道题了解你对哪一方面的知识比较擅长，然后继续追问看看你的掌握程度。当然我写的这些也只是我的一些简单的理解，从前端的角度出发，我觉得首先回答必须包括几个基本的点，然后在根据你的理解深入回答。1、浏览器的地址栏输入URL并按下回车。2、浏览器查找当前URL是否存在缓存...
2019-04-09 09:29:05
208
原创 元素水平垂直居中实现方式
页面结构<div class="wrap"> <div class="inner"> </div></div>1.定位实现 .wrap { width: 300px; height: 300px; position: relative; background-color: ...
2019-03-08 11:43:06
134
原创 element-ui表格添加复选框及根据列表中的数据判断是否可选
1.表格结构&amp;lt;el-table :data=&quot;tableData&quot; stripe style=&quot;width: 100%; text-align: center&quot; @selection-change=&quot;handleSelectionChange&quot;&amp;gt;&amp;lt;!-- che
2018-11-30 14:49:30
14258
转载 程序员薪资到底有多高？2017中国程序员薪资生存现状调查报告
原文链接：https://blog.csdn.net/weixin_43245088/article/details/84572604程序员一直都是一个备受人们关注的群体。2014年，据IDC统计，全球约有1850万名程序员，中国占10%。随着近年全国互联网创业热潮的兴起，“互联网+”、“云计算”以及“智能硬件”等领域发展迅速，市场对程序员的需求更为旺盛。由程序员客栈联合稀土掘金通过对北京、广...
2018-11-29 11:08:10
1029
原创 AngularJS初体验
1.简介和特点AngularJS是Google开源的前端JS结构化框架。它可通过&lt;script&gt; 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML，且通过表达式绑定数据到 HTML。特性和优点：双向数据绑定；声明式依赖注入；解耦应用逻辑，数据模型和视图；完善的页面指令；定制表单验证；Ajax封装。2.与jQuery比较jQuery：JS函数库；封装简...
2018-11-29 10:44:09
912
原创 绑定企业微信
首先需要生成二维码，可以用两种方式显示。第一，用dialog弹出框显示，这种方式绑定成功之后后台会返回一个成功页面，直接刷新页面；第二，用JS中的子窗口来显示，返回的成功页面只在子窗口中。第一种方式如下：1.引入微信JS&lt;script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js"&gt;&...
2018-11-26 15:00:29
511
原创 React虚拟DOM及创建虚拟DOM的两种方式
1.虚拟DOM是什么？一个虚拟DOM(元素)是一个一般的js对象，准确的说是一个对象树(倒立的)；虚拟DOM保存了真实DOM的层次关系和一些基本属性，与真实DOM一一对应；如果只是更新虚拟DOM，页面是不会重绘的。Virtual DOM 算法的基本步骤：用JS对象树表示DOM树的结构；然后用这个树构建一个真正的DOM树插到文档当中；当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的...
2018-10-30 14:55:37
7893
原创 element-ui Upload 上传文件再编辑显示的两种方式
1.直接将文件名以文本的方式展现后台返回的链接以逗号的形式分隔，初始化定义一个数组：files: []页面结构：&amp;amp;lt;el-upload class=&amp;quot;upload-demo&amp;quot; ref=&amp;quot;upload&amp;quot; :action=&amp;quot;actionPath&amp;quot;
2018-10-30 14:29:54
35594
5
原创 input设置type=‘number’去掉上下箭头
1.input设置type=‘number’<input type='number'>2.去掉上下箭头.container input::-webkit-outer-spin-button,.container input::-webkit-inner-spin-button { -webkit-appearance: none;}.container input...
2018-10-20 11:55:50
5604
原创 vue引用QrCode生成二维码
后台生成二维码链接返回到前台，前台做个渲染。1.npm install安装一下插件QrCode2.引入import QrCode from 'qrcode'3.渲染二维码的标签&lt;canvas id="qrcode-canvas"&gt;&lt;/canvas&gt;4.向后台发送请求获取链接并在页面生成二维码 let vm = this; var postData ...
2018-10-20 10:51:39
1985
原创 JS类型转换
1.强制类型转换强制类型转换指将一个数据类型强制转换成另一种数据类型。类型转换主要指将其他的数据类型转换成String Number Boolean。（1）将其他数据类型转换成String类型方法一：调用被转换类型的toString()方法。该方法不会影响到原变量，它会将转换的结构返回。但是注意，Null和Undefined没有toString()方法，如果调用它们的方法，则会报错。例：将...
2018-09-25 17:38:57
11812
9
原创 vue页面动态添加标签
1.动态插入组件将需要插入到页面的元素定义成一个组件，再进行操作。参考：https://jintang.github.io/2018/03/27/vue动态添加组件/2.页面直接添加元素页面结构代码：&lt;ul&gt; &lt;li v-for="(item, index) in itemArr" :key="index"&gt; {{index
2018-09-20 11:54:39
51726
6
原创 选择器的优先级和伪类的顺序
1.选择器的优先级（1）样式的继承像儿子可以继承父亲的财产一样，在CSS中，祖先元素上的样式也会别后代元素所继承，利用继承可以将一些基本的样式设置给祖先元素，这样所有的后代元素将会继承这些样式。继承时对开发的一种简化，通过继承我们可以将元素共有的样式统一设置给祖先元素，这样就只需要设置一次，就给所有的元素设置了样式。注：但是并不是所有的样式都会被子元素所继承，比如：背景相关的、边框相关的、定...
2018-09-20 11:00:40
15770
原创 常用的选择器（2）
1.子元素和后代元素选择器元素之间的关系：父元素：直接包含子元素的元素子元素：直接被父元素包含的子元素祖先元素：直接或间接包含后代元素的元素（父元素也是祖先元素）。后代元素：直接或间接被后代元素包含的元素（子元素也是后代元素）。兄弟元素：拥有相同父元素的元素叫做兄弟元素。（1）后代元素选择器作用：选中指定元素的指定后代元素。语法：祖先元素 后代元素{}（2）后代元素选择...
2018-09-20 10:53:03
166
原创 elment-ui+七牛上传文件
七牛官网（https://developer.qiniu.com/kodo/sdk/1283/javascript）也介绍了具体的使用方法，现在我做的是直接用的elment-ui上传插件。大部分逻辑都在后台处理，前台只需调用接口即可。接口有三个，分别是获取七牛token的tokenUrl，上传文件时调用的upladUrl，这是可以在七牛官网上找到的，看自己在中国的哪个区对应着什么地址，北京这边的是...
2018-08-30 11:38:40
602
1
原创 重置表单验证信息
这个问题主要出现在dialog里面，就是在打开弹出框，表单验证不通过，会出现提示信息，不进行任何处理关闭后第二次打开，这些提示信息依旧显示。有两种实现方式：1、重置表单信息，刷新页面原文链接：https://www.cnblogs.com/hezihao/p/7416820.html2、利用watch监视dialog的显示状态，重置表单这种方式也有人写过，我改动了一点点，原文链...
2018-07-24 15:34:47
1614
原创 vue+element-ui实现表格编辑
两种实现方式1、表格内部显示和编辑切换这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可以通过slot-scope中的index去实现，在控制显示隐藏的属性上绑定index就可以选中当前行了，如showEdit[index]。html中的代码：&amp;amp;amp;amp;amp;lt;el...
2018-07-24 14:59:37
87346
34
原创 百度地图自定义覆盖物
1、覆盖物函数iconPath：图片路径 marker: 存放标注点经纬信息的数组 sizeW：图片尺寸（宽） sizeH：图片尺寸（高）function replaceIcon(iconPath, marker, sizeW, sizeH) { map.removeOverlay(marker); var icons = iconPath; //这个是你要显示坐标的...
2018-07-24 10:55:07
6884
2
转载 修改系统默认 alert 弹框样式
原文链接：https://blog.csdn.net/sun124608666/article/details/72866735重写默认alert（1）封装重写alert的函数function alert(e){ $(&amp;quot;body&amp;quot;).append('&amp;amp;lt;div id=&amp;quot;msg&amp;quot;&amp;amp;
2018-07-23 19:28:18
3459
4
原创 Echarts饼图中间显示自定义内容及解决柱状图横坐标文字过多显示不全的问题
1.Echarts饼状图中间自定义显示内容（文字、图片）实现这种效果主要是通过graphic中的对象属性type和style实现，type设置为‘text’，则style中可以设置文字内容，type设置为‘image’,则style中可以设置图片内容，以下是完整代码：（1）创建div标签<div id="box"></div>（2）定义option...
2018-07-23 15:49:30
17443
1
原创 dataTable实现会议预定
1.页面结构<table class="table table-striped table-bordered table-hover dataTable no-footer dt-responsive" id="data-table-actmReserve"> <thead> <tr role="row" class="heading"
2018-03-08 13:35:54
696
原创 bootstrap modal加树状图
1.布局代码<div id="myBedinfoModal" class="modal modal-dialog fade modal-lg" tabindex="-1" data-focus-on="input:first"> <div class="modal-header"> <div c
2018-03-08 11:19:59
1127
jqGrid失去焦点自动保存一行
2017-11-02
js立即在执行函数绑定在click事件中，文档加载就已经调用的原理是什么？
2017-06-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人