前端-实战开发手册
html、css、js、Jquery、Bootstrap等 在前端实际开发中遇到的问题及解决方案
liudachu
当你的才华撑还不起你的野心时,那你就应该静下心来渎书
展开
-
用 async/await 来处理异步
用 async/await 来处理异步昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,是时候学习一下了。先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async function timeout() { return 'hello world';}语法转载 2020-10-23 12:21:08 · 336 阅读 · 0 评论 -
总结一下vue+element-ui实战开发中的所有的问题及解决方案
效果实现element-ui侧边栏实现路由跳转vue+elementUI实现tab路由切换Vue刷新页面的三种方式vue使用JS导出excelerror解决Vue 安装 配置axios 后页面一片空白[Vue] Computed property “XXX” was assigned to but it has no setter....原创 2020-10-21 21:21:39 · 438 阅读 · 0 评论 -
Vue+EasyExcel实现Excel的导入导出功能
需要技术EasyExcel支持:添加链接描述导出Excel效果预览代码奉上Vue页面带选中框的表格是直接从element-ui官网复制过来的选中数据->选中的数据存放在data中的json_data变量中点击导出Excel->将data中json_data的数据处理成后端想要的格式使用JSON.stringify()转化成Json字符串发送给后端接口带选中框的表格<template> <el-table ref="multipleTab.原创 2020-10-21 18:41:24 · 10062 阅读 · 8 评论 -
element-ui 实现加载效果
路由钩子或者api请求的时候加一下<template> <el-table v-loading="loading" :data="emps" stripe style="width: 100%"> <el-table-column prop="eid" label="员工编号"原创 2020-10-10 14:52:28 · 1857 阅读 · 1 评论 -
jquery 点击按钮复制文本内容的功能函数
$("#copy_url").click(function () { var url=window.location.href; copyText(url); }); function copyText(text) { var oInput = document.createElement('input'); oInput.valu.原创 2020-09-11 10:16:19 · 1674 阅读 · 0 评论 -
使用 UEditor富文本编辑器 实现仿CSDN的发布博客的功能
写在开头最近在做一个美食博客的网站系统,需要实现发布文章页面的效果(类似CSDN的Markdown写文章的功能),所以使用了UEditor编辑器代替了Markdown的编辑器,发布文章的时候可以将文章的html生成出来并直接插入到数据库数据中。先看一下效果下面详细介绍一步一步实现改功能下载UEditor文件gitee下载地址:https://gitee.com/chef_git/ueditor下载ZIP解压后将UEditor文件夹放在web目录下UEditor的使用<!DO.原创 2020-09-10 09:00:44 · 1259 阅读 · 2 评论 -
Jquery实现 :input、textarea输入框实时 统计字数
实现效果代码 <div class="form-group"> <input type="text" class="form-control" placeholder="请输入文章标题" style="width: 1050px;" id="search_input"> <span id="tishi" style="font-weight: bold;">0</span>/200 </div>原创 2020-09-01 13:47:39 · 894 阅读 · 2 评论 -
Bootstrap:弹出框和提示框效果以及代码展示
(转自Bootstrap:弹出框和提示框效果以及代码展示)前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理。总的来说,弹出提示主要分为三种:弹出框、确定取消提示框、信息提示框。本篇就结合这三种类型分别来转载 2020-09-01 11:30:58 · 3711 阅读 · 1 评论 -
JQuery点击按钮跳转页面的方法
form表单<form class="navbar-form navbar-left" action=""> <div class="form-group"> <input type="text" class="form-control" placeholder="搜目的地/攻略/酒店" id="ipt"> </div> <button type="button" class="btn btn-de原创 2020-08-22 14:43:08 · 12842 阅读 · 2 评论 -
JavaScript 对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。所有事物都是对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。数字型可以是一个对象。字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一个对象甚至函数也可以是对象JavaScript 对象对象只是一种特殊的数据。对象拥有属性和方法。访问..转载 2020-08-21 17:30:37 · 121 阅读 · 0 评论 -
js获取url中的中文参数出现乱码解决方法
从网上copy的获取url参数的方法function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if(r != null) return unescape(r[2]);return null; //返回参数值转载 2020-08-21 16:52:28 · 1772 阅读 · 0 评论