- 博客(62)
- 收藏
- 关注
RSS订阅原创 css隐藏浏览器的滚动条
// 隐藏滚动条 // Chrome写法 &::-webkit-scrollbar { width: 0 !important; } // Firefox 写法 scrollbar-width: none; // IE+10写法 -ms-overflow-style: none;
2021-08-03 14:11:01
209
原创 Vue中的$store
$store 是挂载在 Vue 实例上的（即Vue.prototype)。我们可以通过在Vue对象的原型上添加store属性来使得每一个Vue的实例都可以访问store属性。// 引入Vueimport Vue from 'vue';// 为Vue对象的原型添加Vue.prototype.$store = store;...
2021-05-12 21:18:43
12535
原创 js箭头函数实现函数延迟执行
function defer(f, ms) { return function() { // 由于箭头函数没有this，所以这个地方的 this 指代return function // 箭头函数也没有 arguments，所以这里 arguments 指代 return function 的参数 // 在这里 f.apply() 的意思就是在调用f的时候改变其上下文环境为指定的 this setTimeout(() => f.apply(this, arguments), m
2021-04-16 13:15:32
500
原创 js判断一个对象是否为空或者某个属性是否存在
方法一/** *判断一个对象是否为空 * *对象不为空返回false;对象为空返回true * * @param {*} obj 判断的对象 */function isEmpty(obj) { for (const key in obj) { if (Object.hasOwnProperty.call(obj, key)) { return false; } } return true;}方法二function isEmpty(ob.
2021-04-06 09:54:01
268
原创 解析jQuery源码---判断对象是否是函数
传统的typeof不能很准确的判断一个参数是否是函数。参照下图:为什么null会是object呢？MDN给出了答案：因为null是空指针，而空指针在大多数平台中使用0x00表示，而js在实现初期通过用 0 作为对象的标签，所以对null也被判断为object。为什么说typeof在判断function的时候不准确呢？来看看jQuery源码里的说明:var isFunction = function isFunction( obj ) { // Support: Chrome <=
2021-04-05 12:16:56
410
2
原创 js中的padStart()和padEnd()函数
这两个函数可以指定字符串的占位个数，同时指定在没沾满的时候用什么字符串替代。下面举例:在vue中定义一个时间过滤器 Vue.filter('dataFilter', function(date, pattern = 'yyyy-mm-dd') { // 获取年月日 var year = date.getFullYear().toString().padStart(2, '0'); var month = (date.getMonth() + 1).toS
2021-03-21 21:37:27
341
原创 css段落不换行
// 文本强制不换行white-space: nowrap;// 溢出显示省略号text-overflow: ellipsis;// 溢出的部分隐藏overflow: hidden;
2021-02-23 17:14:11
295
原创 js和jquery动态修改`::after`和`::before`伪元素`content`值
js<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js动态修改:after:before伪元素content值</title> <style> *{ padding: 0; margin: 0; } body{ padding: 0; margin: 0; } #box{.
2021-02-22 21:59:53
1712
原创 before和after伪元素
伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 伪元素不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。1、伪元素不是页面元素，自然不会被添加到DOM中去。所以js无法操作它。2、它属于主元素本身，有些伪类仅仅是代表元素内容的一部分，
2021-02-22 21:57:11
2860
原创 `div`中的内容水平垂直居中
让div里的内容水平垂直居中1、line-height（div的高度已知） 要让div中的元素垂直居中，只需要设置div容器的line-height和height一致即可。再通过设置text-align: center;达到水平居中。<style> .content { width: 200px; height: 200px; line-height: 200px; text-align: center;
2021-02-01 11:04:52
360
原创 轮播图中的小圆点居中
先写一个容器<ul class="points"> <li></li> <li></li> <li></li> <li></li></ul>给ul设置定位，让他的宽度占满父元素，然后再设置text-align: center;就能让它里面的li居中 .points { position: absolute; // 设置left和.
2021-02-01 10:34:06
1083
原创 less自定义animation
创建animation.less:/* @name: 规定需要绑定到选择器的 keyframe 名称 @duration:规定完成动画所花费的时间，以秒或毫秒计 @function:规定动画的速度曲线 @count规定动画应该播放的次数 infinite表示无限次数*/.animation(@name:name,@duration:8s,@function:linear,@count:infinite){ animation: @
2021-01-30 15:14:06
1290
3
原创 使用浮动撑开块级元素的width
比如对于ul标签，它是块元素，默认和他的父级元素width一样。但是有的时候我们需要ul的宽度被撑开，这个时候给ul添加float:left就行。
2021-01-21 13:27:52
180
原创 解决inline-block的一些问题
在使用inline-block时，有时候出现的效果莫名奇妙，例如：两个inline-block 元素之间如果有空格、回车、tab，那么在页面上就有一个空隙两个不同高度的 inline-block 元素顶部无法对齐，或者使用inline-block下面无缘无故多出几像素出现空隙添加父元素，将父元素的 font-size 设置为0，然后在 inline-block 元素中将 font-size 设置为 指定值。然后设置父元素的white-space属性为space:nowrap...
2021-01-21 09:43:38
279
原创 js给元素添加类
使用classList有些浏览器不支持(function(w){ w.tools={}; tools.addClass=function (node,className){ var reg=new RegExp("\\b"+className+"\\b"); if(!reg.test(node.className)){ node.className +=(" "+className); } } tools.removeClass=function (node,clas.
2021-01-20 20:23:41
206
原创 移动端 绝对定位模拟固定定位
<style>html,body { height: 100%; overflow: hidden;}html #wrapper,body #wrapper { height: 100%; /* 控制#wrapper显示滚动条 */ overflow: auto;}html #wrapper .head,body #wrapper .head { /* 其父元素#wrapper相对于body定位，由于body禁止滚动条显示，所以
2021-01-19 22:12:35
365
原创 移动端骨架
编写移动端的时候搭建骨架:1、meta标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />2、禁止移动端默认事件document.addEventListener("touchstart", (ev) => { ev = ev || event; ev.pr
2021-01-19 21:41:56
114
原创 transform组件编写
下面编写一个js文件来控制css的transform属性：/** * * 该函数主要作用是控制css样式中的transform样式。 * * 其中transform样式的常用属性是： * transform:rotate(7deg); * transform:translateX(x); * transform:translateY(y); * transform:scale(2); * 该函数也只操作上面的四
2021-01-16 19:38:01
250
原创 解决移动端font-boosting问题
Font Boosting是webkit给移动端提供的一个特性。当我们在手机上浏览页面的时候，原始页面很可能很大导致在手机屏幕上缩小后字体很小看不清，这个时候浏览器会自动增大字体大小。 我们只需要设置max-height: 99999px;属性就能解决这个问题。<style>p { font-size:16px; max-height: 99999px;}</style>
2021-01-11 20:02:47
368
原创 解决移动端圆角显示问题
<style> .button { width: 50px; height: 50px; border-radius: 5px; -webkit-appearance: none; } </style><input type="button" value="按钮" class="button">
2021-01-11 19:54:17
459
原创 解决移动端a标签背景高亮问题
<!-- 解决a标签背景高亮问题 --><style> a { -webkit-tap-highlight-color: rgb(0, 0, 0,0); }</style><a href="javascript:;">链接</a>
2021-01-11 19:50:04
233
原创 移动端禁止自动拨号发邮件
<meta name="format-detection" content="telphone=no;email=no">但是可以单独对部分内容解除该制约<a href="tel:110">110</a><a href="mailto:xxx@qq.com">xxx@qq.com</a>
2021-01-10 22:39:37
117
原创 移动端触发列表
<style> .wrapper { width: 200px; height: 200px; background-color: pink; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }</style><div .
2021-01-10 22:29:52
100
原创 移动端事件点透
移动端事件有三个:touchstart，touchmove，touchend。 注意三个点:1、pc端事件可以在移动端触发2、pc端事件触发的时候有300ms延迟3、移动端触发的时候没有延迟 移动端在确定事件发生的时候会有300ms的间隔。比如说click事件，在鼠标按下之后，过了300ms再松开，这个时候才会触发click事件。
2021-01-10 22:01:48
121
原创 移动端给a标签添加跳转
<script >// 禁用默认行为 document.addEventListener("touchstart", function(ev) { ev = ev || event; ev.preventDefault(); }); // 给a标签设置跳转,可以防误触 var aNodes = document.querySelectorAll("a"); for(var i=0; i<aNodes.length; i++) { aNodes[
2021-01-10 21:46:06
587
原创 CSS-BFC
BFC---block formatting context块级格式化上下文 BFC是一个独立的渲染区域，只有块级元素参与，它规定了内部的块级元素如何布局，并且与这个区域外部毫不相干。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之也如此，包括浮动和外边距合并等等，有了这个特性我们布局的时候就不会出现意外情况了。什么情况下会触发bfc1． 设置了float属性，并且不为none2． position属性为absolute或fixed3． display为
2021-01-08 11:10:48
155
原创 CSS清除浮动
什么是清除浮动？ 在非 IE 浏览器（如 Chrome）下，当容器的高度为auto，且容器的内容中有浮动（即CSS配置有float:left | right）的元素，在这种情况下，容器的高度不会自动伸长以适应内容的高度，所以里面的内容溢出到容器外面而影响（甚至破坏）布局，这个现象称为浮动溢出。 为了避免这个现象的发生，消除其带来的负面影响而进行的一些CSS处理，称为清除浮动。浮动带来的问题1、背景无法显示
2021-01-08 11:05:08
64
原创 html脱离文档流的三种方式
第一种 position:absolute,给元素设置绝对定位第二种 position:fixed,给元素设置固定定位第三种 float:left | right,给元素设置浮动。 给元素设置了浮动之后，会带来浮动溢出的缺陷。...
2021-01-08 10:15:01
490
原创 HTML文档流
概念 我们编写的html文档是显示在浏览器上面的，我们可以将浏览器的屏幕比作河流的两岸，那么它里面显示的内容就是文档流。 文档流的组成单位就是html元素。大致可以分为两类:元素类型特点举例块级元素（block）在文档流中独占一行，元素前后都有换行符div、p内联元素（inline）多个内联元素在文档流中可以并排显示span、img块级元素和内联元素 &nb
2021-01-08 10:11:34
185
原创 css定位
下面介绍关于CSS中的几种定位：1、static定位（静态定位） 所有标签的默认定位（即无定位），静态定位的元素位于页面的最底层，属于标准流。2、relative定位（相对定位） 给标签添加代码.class_name { position: relative;} 那么该标签就是相对定位了，相对定位的标签可以通过设置top、bottom、left和
2021-01-07 22:17:24
124
原创 Java设置表格的选择模式
对于一个表格，我们可以设置其选择模式：设置每次选择一行或者连续多行，或者任意连续多行。我们也可以设置其列的选择模型。先创建表格JTable table=new JTable();对于行选择方式，应该调用getSelectionModel().setSelectionMode(model);函数其中model是ListSelectionModel接口定义的选择模式：常量名作用...
2020-02-04 15:19:57
1195
原创 JAVA将菜单分类和为菜单增加快捷键
在编写AWT组件的时候，有时需要将菜单分类，这个时候可以用下划线来分类。那么增加下划线的方法是：this.menu[i].addSeparator();下面看看动态给菜单加上快捷键JMenuItem有一个方法不知道你注意过没有:setAccelerator。打开帮助文件对这个方法的描述是： 设置组合键，它能直接调用菜单项的操作侦听器而不必显示菜单的层次结构。所以用这个方法就能制作我们所...
2020-01-31 15:32:41
832
原创 Java实例化Class的四种方法
package inn;import java.util.Date;/* * 实例化Clas类的四种方法 * * 1、使用forName（最常见）---Class类的一个静态方法 * 使用该方法的前提要知道实例化对象的包名和类名 * Class class3=Class.forName("java.lang.String"); * * * 2、使用通过o...
2020-01-29 16:01:52
953
原创 Java中的final关键字作用
Java中使用 final 关键字修饰一个变量时，是指引用变量不能变，引用变量所指向的对象中的内容还是可以改变的。看下面的例子：final StringBuffer a=new StringBuffer("immutable");a=new StringBuffer(""); //执行如下语句将报告编译期错误——被final修饰的变量不能不能再指向其他变量a.append(" bro...
2020-01-04 11:05:51
115
原创 Java链表类LinkedList
Java提供了LinkedList<E>链表类，它是实现了泛型接口List<E>的泛型类，而泛型接口List<E>又是Collection<E>接口的子接口。所以LinkedList泛型类里的方法大多都是泛型接口方法的实现。我们可以利用接口回调把LinkedList对象赋值给List或者Collection接口对象，接口就可以直接调用类实现的接口...
2019-12-23 18:22:26
354
原创 Java I/O流——超详细，看这一篇就够了~~~
输入流 程序在运行期间，可能需要从外部存储媒介或者其他程序中读入数据。这就需要输入流。 程序通过输入流读取和输入流相关的源（输入流的指向称之为源）里面的数据。输出流 程序在运行期间，可能需要将产生的数据存入到程序之外的地方，这个时候就要是要输出流。 程序通过输出流把程序中产生的数据送入目的地。File类1、File类的构造函数 File类对象主要用于获取文件自身的一些信息（文件...
2019-12-22 10:41:53
804
原创 使用文件对话框保存和读取文件——Java实现
先给出截图：该程序的作用有两个：保存文件——将文本区的文本保存到用户指定的文件里面打开文件——将用户选择的文件读取到客户区的文本区里下面给出总代码：package cn.com;import java.awt.Color;import java.awt.Font;import java.awt.event.ActionEvent;import java.awt.event...
2019-12-20 19:40:39
1563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人