- 博客(66)
- 资源 (7)
- 收藏
- 关注
原创 SSR渲染--02--nuxt demo(vue)
【因为之前创建的时候,配置了elementU,所以我们直接使用就行】<template><div><el-menu<el-menu-item index= "1" >主页< / el-menu-item>< / div><script>data() {return {
2023-06-14 13:34:59 790
原创 SSR渲染-00--小demo(node.js)
访问:http://127.0.0.1:3000/(默认是3000,我端口占用了)2.在server-demo 文件内,生成node项目,cmd 执行。:前端页面的产生是由服务器端生成的,我们就称之为服务端渲染。6.查看网页源代码,可以看到渲染的数据和返回的数据一致。1.创建文件夹 server-demo。4.创建app.js,写demo。3.安装express。
2023-06-14 11:09:18 140
原创 SSR渲染--01--初识Nuxt
官网:https://zh.nuxtjs.org/api/configuration-router请将blog.vue文件添加到布局目录使用的时候,在页面的 layout:'blog’声明下,如果特意说明了自定义布局,默认布局就会失效。
2023-06-13 21:55:05 503
原创 Redux 笔记整理
state 需要有默认值,就是redux的初始值,内部需要判断action的type判断,但是处理的时候不能修改原数据,如果需要未声明的type.要返回原来的state。 subscribe(listener):注册监听(订阅),当状态发生变化,就会执行(执行的方法自己写)。 dispatch(action):分发action,触发reducer调用,产生新的state;redux-action - 一个对象或者行为的抽象(要做的事情)【eg:点按钮+1 的事】
2023-06-08 20:00:00 340 1
原创 微信小程序笔记 整理
新建commponents组件在全局/局部的.json 引入(usingComponents)在.wxml 文件将 引入的 key注册在页面。
2023-06-02 21:00:00 663
原创 说说Promise
(因为在之前的开发中,我们一般是使用ajax来调用请求, 如果现在又两个请求 a ,b ,b要在a执行结果后执行,就必须得嵌套在a返回结果succes中,如果设计多层的话,就会导致一层套一层,代码的可读性不高)async 是用来申明异步函数的,也可以用在函数表达式或者箭头函数上,虽然是异步声明的,但其代码是同步的,如果有return 返回的值的话,就会被Promise.resolve()包装成一个Promise对象。Promise首先是一个对象,他返回的也是一个对象,
2023-05-30 18:42:28 595
原创 Event loop(事件循环)
执行顺序:先执行同步代码,遇到异步宏任务则将异步宏任务放入宏任务队列中,遇到异步微任务则将异步微任务放入微任务队列中,当所有同步代码执行完毕后,再将异步微任务从队列中调入主线程执行,微任务执行完毕后再将异步宏任务从队列中调入主线程执行,一直循环直至所有任务执行完毕。这里容易产生一个错误的认识:就是微任务先于宏任务执行。实际上是先执行同步任务然后在执行异步任务,异步任务是分宏任务和微任务两种的。我们知道的JavaScript的运行模式是完全单线程的异步模型,也就是说是同步在前,异步在后.
2023-05-30 18:31:05 41
原创 ajax前置拦截
最近接了一个需求,就是将我们的页面会放到另一个地方,与之而来的就是请求路径也要改,举个例子原来:http://10.123.222.123/ibos/product/demo现在:http://10.123.222.123/ibos/productNew/demo如果要是单个判断改可能好改,但是涉及全局,就需要调整,楼主找了好多ajax前置请求调整的,说实话,没看懂。。。。(掩面而泣 ,可能是因为我太菜了)最后的最后,咳咳,狗一点,我直接给他改路径第一步,找到jquery的js,如果是压缩版的j
2022-05-28 20:30:00 183
原创 Js日期格式化 年月日时分秒
Js日期格式化 年月日时分秒function changeDateToStr1(date){ var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? ('0' + d) : d; var h = date.get
2022-04-21 16:10:52 1088
原创 JS浅谈 深拷贝 浅拷贝
最近在面试新人,问了一个问题,让说一下 深拷贝浅拷贝,感觉说的很官方,但是在具体就说不上来了,所以觉得这个还是应该整理一下,利人利己.概念解释浅克隆 :不仅赋值,而且赋予了内存地址[只复制了引用]深克隆: 赋值,内存地址不同区别:浅克隆和深克隆最大的区别就是对引用值的处理了,即浅克隆之后你改我也改,深克隆之后你改我不改。标题堆栈粗解原始值(栈数据stack):Number,Boolean(false/true),String,undefined,null引用值(堆数据heap):Array,
2021-12-25 12:37:11 65
原创 ElementUI tree超出显示省略号
最近做项目的时候,遇到两个问题问题:使用elementUITree时,如果有字段超出,并且后面带有图标的时候,即使使用了cacl动态计算宽度,超出的宽度还是会比其他的多处2px,造成页面无法对其的情况如果字段超出,则隐藏起来,展示省略号,但是如果有省略了,字段就无法展示全了,鼠标悬浮应该展示最终效果图解决方法:将树的图标用div包起来,属性设置为position: absolute; right: 0px;,超出展示省略号,鼠标悬浮会展示提示框2.1先设置一个宽度,超出展示省略号,
2021-03-16 15:20:00 6116 5
原创 ElementUI 表单单个验证
ElementUI 表单单个验证今日在工作遇到一个问题,需求是这样的,总共有12个字段,其中第四个字段如果填写了,第五个,第六个和第七个就非必填,如果第五个,第六个第七个填了,第四个就非必填实例图如果区域选择的是北京,则只要填写前三项就可以,如果区域选择的是上海或者不选,则校验的是全部如下图解决方法方案一简单粗暴,好实现,技术含量低直接将表单按字段拆分开,分成两个或者三个的表单,根据条件,校验需要的表单.方案二elementUI官方在表单校验文档中已经说明,取消单个校验的方法结合这
2021-03-16 14:14:30 6041
原创 获取当前月的的本周,往前自动计算前6周
function begin() { let nowDate = new Date() let nowYear = nowDate.getFullYear() // 上一年 = 今年-1年 let previousYear = nowYear - 1 // 判断最后一周的结束日期是多少 let strDay = previousYear + '-12-31' let lastYearMoDay = new Date(st..
2021-01-05 17:10:33 146
原创 el_elementUI中DatePicker 日期选择器使用时间限制
限制一年和一年之前因为业务要求,是按照月份导历史,所以我的查询条件是从 2020-05-18一直追到2019年五月一号<template> <!--vue 时间选择控件测试--> <div class="hello"> <div> 选中的日期:{{startDate}}到{{endDate}} </div> <div> 时
2020-05-18 18:01:39 1482 1
原创 js实现时间排序(只有月日 时分)12-03 14:08:43
js实现时间排序(只有月日 时分)由于最近项目需求。前端需要做一个日期排序,但是由于时间都是本年的,所以返回的日期只有月日,时分秒,以下是排序逻辑,用于记录<!DOCTYPE html><html><body><p id="intro">Hello World!</p><p>本例演示排序 <b><...
2019-12-26 16:34:58 740
原创 js根据日期判断昨天今天并显示(Vue)
应最近项目要求,按照日期判断昨天和今天,如果是昨天或今天显示汉字,否则显示日期效果图 <div class="" style="font-size: 1rem;color: #9c9c9c">{{judgeTime('2019-03-14 09:11:18')}}</div> add0 (m) { return m < 10 ? '0' +...
2019-03-14 11:30:54 2038 4
原创 Vue 前端物流收货显示
最近应公司项目的要求做一个物流收货的显示.首先效果图是这样的效果图代码<template> <div class="div-bg bg-white" > <div style="height: 0.5rem;width: 100%;background-color:#f7f7f7"></div> <!--物流跟踪--
2019-02-01 16:05:21 9610 6
原创 三级联动的json文件格式
{ "citylist": [{ "p": "北京市", "c": [{ "n": "市辖区", "a": [{ "s": "东城区" }, { "s": "西城区" }, {
2019-02-01 15:47:24 3979
原创 关于VUE+MintUI的picker省市区三级联动以及回显
最近一直在忙公司的项目,记录工程中出现的一些记得住的小问题1.关于MintUI中的picker的使用首先是项目要求:做一个关于收货地址的增删改查页面,其中涉及区域选择,这里我们采用的MintUI的picker先看项目效果图(添加)只有点击确认,城市的值才会保存推荐网址地址 https://www.cnblogs.com/WoAiZmm/p/8413604.html刚开始我是按照这个网...
2019-02-01 15:45:37 3741
原创 日常报错: java.lang.NoSuchMethodException
net.sf.json.JSONException: java.lang.NoSuchMethodException: com.mongodb.bean.UserInfo$EducationEx.()原因1:前台传进的值与后台需要的值不一样,前台传的是String,后台JSON转化时,对象数据类型不一样.前台的时间是String 后台的时间是Data类型 解决:在后台将取到值在转化对...
2018-09-25 09:53:49 1210
原创 前端页面之多个字段排序
前端页面之多个字段排序最近接到一个任务,要求对列表中的两个字段排序,要求是这样的,首先根据价格排序(降序),如果价格相同,按照数量排序(降序)[{买入apple,数量:123;单价1.50RMB,},{买入apple数量:1;单价123.00RMB},{买入apple,数量:2;单价123.00RMB },{买入apple,数量:1;单价123.00RMB },{买入apple,数量:...
2018-09-25 09:50:47 3057
原创 Vuer搭建项目问题之This relative module was not found:
最近在学习vue。今天上午搭建一个简单的vue小demo。自认为感觉不错,但是频频报错,好比以下这个This relative module was not found:* ../components/commontFooter in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?ty...
2018-08-11 11:05:49 52195
原创 JS获取当前加指定N个月日期
//日期转换 //---------function transformationDate(date,month){ var strDate; var oldDate= strToDate(date); var newDate = strToDate(date); newDate.setMonth(newDate.getMonth() + mon...
2018-06-27 10:58:36 1641
原创 Spring之AOP的使用
1. 搭建环境.导入jar包AOP需要的jar包spring.jarcommons-logging.jarcglib-nodep-2.1_3.jaraspectjweaver-1.7.4.jaraspectjrt-1.7.4.jar2.搭建实体类搭建实体类package com.xx.entity;//目标接口(老板的业务需求)public interf...
2018-05-18 09:45:41 124
原创 Spring之AOP介绍
AOP是Spring中重要核心之一.AOP也称切面编程.AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术 举个简单的例子:方便理解 常规的 姓名 第一件要做的事 第二件要做的事 张三 喝豆浆 打太极 李四 喝豆浆 跳跳绳 王五...
2018-05-17 13:46:41 115
原创 Spring之注解注入(补)
接上一篇的补充说明 配置文件 <bean>中的id会自动解析成类名首字母小写 Spring依赖注入xml原理解析步骤 1.解析xml文件.获取需要扫描的包 2.获取这些包下以及其包下的所有的java类(扫描的class文件) 3.将所有标识有Service,Response注解的类进行实例化,并...
2018-05-17 10:34:01 164
原创 Spring之(DI)依赖注入3种方法
DI注入:给参数赋值的过程(1)Setter注入班级和学生 创建两个实体类 1.学生类import java.util.List;import java.util.Map;import java.util.Set;public class Student{ private Integer id; private String name; private...
2018-05-16 14:36:59 216
原创 Spring之环境搭建(试着写第一个Spring项目[全过程+代码])
1.新建工程 new—–&amp;gt;web project—–{ [Project name:Springbuild Java EE version:JavaEE7 -web 2.5(版本在2.5以上) Java version[jdk 版本] JSTL 1.21[不要紧] Target runtime[运行环境 Tomcat,不选则是默认环境]}—&amp;gt;next—-&amp;g...
2018-05-16 11:13:11 937
原创 Spring之简单介绍
Spring是什么?(面试题有时候会遇到) Spring是一个框架型框架,用于整合框架 (SSH Struts2 -Spring-Hibernate) (SSM Springmvc-Spring-Mybatis) 能解决跨层注入的问题.(为什么能整合,因为代替了new 但是需要写配置文件) 为什么要用Spring?/Spring有些优点?(面试题) 1开发方便,代码量极其少 2...
2018-05-15 16:46:47 218
原创 Hibernate之缓存机制
缓存:就是数据交换的缓冲区(Cache),先于内存与CPU交换数据,因此速率很快,当某一硬件要读取数据是,会首先从缓存中查找需要的数据,如果能找到则直接执行,如果找不到则从内存中找,由于缓存的运行速度比内存块的多.故缓存的作用就是帮助硬件更快的运行. 缓存的范围分类 应用程序中根据缓存的范围,将缓存分为三类 (1)事务范围缓存—一级缓存,session缓存,只能被单钱事务访问,缓存的生命周期...
2018-05-14 14:06:30 142
原创 Hibernate之分页查询和模糊查询
分页查询(1)SQL //查询所有学生中从第四条开始的5名学生的信息 String sql = "select *from student limit ?,?"; List<Student> students = session.createSQLQuery(sql).setParameter(0, 3).setParameter(1,...
2018-05-13 13:44:40 767
elementUI之datapicker年月日限制.zip
2020-05-19
Struts2上传和下载的小Demo
2018-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人