前端实践
文章平均质量分 75
前端实践
inexaustible
这个作者很懒,什么都没留下…
展开
-
前端更新包报500错误,文件权限设置错误
前端更新包报500错误,文件权限设置错误原创 2023-07-26 14:48:15 · 634 阅读 · 0 评论 -
vue中预览静态pdf文件
/ pdf预览},// 下载a.download = "文件比对操作手册.pdf";a.click();a.remove();原创 2023-07-24 15:01:16 · 1632 阅读 · 1 评论 -
前端基础代码
1、字符串+值 < ... :placeholder=" '回复用户id为' + item.uid "/>2、ReadMore 展开阅读更多<template> <u-read-more show-height="250"text-indent="0" :toggle="true" close-text="点击展开详情"> // 内容 <view> ...... </view> &...原创 2022-04-18 22:01:34 · 1187 阅读 · 0 评论 -
解决异步请求导致返回调用方法结果为undefined
异步模式:就是每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。问题:在上面的方法中调用后面的方法,对返回结果进行判断,导致异步。调用方法返回结果:undefined解决办法:es7新增的 async函数:可以更舒适地与promise协同工作,它叫做async/await,它是非常的容易理解和使用。async fun原创 2020-11-03 12:05:11 · 4847 阅读 · 1 评论 -
vue监听路由发生变化(watch)
修改(通过id查询数据信息用于回显)/ 添加(将表单数据清空)。多次路由跳转到同一个页面,在页面中created方法(页面渲染之前执行)只会执行一次,后面在进行跳转不会执行的。vue监听:watch:{ $route(to,from){ //路由发生变化执行下面的方法 this.init() //调用需要执行的方法 }}methods:{ init(){ //...原创 2020-12-22 15:39:11 · 763 阅读 · 0 评论 -
uview和uni-app返回n页方法
uni-app使用定时器返回上两页: setTimeout(() => { this.$Router.back(2) },1000)uView使用定时器返回上两页: setTimeout(() => { this.$u.route({ ...原创 2020-11-07 14:57:39 · 2812 阅读 · 0 评论 -
uview实现点击预览图片效果
1、在页面的图片上添加点击事件:2、方法: //预览图片 imgListPreview(){ var urlList = [] urlList.push(this.userInfo.avatar) //push中的参数为 :src="item.img_url" 中的图片地址 uni.previewImage({ ...原创 2020-11-07 14:43:23 · 8551 阅读 · 1 评论 -
uView 让一个div始终固定在页面的某一固定位置的方法
方法一:直接用position:fixed原创 2020-08-05 17:59:20 · 3355 阅读 · 0 评论 -
AJAX
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。一、简介AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情.原创 2020-09-08 18:31:32 · 441 阅读 · 0 评论 -
网页前端首页:轮播图......
最终效果:源码:html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/main.js"></script> <script src="js/lunbo.js"></script>...原创 2020-09-05 10:44:42 · 667 阅读 · 0 评论 -
uView项目前端获取屏幕高度
// 获取屏幕高度 try { const res = uni.getSystemInfoSync() console.log("获取屏幕高度") console.log(res.screenHeight) this.screenHeight = res.screenHeight }catch(e){ ...原创 2020-08-27 16:04:24 · 1335 阅读 · 0 评论 -
uView项目前端中弹窗
//送货确认送达 confirmOrder(id){ uni.showModal({ title: '提示', content: '是否确定送达?', success(res) { if (res.confirm) { ...原创 2020-08-26 15:35:09 · 6316 阅读 · 0 评论 -
vue.js 点击时改变字体样式
:class动态绑定样式表中.changeStyle的样式,将当前索引传递给changeSelectStyle@click点击事件触发函数changeStyle(),并将当前索引传递进去。 <view @click="orderList(0)" style="width: 25%;display: flex;"> <text :class="{changeStyle:changeSelectStyle == 0...原创 2020-08-20 09:28:25 · 3931 阅读 · 0 评论 -
view内容右对齐:display: flex;justify-content:flex-end
要求:内容靠右对齐显示 <view style="width: 23%;display: flex;justify-content:flex-end"> <text>{{child.price}}/{{child.unit === 1?'kg':'个'}}</text> </view>...原创 2020-08-07 17:34:32 · 2121 阅读 · 0 评论 -
拖动图片改变位置
案例描述点击图片可以复制图片 鼠标移动过程中,会有图片跟随 再次点击图片,图片固定位置。实现过程通过过程我们可以分析出,需要三个事件进行绑定即点击事件:点击后创建(复制)一个新的图片 鼠标跟随:图片跟随鼠标移动而移动 停止:即鼠标再次点击图片固定在当前位置。代码实现鼠标点击之前,首先要获取图片对象,不然怎么给图片绑定点击事件呢。这里需要考虑一件事情,即鼠标移动事件在什么时候被触发,很简单,当然是在图片被点击的时候。那么我们就需要一个标志,用于记录是否触发了点击事件。因此第一个原创 2020-08-07 17:34:50 · 808 阅读 · 0 评论 -
阴影背景:box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow: h-shadow v-shadow blur spread color inset;值 说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 inset 可选。从外层的阴影(开始时)改变阴影内侧阴影 box-shadow: 0 0 5原创 2020-08-07 17:34:17 · 1049 阅读 · 0 评论