superkhadijah的博客

2021-06-04 布局

superkhadijah — Fri, 04 Jun 2021 14:15:02 +0800

CSS语法：选择器+属性+属性值选择器：快速精准地找到需要操作的元素属性：基本属性+页面布局属性 < div>块状元素，具有独占一行的属性浮动属性：float: none/left/right 元素脱离文档流到另一层；依旧在包含框内；浮动元素放在包含框的左边或右边；不在页面占据空间。浮动的框向左或向右移动，直到边框碰到包含框或另一浮动框的边框为止。浮动元素外边缘不会超过父元素内边缘；浮动元素不相互重叠、不上下浮动。任何元素一旦浮动，display属性均失效，可设.

2021-06-02 项目中插件使用

superkhadijah — Wed, 02 Jun 2021 16:36:31 +0800

项目中插件的使用页面级别的组件之间共享数据状态：Vuex插件实现，管理维护项目的数据状态。组件基本的运行模式：一个组件分为数据Model和试图View部分，数据更新时，试图也随之更新。在视图中又可以绑定一些事件，用于触发methods里指定的方法，从而改变数据、更新试图。 1）npm install 并vue.use（） src下新建store文件夹，为数据仓库，存放整个项目需要共享的数据 2）store下新建index.js import vuex并Vue.use() ,export defau

2021-06-02 计算属性&侦听器

superkhadijah — Wed, 02 Jun 2021 15:54:20 +0800

计算属性和侦听器模板内表达式用于简单运算，当过长或逻辑过复杂时，难维护。 Vue通过watch选项提供了一个更通用的方法响应数据的变化对需要在数据变化时执行异步操作或开销较大的操作最有效。所有计算属性均以函数形式写在Vue的实例的computed选项内。计算属性用法：在一个计算属性中可完成复杂逻辑，包括运算、函数调用等，只要最终返回一个结果即可。 computed：{ price：function：{ *** ，return price } } 计算属性也可作用于转变props 为什么有met

2021-06-02 组件

superkhadijah — Wed, 02 Jun 2021 15:19:50 +0800

组件详解组件component是Vue.js最核心的功能，也是整个框架最精彩的地方，要掌握。组件的概念与复用：用来提高重用性，实现代码复用。可理解为模块化的单元。单文件组件.vue 组件：模板内容复用+组件间通信（通过props（数组、对象）实现）：父组件正向向子组件传递数据及参数，子组件接受后根据参数不同渲染不同内容或执行操作。（父）页面中（子）某部分若每个组件向服务器申请数据，浪费效率；管理数据麻烦：故：所有数据在页面级组件向服务器申请获得，子组件的由父组件传递，使数据易管理。子组件p

2021-06-02 Vue.js指令

superkhadijah — Wed, 02 Jun 2021 13:06:55 +0800

