- 博客(28)
- 收藏
- 关注
RSS订阅原创 jquery下载文件
/** * 文件下载 * @param fileUrl 文件url * @param fileName 下载文件显示名称 */ function downLoadFile(fileUrl, fileName){ var index = location.href.indexOf("index.html"); var pathName = location.href.substring(0, index); var url = pathName + "rest/downlo.
2024-03-20 14:44:56
154
原创 socket的简单使用
var Websocket = require('websocket').servervar http = require('http')var httpServer = http.createServer().listen(8080,function() { console.log('http://127.0.0.1:8080')})var wsServer = new Websocket({ httpServer: httpServer, autoAcceptCon
2024-03-20 14:38:15
199
原创 node基本配置
/*** @ fileOverview vue配置项* @module vue.config* @version 1.0.1*//* eslint-disable */const path = require("path");const UglifyJsPlugin = require("uglifyjs-webpack-plugin");const IsProduction = process.env.NODE_ENV === "production";// 引入文件function
2024-03-20 14:20:22
79
原创 34种JS优化技巧
带有多个条件的 if 语句把多个值放在一个数组中，然后调用数组的 includes 方法。//longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//shorthandif (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}简化 if true…else对于不包含大逻辑的 if-else 条件，可以使用下面的.
2024-03-20 14:16:54
866
原创 使用`Promise.all `结合`map`返回接口中部分成功和部分失败的数据
两个异步并行执行的接口，前端需要获取到并行执行的结果才可以进行下一步操作，但是并行接口不一定都能成功返回，即：部分会成功返回，部分会失败。参考网址：https://juejin.cn/post/7000012794804305928。会根据每次最快的返回的结果做为结果，简单理解为：有次返回结果失败了，则最后返回的是结果是。返回的成功的结果和失败的结果都以map的方式生成一个新数组进行返回，目标结果为。，这样的话，就无法获取到其他成功返回的结果。方式并行获取接口返回的值，但是因为。
2024-03-20 14:14:44
189
转载 vue时钟组件_一个简单的vue时钟组件
<style lang="less" scoped>@angle: 30deg; /* 定义时钟数组 */ @timeList: 1,2,3,4,5,6,7,8,9,10,11,12; each(@timeList, { .hour:nth-of-type(@{value}) { transform: rotatez(@angle * (@value - 1)); > span {
2021-07-21 22:25:07
2282
原创 vue中获取当前时间并格式化处理
/// <reference path="./locale/index.d.ts" />export = dayjs;declare function dayjs (date?: dayjs.ConfigType, option?: dayjs.OptionType, locale?: string): dayjs.Dayjsdeclare namespace dayjs { export type ConfigType = string | number | Date | Dayjs
2021-07-21 22:22:00
1533
原创 vue单页中同一浏览器同时只允许登录一个账号的解决办法
common.jsexport default { global: {}}登录页面 login.vue// 引入import global from '@/assets/js/common'// 登录成功时将用户信息存储到localStorage和全局变量golbal中// 这里才是登录成功的时候去赋值，创建 username这个变量 global.username = this.form.username// 同时也要做的是将这个用户username存进localSto.
2021-07-19 20:50:50
2949
原创 jQuery学习笔记整理
1. 了解jQuery1.1 是什么：What？一个JS函数库，write less，do more封装简化DOM操作（CRUD）/Ajax1.2 为什么用它：Why？强大的选择器：方便迅速查询DOM元素隐式便利（迭代）：一次操作多个元素读写合一：读数据/写数据用的是一个函数事件调用链式调用DOM操作（CUD）样式调用1.3 如何使用：How？1.3.1 引入jQuery库本地引入与CND远程引入（好一点，但是需要有网）测试版本（未压缩）和生产版（压缩版）1.3.
2021-07-15 23:22:44
136
3
原创 vue父子组件传值（form表单）
// 父组件 监听子组件的input事件 **@input="($event) => {form.materials[i] = $event}** <ipc-list v-for="(material, i) in form.materials" :value="material" :dataSource="form.dataSource" :index="i" :materialsLength="for
2021-07-08 09:53:06
3253
原创 jQuery 常用方法（js和json数据转换）
// 1.$.each( ):遍历数组或对象中的数据 $.each({name:'Tom',age:23},function (name,value) { console.log(name,value); }) // 2.$.trim():去除字符串两边的空格 var str = ' test ' console.log($.trim(str),str); // 3. $.type(obj):得到数据的类型,类似于...
2021-04-26 23:31:40
118
原创 使用vue-print-nb实现打印，radio样式修改
1.需求：使用A3纸打印试卷，选择使用vue-print-nb实现页面打印（修改后的图片效果）2.问题：单选题/radio的样式html页面样式显示正常，但是打印预览时页面样式显示错位3.解决办法：修改radio显示标签print.vue（页面标签） <!-- 打印显示会错位 --> <!-- <el-radio-group v-if="questionItem.questionType ==
2021-03-24 11:58:32
2860
原创 vuex 整理汇总(简单粗暴)
文章目录1. Vuex概述2. 使用Vuex统一管理状态的好处3. Vuex的基本使用3.1.安装vuex依赖包3.2.导入vuex包3.3.创建store对象3.4.将store对象挂载到vue实例中4. Vuex的核心概念4.1 核心概念概述4.2 State4.2.1 组件访问State 中数据的第一种方式:4.2.2 组件访问State 中数据的第二种方式:4.3 Mutation4.3.1 触发mutations 的第一种方式4.3.2 触发mutations 的第二种方式4.4 Action
2021-02-19 13:39:10
142
原创 vue 和 element-ui 的树形穿梭框组件 el-tree-transfer
1.代码<template> <div class="app-container"> <tree-transfer :title="title" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label'}" @addBtn='add'
2021-01-09 09:45:13
1441
1
原创 ECharts柱状图分页显示（数据循环）
1.html代码片段<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts柱状图分页显示（数据循环）</title> <!-- 引入 echarts.js --> <script src="./echarts.min.js"></script></head><body>
2020-12-23 20:08:33
3769
5
原创 for循环el-checkbox实现类似于el-collapse的折叠效果
1.需要实现的功能1.1可以实现多选操作，点击label文字/多选框实现多选操作，点击（点击可展开预览/收起）实现多选条件
2020-12-03 14:30:41
2357
3
原创 el-table-column动态循环渲染列项名称/label值
1.业务需求：根据不同学院/专业/班级查询学生列表，但是bable的lable的名称和数量需要根据搜索条件进行动态匹配，显示效果如下图所示2.数据格式：2.1：自定义需要动态循环的label名称数组（根据搜索条件赋值）//课程分数表格动态循环lable列项 tableOption: [ {label: '英语口语1'}, {label: '英语笔译2'}, {label: '英语写作3'},
2020-11-16 18:04:44
17073
6
原创 uniapp小程序中富文本中table的处理
说明：1.vue后台上传数据的是使用的百度富文本编辑器：百度富文本编辑器文档：http://fex.baidu.com/ueditor/#start-config下载ueditor官网：http://ueditor.baidu.com/website/download.html2.Uniapp框架的小程序，显示使用的是小程序富文本插件Parser，下载使用地址：https://github.com/jin-yufeng/Parser3.页面效果图展示：4.页面代码片段图片展示：
2020-09-18 18:35:46
2260
原创 bootstrap中表格内容过长成省略号，鼠标悬停表格显示全部内容【页面标签中实现】
页面效果展示：1. 先判断该对象是否存在，再使用freemarker的list语法进行遍历2. <#if> 中对象.属性值的非空判断和字符串长度的判断，必须得有非空判断，否则报错3. 字符串的截取显示， <td title=”悬浮显示的值”>4. 页面代码展示<#if page?exists> <table border="1" width="100%"> <tr> <
2020-08-26 17:57:47
1459
原创 关于Vue+ElementUI 的导航菜单组件NavMenu，需要两次点击menu-item内容才能高亮显示得问题？
<template> <div class="nav"> <el-menu :default-active="activeMenu" class="el-menu-demo" mode="horizontal" @select="handleSelect" router active-text-color="#FF3300" > <el-menu-item in.
2020-08-06 18:48:35
15
1
原创 uniapp小程序中使用iconfont字体图标
1.Uniapp小程序项目的common文件夹下面新建iconfont.css文件，App.vue文件中全局引入样式2.iconfont官网：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22.1 选中iconfont字体图标，添加入库2.2 添加至新项目，图标管理-我的项目2.3 可直接复制代码，也可先点击下方新icon来源，生成新代码后再复制，复制到uniapp小程序项目的common下新建的ico
2020-08-04 18:02:29
1499
原创 Uniapp小程序中使用uEcharts图
本示例是基于uniapp小程序（使用工具创建的项目）使用uEcharts图的使用步骤说明1.下载需要的js代码：https://gitee.com/uCharts/uCharts2.下载之后的文件截屏如下打开第一个（uCharts-for-UNIAPP（跨端））文件夹拷贝js文件至项目文件夹（可根据自己得实际需要写）打开第二个（示例项目）文件夹下的UNIAPP文件，再拷贝common中的前文件至项目的common中注意：之前因为只是参考了官方的代码示例，但是没有
2020-08-03 18:52:59
5809
原创 根据数组长度补全样式（即：数组长度为奇数，需要补全分割线，具体效果图如下）
根据数组长度补全样式（即：数组长度为奇数，需要补全分割线，具体效果图如下）页面代码（本示例是以小程序的标签写的，div同理）：css样式：js逻辑控制Data中定义： listAdd: 0Method中写逻辑判断(样式补全函数) fillUp() { if (this.courseList.length % 2 == 0) { this.listAdd = 0; }...
2020-07-29 18:38:31
168
转载 小程序中富文本的处理（内含图片）
页面显示代码：<rich-text v-if="haveData !==''" class="course-des" :nodes="formatRichText(lawsDetail.courseText)"></rich-text>//处理富文本标签（内含图片） formatRichText(richText){ if(richText != null){ let newRichText= richT...
2020-07-29 18:27:56
3809
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人