自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 问答 (16)
  • 收藏
  • 关注

原创 做一个简单的前后端交互登录系统

想做一个简单的前后端交互的登录系统,前端用jquery ajax请求,后端用java servlet。前端页面做这样:首先,创建数据库:然后在MyEclipse 里面搭建项目,包和类的框架。大致框架截图如下:User.java类里面主要代码有: private int id; private String name; private Stri...

2019-09-26 10:45:55 6791

原创 uniapp手写单选

尽管uniapp 有 radio单选组件,但像一些情况下还是自己写出来好一些:比如这里,有选择,删除,添加等功能。代码如下:<view class="locaOne" v-for="(item,index) in localList"> <view class="loLeft"> <view class="checkView" @click="clickCheck($event,index)" :data-obj="item">

2022-03-04 18:09:03 1147

原创 uniapp图片上传手机端和浏览器端的不同

做了一个项目,里面用到uniapp上传图片,并且是android端的。我先在浏览器里运行可以,但在手机端就不行,后来经过调试,发现这两个端上传图片时有区别……下面打印一下 uni.chooseImage({})之后的 success里面的:android端调试打印的:浏览器里调试打印的:所以这个res.tempFiles都各不相同了~;因而之后要找到图片地址路径就得分情况讨论:之前写一种情况可适用于浏览器就不能适用于手机端。后来这么写:console.log(res);

2022-03-04 15:52:13 5415

原创 vue组件的使用及父子组件之间通信