Vue.js指令指令（Directive）是特殊的带有”v-“前缀的命令，其作用是当表达式的值改变时，将某些行为应用到DOM上。指令可简化操作，更方便的完成业务代码。指令可写在任意的HTML元素的开始标签内，可写入多各标签。条件渲染指令： v-if（直接控制是否编译渲染） v-else v-show(通过改变元素CSS的display控制显示隐藏：属性切换）可根据表达式的值在DOM中渲染、销毁元素或组件（不适合频繁切换）。列表渲染v-for：基于数组、对象渲染列表 v-for=’(i

2021-06-02

superkhadijah — Wed, 02 Jun 2021 12:12:50 +0800

web开发常见高级特性：解耦视图与数据可复用组件前端路由状态管理虚拟DOM MVVM模式：低耦合、可重用性、独立开发 Vue.js开发模式：单文件组件形式与webpack结合单文件组件： Vue.js自定义的.vue文件，包含HTML、CSS、JS代码到一个文件，实现对组件的封装。一个.vue就是一个单独的组件。浏览器识别不了，在webpack构建时需安装vue-loader对.vue解析。 VS code中也需安装Vetur增加对文件支持。 < template>中为HTML

2021-06-01

superkhadijah — Tue, 01 Jun 2021 12:10:32 +0800

前端路由 Vue.js以官方插件的形式提供了对路由的支持 Vue.router3.0.1支持嵌套路由、组件惰性、载入、试图切换动画、具名路径等特性。路由是什么是根据不同url地址展示不同内容或页面（解析url分发，处理不同逻辑，早期后台处理）前端路由前端路由与后端路由在技术上实现不一样，但原理相同。 Hash （js读到url#后的内容、解析相应不同路径的逻辑处理） -> history API (HTML5的可操作浏览器的session history) 使用场景单页面应用（SPA

IntelliJ Plugin开发小结

superkhadijah — Wed, 20 Jan 2021 14:48:12 +0800

IntelliJ Plugin开发小结环境搭建 1、启用Devkit Plugin Devkit Plugin插件使用IntelliJ自己的构建系统来为开发IDEA插件提供支持，包括自定义SDK类型以及用于在IDE中构建插件的一组操作。 2、配置 IntelliJ Platform Plugin SDK 它是开发IntelliJ平台插件的SDK，基于JDK运行（类似开发Android应用需要的Android SDK），配置方式如下：点击+，选择创建IntelliJ Platform Plugin S

map用法 keySet、entrySet、四种遍历

superkhadijah — Tue, 19 Jan 2021 09:33:52 +0800

map用法 keySet、entrySet、四种遍历 Map map = new HashMap<>(); map.put("1","hello"); map.put("2","world"); map.put("3","!"); Set set = map.keySet(); Set

Java中的list、set、vector、map遍历总结

superkhadijah — Mon, 18 Jan 2021 16:23:36 +0800

https://www.cnblogs.com/q2546/p/11394723.html

像素单位

superkhadijah — Mon, 28 Dec 2020 16:42:20 +0800

原文 1、前言：读完本文你会学到什么： dp(device pixels) px(css pixels) pt(point) ppi(pixels per inch) dpi(dots per inch) dpr(device pixels ratio) dip(device independent pixel) 读本文你需要掌握哪些基本知识： 1in(英寸) == 2.5399999961392cm 常常用1英寸等于2.54厘米 1m == 3尺 1尺 == 10寸 1寸 == 3.33333333cm

无重复字符的最长子串 leetcode 3

superkhadijah — Fri, 11 Dec 2020 10:00:19 +0800

题目给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。示例 1: 输入: s = “abcabcbb” 输出: 3 解释: 因为无重复字符的最长子串是 “abc”，所以其长度为 3。示例 2: 输入: s = “bbbbb” 输出: 1 解释: 因为无重复字符的最长子串是 “b”，所以其长度为 1。示例 3: 输入: s = “pwwkew” 输出: 3 解释: 因为无重复字符的最长子串是 “wke”，所以其长度为 3。请注意，你的答案必须是子串的长度，“pwke” 是一个子序列

LeetCode 562

superkhadijah — Thu, 03 Dec 2020 17:42:52 +0800

解法参考：https://www.youtube.com/watch?v=QnAqoK0GHTo Given a 01 matrix M, find the longest line of consecutive one in the matrix. The line could be horizontal, vertical, diagonal or anti-diagonal. /** * 动态规划解法 * @param matrix * 01矩阵 * [[0.

XML解析防注入处理（rom4j）

superkhadijah — Thu, 03 Dec 2020 16:29:07 +0800

ROM4J防注入处理 SAXReader saxReader = new SAXReader(); saxReader.setFeature("http://apache.org/xml/features/disallow-doctype-decl", true); saxReader.setFeature("http://xml.org/sax/features/external-general-entities", false); saxReader.setFeature("http://xml.o.

二分查找（递归+while）、LIS（动态规划+二分）、 lowerBound、upperBound

superkhadijah — Wed, 18 Nov 2020 11:14:04 +0800

二分查找（递归+while）、LIS（动态规划+二分）、 lowerBound、upperBound /** *用while代替递归的二分查找 * @param array * @parram target * @return target的位置 */ public static int binarySearch(int[] array,int target){ int low = 0; int high = arr

单例模式的优缺点和使用场景

superkhadijah — Tue, 01 Sep 2020 20:03:39 +0800

单例模式的优缺点和使用场景转载：http://www.tools138.com/create/article/20150929/020009847.html 单例模式的优缺点和使用场景首先介绍一下单例模式：单例模式（Singleton），也叫单子模式，是一种常用的软件设计模式。在应用这个模式时，单例对象的类必须保证只有一个实例存在。许多时候整个系统只需要拥有一个的全局对象，这样有利于我们协调系统整体的行为。比如在某个服务器程序中，该服务器的配置信息存放在一个文件中，这些配置数据由一个单例对象统一读

Hibernate实现原理及缺点

superkhadijah — Fri, 20 Mar 2020 15:12:56 +0800

Hibernate是怎样实现呢？主要是依据反射机制。现在以一次数据库查询操作分析Hibernate实现原理。假设有一个用户表(tbl_user),表中字段有id,name,sex。同时有一个实体类(User)与其相对应，查询语句是: select * from User。 1.在项目启动时，Hibernate配置文件中的内容已经存储在容器中,存储着表与实体中的关系。 2.在执行select ...

设计模式

superkhadijah — Fri, 20 Mar 2020 14:34:27 +0800

设计模式提纲: 简单工厂模式，这个不用多说，很简单的；就是创建一个类能够提供实例功能，不用关心其具体的实现；被创建实例的类型可以是接口、抽象类以及具体的类。**不仅可以用它建创接口，抽象类，具体的类都可以。外观模式，为子系统中的一组接口提供一个一致的界面，外观模式定义了一个高级接口，这个接口使得这一子系统更加容易使用。**说白了就是为子系统定义一个一致的接口，拿这个接口就可以调用子系统的所有接口...

Hibernate对象关系映射的实现原理

superkhadijah — Fri, 20 Mar 2020 12:12:37 +0800

转自http://blog.sina.com.cn/s/blog_130c2d5f00101g0t8.html Hibernate对象关系映射的实现原理 1. 什么是ORM ORM的全称是Object Relational Mapping，即对象关系映射。它的实现思想就是将关系数据库中表的数据映射成为对象，以对象的形式展现，这样开发人员就可以把对数据库的操作转化为对这些对象的操作。因此它的目的...