- 博客(15)
- 收藏
- 关注
RSS订阅原创 子元素任意高度，父元素固定高度上下水平居中，子元素较长时部分无法展示的问题
这里是一个预览图片时的场景（最后给出了正确方法）这个布局听起来很简单，就这？就这？结果尝试了很多种方法，都出现了长图不能完全展示的问题，有的顶部差一截，有的上下都差一截！！！一些尝试过但没能实现的方法父元素flex实现居中.father{ display: flex; justify-content: center; align-items: center;}如下图，不能显示顶部的一截（包括border也是没展示的），也不能再往上滚动了子元素absolute+margin: a
2021-10-05 22:48:26
177
原创 React学习笔记
React学习笔记组件化方面模块化（可复用代码抽象为单个模块）组件化（可复用的UI元素抽象为单个组件）vue实现组件化通过.vue文件创建组件（template-script-style）通过Vue.component（）创建组件react实现组件化一切以js来表现（ES6、ES7）使用情况目前React市场占有率更大Vue很火，感兴趣 的人多，使用Vue的人也越来越多社区都挺活跃的，React出现时间更久，所以在社区解决问题更快React核心虚拟DOM 用js对象模
2021-03-11 16:58:16
149
原创 vue面经
vue生命周期的理解总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。对Vue.js的template编译的理解通过compile编译器把template编译成AST语法树（abstract syntax tree 即 源代码的抽象语法结构的树状表现形式），compile是createCompiler的返回值，createCompiler是用以创建编译器的。另外compile还负责合并option。然后，AST会经过generate（将AST语法树转化成render funtion字符串
2020-10-26 11:20:20
998
1
原创 axios封装
class clientApi { axios_instance; axiosPromiseArr=[]; /** * 初始化servers * @param hot */ constructor(hot) { /**初始化请求实例*/ this.axios_instance = axios.create({ baseURL: `${hot}/`, withCredentials:true, timeout: 60000,
2020-10-23 09:56:38
102
原创 节流防抖高级用法（立即执行、取消执行）
下面是一个html文档包含三个防抖一个节流可以直接复制进行测试<!DOCTYPE html><html><head> <title>节流函数防抖</title> <style type="text/css"> #main{ background: lightblue; height: 100px; display: flex; align-items: center; justify-cont
2020-10-18 17:24:46
162
原创 原生html+js+css实现元素拖动
首先写一段html<body> <div id="myDiv" class="draggable"></div> <script type="text/javascript"> //...这里写核心的代码 <script> <body>核心的代码js//添加事件函数，为了兼容浏览器 function addHandler(element, type, handler){ if (element.addEvent
2020-09-27 15:49:02
174
原创 Vue+Element-UI添加拖动对话框dialog的指令
首先创建文件夹tools/directives（这里放添加的指令文件）index.jsimport drag from "./drag"export default[ drag]drag.jsexport default { name: 'drag-dialog', event: { bind: function (el, binding, vnode) { const dialogHeaderEl = el.querySelector('.
2020-09-24 15:17:11
268
原创 封装一个浏览器兼容的事件处理对象
// 兼容的事件处理对象封装 var EventUtil = { // 添加事件 addHandler: function(element, type, handler){ if (element.addEventListener){ element.addEventListener(type, handler, false); } else if (element.attachEvent){ element.attachEvent("on" + type,
2020-08-16 22:52:12
70
原创 前端持久化存储技术总结Cookies/WebStorage/indexDB
前端的存储技术也有不少，cookie、web storage、indexDB等，下面进行更详细的介绍：List itemCookie（小型文本文件、小甜饼）正是因为有了cookie技术，可以让http协议实现有状态（http协议本来是没有状态的协议） cookie特点：cookie大小约限制在4kb存储在客户端本地，请求服务器时放在http请求头里面（不论是否需要，都会放在请求头里面）文件以key-value的形式存储数据...
2020-07-07 10:55:55
1886
原创 设计模式
设计模式学习UML有四部分视图：用于不同角度描述待建模系统包括用户视图、结构视图、行为试图、实现视图、环境视图图：描述视图内容的图形UML2.0有13种图用户视图：用例图结构视图：类图、对象图、包图、组合结构图行为试图：状态图、活动图、顺序图、通信图、定时图、交互概览图实现视图：组件图环境视图：部署图模型元素：图中的一些概念，例如图之间的各种关系（关联、泛化等）通用机制： 为模型元素额外提供的注释、信息、语义，允许扩展...
2020-07-02 23:26:54
125
1
原创 从异常中获取信息方法
java.lang.ThrowableThrowable是所有异常类的根类getMessage():String 返回描述该异常对象的信息toString（）：String 返回三个字符串的连接：1）异常类的全名；2）“：”（一个冒号和空白）3）getMessage(方法)printStackTrace():void 在控制台上打印Throwable对象和它的调用堆栈信息geteStck...
2019-08-23 19:40:24
562
1
原创 多态
多态多态意味着父类变量可以指向子类对象，简单来说，多态意味着父类的变量可以引用子类的对象。同一操作作用于不同的对象，可以有不同的解释，产生不同的执行结果，这就是多态性。简单的说:就是用基类的引用指向子类的对象。方法可以在沿着继承链的多个类中实现。匹配方法的签名和绑定方法的实现是两个不同的问题。引用变量的声明类型决定了编译是匹配哪个方法。在编译是，编译器会根据参数类型。参数个数和参数顺序找到...
2019-08-23 15:49:16
138
原创 重写与重载
方法重写需要在子类中使用和父类一样的签名和一样的返回值类型方法重载使用同样的名字但是不停的签名来定义多个方法重写发生在通过继承关系的不同类中；方法重载可以发生在同一类中，也可以发生在通过继承而相关的不同类中方法重写具有相同的签名和返回值类型；方法重载具有同样的名字，但是不同的参数列表...
2019-08-23 11:30:50
195
原创 Stringbuilder和StringBuffer
Stringbuilder和StringBuffer类用字符串的地方都可以用Stringbuilder和StringBuffer，但是Stringbuilder和StringBuffer比较灵活。因为String的值不能改变！！StringBuffer：用于多任务并发，这种情况下需要同步以防止StringBuffer崩溃。StringBuilder：单任务访问更有效。Stringbuil...
2019-08-23 10:09:15
327
原创 解决前台解决前台new Date（yyyy-MM-dd）转化时间相差8小时
解决前台解决前台new Date（yyyy-MM-dd）转化时间相差8小时//将时间yyyy-MM-dd 转化为字符串 yyyy/MM/dd 即可let dealTime=this.declareProject.declarantStartTime.replace(/-/g,"/");console.log(dealTime);console.log(new Date(dealTime)...
2019-06-20 11:14:50
1447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人