之前了解到vue父子组件之间传值:父组件传给子组件:通过在页面引用里 传值:在父组件内引入子组件<childCompont :parmas="parentParmas"></childCompont>那么父组件的 parentParmas就会传入子组件内;子组件接收:props:{ parmas:Object //这里写数据类型 },子组件传给父组件一般通过事件://子组件<view @click="toParent">.

2021-11-26 17:15:31 497

原创 记录一次用vant框架做h5微信公众号

这次是用vant框架做一个h5微信公众号,是在我一同事封装的基础上开发的。封装的项目在gitee上的地址:湖南巨仑网络科技有限公司/vant-H5移动端封装 - Gitee.com。内容有底部导航的,轮播的,时间转时间戳的,axios请求的一些功能的封装。这样使用起来就方便一些。整个项目的目录是这样的:几乎所有页面都在components里面。路由写在router/index.js里面。看了同事封装的组件,我自己也会封装了一些。关于vant框架,大家可以参考官方文档:Vant..

2021-11-03 17:16:05 1068

原创 uniapp定时器定时刷新获取

要用uniapp做一个效果:页面定时刷新获取,根据时间变换状态。这里按钮有5种状态:预约,已预约,已售罄,未开始,已结束。要把当前时间和后端返回的时间做对比,如果还没到开始时间则显示未开始,如果到开始时间还未结束则有预约,已预约,已售罄。如果超过结束时间则显示已结束。后端返回的数据:主要要把now_time每秒+1和start_time,end_time作比较,代码如下 先html:<!-- 主要内容 --> <view class="mainCon...

2021-10-23 10:55:24 4486

原创 js常用的表单正则验证

var phoneReg = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/; //手机号码验证var nameReg = /^[\u4E00-\u9FA5]{2,4}$/; //中文名验证var idReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //身份证验证let userName="";let phoneNum ="";let idCard = ""; if(user...

2021-09-25 14:44:39 193

原创 微信小程序上拉加载

自己写demo,做一个微信小程序不通过后端传输数据本地循环数据上拉加载的效果。效果是这样的,代码:wxml:<view class="contain"> <view class="listCont"> <view class="li" wx:for="{{arrayList}}" wx:key="index">{{item.id}} -- {{item.names}}</view> </view>.

2021-09-24 15:02:23 294

原创 微信小程序本地上传图片预览并删除

微信小程序本地上传图片,在小程序开发文档上面有说明:wx.chooseImage(Object object) | 微信开放文档wx.previewImage(Object object) | 微信开放文档wxml: 图片用wx:for循环,后面用带有加号的图片。<view class="content"> <text>微信小程序练习demo</text> <view class="upload"> ..

2021-09-23 15:30:29 546

原创 微信小程序上传多图到七牛

记一次微信小程序上传多图到七牛的步骤和全部代码:要做成的效果是这样的:以图文的形式反馈,图片不超过九张。微信小程序上传图片到七牛步骤:1.第一次请求获得七牛token :?s=App.Upload.QiniuToken请求获得token和host.2.用wx.chooseImage点击上传图片3.wx.uploadFile 上传到七牛云: http://upload-z2.qiniup.com先贴wxml代码:<view class="fklr">...

2021-09-18 11:20:27 551

原创 uniapp封装md5请求加密

要求:要封装一个md5加密的请求头,加密部分:url 问号后面部分和data参数。签名步骤:1、 按照参数首字母进行排序, 并拼接为字符串, 并用&链接2、追加密钥&key=xxxxxxx到字符串(具体加密密钥每个项目不同)3、把得到的字符串进行md5加密,并转大写4、把计算得到的签名追加到GET或POST请求中即可:sign=签名结果前端封装步骤:首先建一个common文件夹然后在里面建一个network.js文件。目录结构是这样:封装的内容写在net...

2021-09-04 11:30:06 2850 6

原创 ES6 includes

最近做了vue的一个项目,效果要实现多选及反选,数据是从后端传过来的。代码:<div class="lableView"> <label class="lable_one" :class="{active:sz.includes(index)}" v-for="(item,index) in lableList" :key="index".

2021-08-17 17:10:15 89

原创 css阴影做边框

好久没有发布博客了,今天写一个简单的。css阴影边框相信大家见到过很多这种样式:那对于css3不熟悉的可能要调很久。我把样式记在这里,自己忘记了可以查看,也方便大家参考。首先,w3school上对box-shadow的属性描述是这样的:那么box-shadow后面带的值应该是6个:box-shadow: h-shadow v-shadow blur spread color inset;但是我们一般没有带那么多参数。一般3至5个。1.当带3个参数 即 水平阴影,垂直..

2021-08-05 18:33:35 581

原创 vue v-bind:class 动态添加类以改变样式

要做成这样的点击切换的导航效果需要做点击添加类以改变样式在菜鸟教程上看到了一些方法,大家可以参考学习Vue.js 样式绑定 | 菜鸟教程 (runoob.com)但是为了实现效果,我这样写了:<view class="nav"> <view class="title_one" :class="{active:current==index}" v-for="(item,index) in list" @click="selectTitle(index)"&gt..

2021-07-28 18:27:56 296

原创 js 数组的应用

1.声明:var arr1 = []; //这是声明一个空的数组var arr1 = new Array(); //这也是声明一个空的数组var arr1 =new Array("Saab","Volvo","BMW"); //声明数组,并给里面放进了值var arr1 =["Saab","Volvo","BMW"]; //这也是声明数组,并给里面放进了值2.数组的应用。(1) 合并两个数组 -- concat();var hege = ["Cecilie", "Lone"]

2021-07-13 16:40:35 149

原创 js some循环 找出一个数组中符合条件的另一个数组

需求效果:请求"热门兴趣"群的接口,还有一个“我参加的群”的接口,要在热门兴趣群里面标记我参加的兴趣群,如果是我参加的就给按钮“进入群聊”,如果不是我参加的那就给按钮“加入群聊”。废话不多说,贴代码js代码://热门兴趣群 getPopList() { var that = this; request({ url: "?s=App.Index.Group",//请求接口 method: "POST" }).then(res => {

2021-07-12 16:51:47 570

原创 微信小程序截取变换后端请求过来的值,时间戳转时间

各位猿猿们有木有遇到这样的情况:在做前端的时候当请求到后端接口传过来的值,跟我们需要的不完全相同,我们不能直接渲染而要经过转换比如字符串截取啊,时间戳转时间啊等等。那我现在就以微信小程序为例,是一个wx:for循环然后请求过来的数据需要转换后渲染的例子。效果图是这样的:接口返回的数据是这样的:这个就需要字符串截取,时间戳的转换。而这个是在循环中的,wxml里写了wx:for 先贴一下wxml代码:<view class="qun" bindtap="jrql" wx:for.

2021-07-12 10:44:52 589

原创 联想电脑触摸板锁住了解锁

我的笔记本电脑lenovo威5-14kB这个型号。经常系统更新然后触摸板被锁住,然后我在网上查了所提供的办法都不能解决。那我就在这里记一下~方便自己,也方便和我遇到相同问题的人。打开设备管理器。(不知道的直接在下面搜索设备管理器) 设备管理器的鼠标和其他指针设备。 选择第二个。然后右键属性。然后进入这个状态 点驱动程序。 4.更改驱动程序。随便选择一个理由,然后点“是”。5.这样就更改过来啦这些两个都可以动了。...

2021-07-11 18:04:59 5337

转载 Git利用命令提交代码步骤

进入你的项目目录1.拉取服务器代码,避免覆盖他人的代码。git pull2.查看当前代码中哪些代码更改过。git status具体状态如下:Untracked 未跟踪,一般为新增文件,此文件在文件夹中,但并没有加入git库,不参与版本控制。通过git add 状态变为Staged。 Modified 文件已修改。仅仅是修改,并没有进行其他操作。 deleted 文件已删除,本地删除,服务器上还没有删除。 renamed 重命名。3.将状态改变的代码提交至缓存。一般用gi.

2021-06-27 09:35:03 498

原创 vue element ui 自定义组件的使用

前端菜鸟,都这个年代了,vue出来那么久了,自定义组件的使用,组件间的传值还不会使用~最近用element ui做了一个项目,终于用了一次自定义组件。下面是设计图:但是因为有几个界面的差异较大,不只是操作栏的按钮不同,所以这个要用自定义组件,根据上面状态栏的条件下面表格切换。文件布局如图:代码如下:jzdd.vue<template> <div class="el-body"> <el-card shadow="never"..

2021-06-23 17:57:54 3487

原创 vue element ui el-select多选与后端传值

在vue element ui项目中遇到了多选后与后端传值的情况。后端接收方式是数组,我这边勾选后要转换成数组传给后端,然后请求到数据后也要转换成数组展现出来。效果图如下:代码展示:<template></template>:<el-form-item label="福利待遇:" prop="welfare_tag"> <el-select multiple defau

2021-06-23 16:23:20 11033 1

原创 vue element 框架做一个管理系统

首先,公司给我搭建好了element框架,然后根据框架在里面添加修改页面。框架文档地址:Element - 网站快速成型工具 和https://eleadmin.com/doc/eleadmin/#/最后的成型大概是:(现在还是测试数据)我在做此项目时框架还不是很熟悉,所以免不得走了一些弯路,我现在一一把项目中的难点整理出来。自己再复习巩固,也供大家参考。首先,element框架的路由是在菜单管理页添加的。如图:点击菜单管理——添加——上级菜单可不选,然后菜单名称为...

2021-06-23 15:13:35 553 1

原创 微信小程序上传图片到七牛

要在小程序做一个类似发布朋友圈的效果,图文结合。设计图效果如下:在这里我用的是小程序form组件,上面文字用textrea,下面传图片的时候,我们后端用到了七牛云,得先把图片上传到七牛云上面,然后拿到返回地址,再以数组的形式传给后端。代码如下:首先wxml:<view class="container"><form bindsubmit="uploadIssued"> <view class="shareContent"> &l

2020-06-30 14:15:12 472

原创 2019前端常见面试题

根据个人的面试经验,总结出了一些前端常见的面试题:Html:1.localStorage和sessionStorage,cookie.2.html5新特性。3.ifream标签。css:1.css动画的几种写法2.css伪类和伪元素3.css3新特性4.css怎么和js配合使用5.box-sizing 的属性及用法5.弹性布局js:1.js数组的一些函数:pop()...

2019-09-30 16:49:48 119

原创 小程序text ellipsis

在小程序中,一般用到的文字标签是view 和text 。如果要用到控制行数(比如控制文本显示2行,多余的省略号代替),则整个文本用 text标签,然后添加主要样式: display: -webkit-box; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow...

2019-05-17 16:58:15 1155

原创 微信小程序列表渲染点击增添或移除类以改变

需求是这样的:要做成这样的效果:当点击上面的导航栏时颜色会变成橙色,下面多出一条下划线,不点时默认是第一个。当然下面也会随之发生变化(需要从后台获取数据后渲染,这里默认暂无订单)。wxml 代码如下:<view class='header'> <!--头部菜单--> <view bindtap='checkCloumn' wx:for="{{da...

2019-03-27 17:26:48 536

原创 微信小程序测量手机屏幕大小

首先 获取适配器信息,用getSystemInfoSync() 然后.windowHeight 获取高度 ,.windowWindth 获取宽度。var sysInfo = wx.getSystemInfoSync(); console.log(sysInfo); var winHeight = sysInfo.windowHeight; var winLength...

2019-03-18 14:01:59 1773

原创 jquery 为未来元素绑定事件

今天要讲的是jquery 为未来元素绑定事件,做了一个页面,因为元素都是通过ajax请求得来渲染的,故称未来元素。之前没有进行特殊操作,就当一般元素来写事件,但却没有效果。代码如下:html 主要部分: &lt;div class="box"&gt;&lt;/div&gt; &lt;script id="t1" type="text/...

2019-02-14 09:49:01 2120

原创 一个简单的搜索输入匹配

html,css,js(jQuery)做一个简单的搜索输入匹配这里有一个输入框:所要达到的效果:往输入框里面输入文字或英文等其他内容时,下面会出现相应匹配:代码如下:首先,html:&lt;div class="inputMatching"&gt; &lt;input type="text" placeholder="请输入搜索内容" /&gt; &lt;button type=...

2019-01-21 17:33:53 531

原创 记一次Ajax post请求,前后端数据交互,判断用户注册的手机号码是否唯一

首先,创建一个数据表 userinfo ,里面有id, name ,phoneNum,paswd 和 memberLevel,图片如下:后端java先连接数据库,建一个BaseConnection类,代码如下:package com.determ.until;import java.sql.Connection;import java.sql.DriverManager;publi...

2018-12-28 16:44:39 1141

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除