Sep232019
Angular中的动画效果与过渡(Animation)实现
Angular是一种流行的JavaScript框架，用于创建Web应用程序。其中一个重要的功能是动画效果与过渡(Animation)，使页面可以更加生动和吸引人。本文将介绍Angular中如何实现动画效果与过渡，以及一些常见的应用示例。
1. Angular中的动画模块
Angular提供了一个内置的动画模块，用于实现各种动画效果和过渡。要使用动画模块，首先需要在app.module.ts中引入BrowserAnimationsModule模块：
im...阅读全文
作者：绝缘体.. | 分类：angular, CSS, html, javascript, 前端技术, 编程语言 | 阅读： | 标签：angular, CSS, html, javascript, 动画
抢沙发
Sep182019
解决 Vue 文本溢出自动换行的方法
在 Vue 开发中，经常会遇到文本内容过长而导致溢出的情况，这对于页面的美观和用户体验来说并不理想。为了解决这个问题，我们可以借助一些 CSS 技巧和 Vue 组件来实现自动换行的效果。
方法一：使用 CSS 样式
首先，我们可以通过设置 CSS 样式来实现文本的自动换行。在需要自动换行的文本所在的 HTML 元素上，我们可以添加如下的样式：
.overflow-text {
overflow: hidden;
text-over...阅读全文
Sep172019
Aug282019
HTML5迷你音频播放器
这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净，可以自定义操作按钮，可以为页面提供最小的音乐播放器功能。
引入文件
在页面中引入main.min.css和app.js文件。
<link rel="stylesheet" href="main.min.css">
<script src="app.js"></script>
HTML结构
使用下面的HTML结构来构建一个音频播放器。
<div class="example">
<audio crossorigi...阅读全文
Aug272019
onclick调用函数中的$(this)未指向当前节点——jquery
在写html时，对button绑定了onclick事件，如下：
<input type="button" value="修改" οnclick="changeContent()">
注意：此时的onclick中函数未传递任何参数
在function中我们尝试获取input这个节点信息：
function changeContent(){
alert($(this).tagName;
}
在chrome中运行后我们发现返回的是undefined，也就是说获取到的不是input节点
查找资料后发现：
写在元素上onclic...阅读全文
Aug232019
jvm 性能调优工具之 jstat 命令详解
Jstat名称：Java Virtual Machine statistics monitoring tool
官方文档：https://docs.oracle.com/javase/1.5.0/docs/tooldocs/share/jstat.html
功能描述：
Jstat是JDK自带的一个轻量级小工具。它位于java的bin目录下，主要利用JVM内建的指令对Java应用程序的资源和性能进行实时的命令行的监控，包括了对Heap size和垃圾回收状况的监控。
命令用法：jstat [-命令选项] [vmid] [间隔时间/...阅读全文
Aug232019
jvm 性能调优工具之 jmap 命令详解
jmap名称：Java Memory Map（内存映射）
官方文档：https://docs.oracle.com/javase/1.5.0/docs/tooldocs/share/jmap.html
功能描述：
内容太多，直接看前辈们的总结：
java命令–jmap命令使用（这篇文章写得非常好）https://www.cnblogs.com/kongzhongqijing/articles/3621163.html
Java虚拟机的内存组成以及堆内存介绍 http://www.hollischuang.com/archives/80
Java GC工作原理htt...阅读全文
Aug232019
jvm 性能调优工具之 jps 命令详解
JPS名称：jps – Java Virtual Machine Process Status Tool命令用法：jps [options] [hostid]
options：命令选项，用来对输出格式进行控制
hostid：指定特定主机，可以是ip地址和域名, 也可以指定具体协议，端口。
[protocol:][[//]hostname][:port][/servername]
功能描述：
jps是用于查看有权访问的hots...阅读全文
Aug202019
如何使用SVG动画增强网站交互性
SVG（Scalable Vector Graphics），可缩放矢量图形，是一种用于描述二维矢量图形的XML格式。它的优点是在不失真的情况下，可以无限放大或缩小，成为网站设计中的重要组成部分。在网站交互性方面，SVG动画的运用可以极大地增强用户体验。本文将介绍如何使用SVG动画来增强网站的交互性。
什么是SVG动画
SVG动画是指在SVG图像中添加动态效果，使图像在网页上产生动画效果。通过使用SVG动画，...阅读全文
Aug172019