前端开发
关注
分享
扫一扫
html,css,javascript,jquery,react,vue相关
pshdhx_albert
主要更新java全系列博文，包括学习过程中的基础笔记与工作过程中的经验分享，后续会分享面试题。
从一做起，脚踏实地，稳中求进，有质量的量变才会引起质变！pursue ～～～
展开
-
jquery+js实现下载服务器目录中的文件
jquery+js实现下载服务器目录中的文件原创 2022-09-13 14:37:33 · 1456 阅读 · 0 评论 -
jquery实现多个异步方法的同步调用
jquery实现多个异步方法的同步调用原创 2022-07-12 17:05:04 · 1384 阅读 · 0 评论 -
npm does not support Node.js的解决办法
npm不支持nodejs的版本原创 2022-07-03 11:05:18 · 15326 阅读 · 1 评论 -
方法中使用了ajax，如何返回true和false
调用带有ajax的方法时，如何返回true/false原创 2022-05-16 10:12:42 · 1052 阅读 · 0 评论 -
arthas热部署java的class代码
arthas热部署项目原创 2022-04-14 13:41:34 · 1700 阅读 · 0 评论 -
backbone.js初使用
backbone MVC前端拆分原创 2022-03-28 21:32:46 · 521 阅读 · 0 评论 -
HTML5+css3新增布局元素整理
HTML5新增的语义化标签<head>：头部标签<nav>：导航标签<article>：内容标签<section>：定义文档某个区域<aside>：侧边栏标签<footer>：尾部标签注意：这种语义化标准主要是针对搜索引擎的； 这些新标签页面中可以使用多次； 在IE9中，需要把这些元素转换为块级元素； 其实，我们移动端更喜欢这些标签 HTML5还新增了很多其他标签例如：视频<audi.原创 2021-07-10 16:40:29 · 191 阅读 · 0 评论 -
css3盒子定位整理
定位模式 是否脱标 移动位置 是否常用 static静态定位 否 不能使用边偏移 很少 relative相对定位 否（占有位置） 相对于自身位置移动 常用 absolute绝对定位 是（不占有位置） 带有定位的父级 常用 fixed固定定位 是（不占有位置） 浏览器可视区 常用 sticky粘性定位 否（占有位置） 浏览器可视区 当前阶段少 固定定位是元素固定于浏览器的可视原创 2021-07-10 15:58:20 · 373 阅读 · 0 评论 -
css盒子模型布局整理
浮动-float网页布局的本质-用css来摆放盒子。把盒子摆放到相应位置。css提供了三种传统布局方式普通流（标准流） 浮动方式 定位方式关于标准流块级元素会独占一行，从上到下顺序排列 常用元素： div hr p h1-h6 ul ol form table 块级元素中的行内元素会从左到右顺序排列，碰到父元素边缘则自动换行 常用元素 span a i em等 浮动-float浮动特性浮动的元素会脱离标准流（脱标，位置会发生改变，飘在标准流的最上边） 浮动的盒子不再原创 2021-07-10 12:28:59 · 1208 阅读 · 0 评论 -
css3整理（一）
font-weight属性值 描述 normal 默认值 bold 加粗 100-900 400=normal；700=bold；注意这个数字后边不能跟单位 font-style属性值 作用 normal 默认值 italic 浏览器显示斜体的样式 注意：我们平时很少给文字加斜体，反而要把em元素和i元素的斜体改为正常字体的复合属性font: font-style font-weight font-size/line-h原创 2021-07-08 23:58:55 · 133 阅读 · 0 评论 -
jquery简单使用_w3school
2021.06.10，我离开了淄博的兆物网络，同学内推到了济南市中区的金证股份，来这里写前端界面。主要是使用jquery+easyUI还有他们内部封装的东西。jquery很久没有用了，先jian'd原创 2021-06-14 22:20:12 · 281 阅读 · 2 评论 -
vue+springboot实现数据改动，其他机器页面实时刷新。
websocket实现数据改动，页面实时刷新。应用场景：A机器改动了数据，B机器能实时看到A机器改动后的数据。原创 2021-02-07 20:06:28 · 6940 阅读 · 1 评论 -
Jquery根据id获取该id下子元素的值
<div class="form-group"> <div id="putPageA"> <label for="action" class="col-sm-3 col-md-3 col-lg-3 control-label">菜单动作：<code>*</code></label> <div class="col-sm-6 col-md-6 col-lg-6".原创 2020-12-01 22:52:18 · 13053 阅读 · 0 评论 -
jquery获取下拉框多选的值
select下拉框选中的值，用jquery获取$("#selectBox option:selected").val();获取多选框的value值，使用遍历最简单：$("#selectBox option:selected").each(function () { console.log($(this).val())})原创 2020-12-01 22:45:07 · 5324 阅读 · 0 评论 -
什么是前端跨域，怎么解决跨域问题
什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指：域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）http://abc.1原创 2021-02-02 08:51:01 · 7305 阅读 · 0 评论 -
java+vue实现onlyoffice协同办公
1、环境搭建：暂略2、代码后端onlyoffice协同办公后端：实体类： 文件表实体类： public class File implements Serializable{ private static final long serialVersionUID = 1L; private String fileId; private String fileName; private String crateTime; private String updateTim原创 2021-02-03 17:32:08 · 10642 阅读 · 5 评论 -
vue+element-ui实现表格的拖拽排序
import sortable from "sortable.js"; //引入的npmmethods:{ //议题排序 const tbody = document.querySelector('.el-table_body-wrapper tbody'); console.log('tbody',tbody) let ops = { onEnd:(evt)={ const arrsp = this.tableData.splice...原创 2021-02-01 13:51:00 · 6545 阅读 · 0 评论 -
前端工作中遇到的问题总结（一）
1、编辑界面时，vue的界面的输入框只能显示值，不能修改值解决：this.$set(this.form,'meetTitleName',res.data.meetTitleName);2、当需要多选上传文件时，element-ui上传多少个文件就发送多少个请求，这样附带的表单会重复解决：let formData = new FormDate(); formData.append("parentId",this.form.parentId); axios.post( pr...原创 2021-01-15 15:16:52 · 6799 阅读 · 0 评论 -
解决vue页面不重新渲染的问题。强制手动刷新。this.$forceUpdate()；
问题背景：选择下拉框之后，页面的数据没有刷新；做法：在mounted里边，监听了layui的下拉框，发送了ajax请求，将返回值都赋值给了vue变量，但是显示的时候vue变量并没有动态改变；原因：未知。【因为数据层次太多，render函数没有自动更新，需手动强制刷新。？？？】解决：vue变量赋值完成后，使用this.$forceUpdate();...原创 2020-12-15 14:04:37 · 7170 阅读 · 0 评论 -
组件之间使用this.$bus.$on传值之前需要先this.$bus.$off注销事件
this.$bus是全局变量a、b是两个父组件，c是子组件。c页面触发事件：this.$bus.$emit(event)a、b页面监听c组件的事件pagea:this.$bus.$on(event, () => { this.status = 'reserve'})pageb:this.$bus.$on(event, () => { this.status = 'buying'})如果在调用了a页面之后，再调用b页面，回导致t转载 2020-10-26 16:09:47 · 7989 阅读 · 0 评论 -
Vue全局变量和方法的使用
1、创建文件来存放Vue的全局变量和全局方法-common.vue<script> const userName = 'pshdhx' function add(x,y){ return x+y } export default{ userName, add, }</script>2、引入common.vue文件使用定义好的变量和方法<template> <d...原创 2020-10-26 15:55:33 · 4750 阅读 · 0 评论 -
springboot+vue+element-ui实现文件上传前后台代码+文件上传后台工具类
//新增模板接口@PreAuthorize("@ss.hasPermi('pshdhx:template:add')")@Log(title="template",businessType=BusinessType.INSERT)@PostMapping("add")@ResponseBodypublic AjaxResult add (Template template,MutipartFile file){ if(file!=null){ String filePath = MyPro.原创 2020-10-17 17:15:08 · 5349 阅读 · 2 评论 -
vue+element-ui前后端分离，前端传递参数，后端接收不到
ｖue+element-ui后台接受不到前端传递的参数,特别是多对象上传时（例如：传递表单对象和文件对象时）原方法的jsexport function addTemplate(data){ return request({ url:'/pshdhx/template/add' method:'post', data:data //这时前端的请求传递了参数，但是后端什么都没有收到 //原因：axios案例是传递的data,此...原创 2020-10-16 13:54:48 · 7973 阅读 · 0 评论 -
vue+element-ui异步加载树结构－前端(全)
element-ui异步加载行政区划树功能：进入页面，左侧显示行政区划树的顶级目录，单击目录左侧的箭头，则向后端发送请求，获得该级目录的子目录；以此类推；点击目录本身，则向后端发请求和右边的列表进行联动；首先说后台返回的数据构成：ａｊａｘ的列表 id-uuid label-名称 ztreeType-（0显示行政区划下的子区划，1显示行政区划下的部门） hasChild-是否有子节点前端树代码： <el-tree :props="defaultProps" //这个很重要，elem.原创 2020-10-16 12:28:37 · 6909 阅读 · 2 评论 -
Vuex的初使用
Vuex简介： Vuex是一个专门为Vue.js应用程序开发的状态管理模式 它采用集中存储管理应用组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化； Vuex也集成到Vue的官方调试工具Devtools，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能如果我们不使用Vuex，那么就需要定义全局变量，但定义的全局变量不在vue的响应式系统中，我们还需要给其设置相应，很复杂，所以就有了Vuex设置全局变量： const s...原创 2020-08-28 14:37:16 · 4017 阅读 · 0 评论 -
ES6的Promise语法初使用
Promise是一种异步编程的解决方案；（个人理解：譬如说一个需求需要两个请求将结果返回后才能处理，这是用Promise就很方便）我们可以用setTimeout来模拟网络请求setTimeout(()=>{ console.log("使用setTimeout来模拟网络请求");},1000)意义：1秒钟后回调箭头函数，并执行箭头函数的内容；Promise详解简介： Promise相当于一个类，调用时需要先初始化成对象；该对象的参数是一个函数，通常是箭头函数，而该函数中的参...原创 2020-08-27 11:25:19 · 4140 阅读 · 0 评论 -
Vue切换页面保存缓存数据或文件的两种方式
功能描述： 在一个大的父组件中，根据tab页面的v-if进行切面的切换，但是v-if的切换会造成组件的销毁，再切换回去输入的数据或者上传的文件就没有了，所以切换页面不能让tab页面的子组件销毁。解决： 在子组件的外边包上一个<keep-alive></keep-alive>的标签；如果是路由的方式，那么就在<router-view>外边包上<keep-alive>或者是在定义路由组件的时候在routes[]里边的元数据m...原创 2020-07-24 10:02:41 · 8779 阅读 · 0 评论 -
Vue学习封装tabbar-首页，分类，购物车，我的 选项卡页面——使用插槽和路由进行封装和组合【后续更新】
功能描述：把tabbar封装抽取为公共的tabbar，使得我们只关注添加选项卡而不用考虑样式代码代码：https://github.com/pshdhx/tabbar原创 2020-07-23 17:04:52 · 5375 阅读 · 0 评论 -
Vue界面缓存已经点开的选项卡【后续更新】
功能描述：首页下面有两个选项卡，默认显示第一个选项卡，点击第二个选项卡页面后，把首页切换到购物车页面，再返回首页，显示的还是已经点开的第二个选项卡，而不是默认的第一个选项卡代码：https://github.com/pshdhx/LearnVueRouter...原创 2020-07-23 17:06:24 · 5181 阅读 · 0 评论 -
总结Vue父子组件相互传值和路由传值的两种方式【后续更新】
1、父到子思路总结： 1、定义子组件接收父组件的变量在props['child'],的单独的属性中，与data()平行； 2、在父组件中给子组件中定义的变量赋值==> :child="parentMessage" parentMessage为父组件响应系统中的变量2、子到父1、父组件自定义指令，如： @Transfer=show2、子组件想父组件的指令进行传值，如 ：this.$.emit('transfer',要传的变量=transferValue)...原创 2020-07-23 17:17:58 · 4725 阅读 · 0 评论 -
vue基础语法注意点整理-后续更新
//Vue中定义的变量必须在data对象中； //v-bind:title="message"是鼠标悬浮显示； new Date().toLocaleString()获取系统当前时间 //v-if 绑定的值为true或者是false，仅仅是boolean值，不能加引号；只有为true的时候，标签内的内容才能显示 //app4.todos.push({ text: '新项目' }) 数组内加新的对象用push //split() 方法用于把一个字符串分割成字符串数组;jo...原创 2020-07-23 13:41:52 · 5398 阅读 · 0 评论 -
vue路由解决Uncaught (in promise) Error: Avoided redundant navigation to current location: “/home/news“.
在添加如下步骤后报错，但是不影响使用：activated(){ this.$router.push(this.path);},解决办法：在router文件夹下的index.js中加入如下代码，错误消失import Vue from 'vue'import VueRouter from 'vue-router'//import HelloWorld from '@/components/HelloWorld'const originalPush = VueRouter.pro原创 2020-07-21 20:03:32 · 17964 阅读 · 5 评论