多个div显示同一行并居中显示(代码附带jquery-hover事件)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ... 查看全文
[转]TypeScript 引入js库
TypeScript 引入js库如果要使用现有的js文件的话，需要对编译器增加–allowJS参数。可以修改tsconfig.json中的compilerOptions，将其中的"allowJs"设为true，如： “allowJs”: true，没有该字段的话增加该字段即可。另外在tsconfig ... 查看全文
《你知道的JavaScript》——混合对象类
我今天的问题是关于这三个功能： public void generateCalendarEvents(final String id,final Map<String,String> params); public void generateCalendarEvents(Object object, ... 查看全文
使用Webpack的代码拆分在Vue中进行懒加载
参考学习：https://alexjover.com/blog/lazy load in vue using webpack s code splitting/ 学习文案：https://webpack.docschina.org/guides/lazy loading/ ... 查看全文
word HTML文件与Markdwon互相转换的几种方式
Tip：word文件与Markdwon转换往往是可逆的。无论使用哪种方式，要想完美转换，必须要预先处理掉markdown与word不兼容的格式，如word文件对象，带边框的代码块等等 方法一：借助pandoc 或者结合Writage 下载地址https://pandoc.org/installing ... 查看全文
JavaScript-数组排序（冒泡排序）
冒泡排序：是一种算法，把一系列的数据按照一定的顺序进行排列显示(从小到大或从大到小）。 例如，我们可以将数组 [5, 4, 3, 2, 1]中的元素按照从小到大的顺序排序，输出： 1，2，3，4，5 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 ... 查看全文
基于 HTML5 + WebGL 的无人机 3D 可视化系统
近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过 Hightopo 的 HT for Web 产品来搭建的一款 无人机 3D 可视化系统，通过对无人机及其信息的全景展示来模拟无... ... 查看全文
前端加密-aes-256-cbc（服务端是php，项目是用的vue）
最近有一个项目是接口都需要进行加密，采用的加密方法是aes-256-cbc的模式。网上查找了好多资料，也折腾了好久。终于弄好了。特此记录下。 首先安装crypto-js。 npm install crypto-js --save 然后定义2个方法，用于加密和解密。这里我将其命名为cryptoJS.j ... 查看全文
vs code settings.json
{ // tab 大小为2个空格 "editor.tabSize": 2, // 编辑器换行 "editor.wordWrap": "off", // 保存时格式化 "editor.formatOnSave": true, // 开启 vscode 文件路径导航 "breadcrumbs.enabl ... 查看全文
0009 CSS基础选择器（ 标签、类、id、通配符）
typora copy images to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） 如上图所以，要把里面的小黄人分为2组， ... 查看全文
0021 盒子阴影(CSS3)：box-shadow
语法: ~~~css box shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影； ~~~ 前两个属性是必须写的，其余的可以省略。 h shadow：值为正数时，阴影往右移动，反之，往左移动。 v shadow：值为正数时，阴影往下移动，反之，往上移动。 ... 查看全文
0022 CSS书写规范
开始就形成良好的书写规范，是你专业的开始。 空格规范 【强制】 选择器 与 { 之间必须包含空格。 示例： ~~~css .selector { } ~~~ 【强制】 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。 示例： ~~~css font size: 12px ... 查看全文
fastjson过滤掉不需要返回的字段
使用场景 在项目中,后端查询数据库返回的字段需要过滤传给前端,或者只需要一部分字段 方法一 new newVO,DTO类,实体类来解决 (太老土的做法) 方法二 使用transient关键字 (密码,和身份证号字段多使用) 把需要过滤掉字段使用transient关键字修饰，这样在调用JSON的toS ... 查看全文
0008 CSS初识（行内式、内部样式表、外部样式表）
typora copy images to: media 第01阶段.前端基础.CSS初识 CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML，这其实是个非常单纯的家伙， 他只 ... 查看全文
angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题
由于项目需要一个选择年月日，选择时分秒和选择时见间隔的插件，本来打算用ng-zorro，结果发现ng-zorro有点不符合要求，而且有点大，所以就用了layDate.js。 在angular4引入layDate.js 1：将layDate.js下载下来（layDate.js原谅没看可以使用npm安装 ... 查看全文
0016 CSS 背景：background
目标 理解 背景的作用 css背景图片和插入图片的区别 应用 通过css背景属性，给页面元素添加背景样式 能设置不同的背景图片位置 【插入图片，不用设置img元素的父元素、自身元素大小，即可见，但是背景图要设置元素的宽高才可见。】 4.1 背景颜色(color) 语法： 4.2 背景图片(image ... 查看全文
JavaScript图形实例：星形条纹图案
1．星形条纹图案 星形线的笛卡尔坐标方程式为： x=r*cos(θ)^3 y=r*sin(θ)^3 （0≤θ≤2π） 圆的笛卡尔坐标方程式为： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 在星形线中绘制一个内接圆，再在内接圆中绘制一个内接星形线。编写如下的HTML代码。 <!DOC ... 查看全文
JavaScript图形实例：蝴蝶结图案
1．长短瓣相间的蝴蝶结 设定曲线的坐标方程为： b=r*(1+cos(n*θ)/4)*(1+sin(2*n*θ)); x1=b*cos(θ); x2=b*cos(θ+π/8); y1=b*Math.sin(θ); y2=b*Math.sin(θ+π/8); （0≤θ≤2π，2≤n≤5） 在0~2π区 ... 查看全文
JavaScript splice循环删除不能全部符合条件的数据
问题原因: 因为splice每次删除都会改变原数组的长度，所以导致数组中的元素位置发生改变，从而导致只能删除部分数据 解决方法： 倒序删除 let arr = [ {id:1,name:'Tom',sex:0}, {id:2,name:'Jerry',sex:1}, {id:3,name:'Dann ... 查看全文
《你不知道的JavaScript[中卷]》【8】——类型&值
类型定义了值的行为特征 各种bug & trick... 继续bug 必须完全搞清楚。。 ... 查看全文