- 博客(161)
- 收藏
- 关注
原创 CSS:文本溢出隐藏,省略号代替效果实现
<div id="box1"> 大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来大河之剑天上来</div>单行#box1 { width: 200px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行#box1 { width: 20
2022-04-18 15:32:16 290
原创 Java笔记:JDK8新特性
Lambda表达式、函数式(Functional)接口、方法引用与构造器引用、Stream API、Optional类
2022-02-24 16:46:07 413
原创 TypeScript 笔记
说明以JS为基础构建的语言一个JS的超集TS扩展了JS,并添加了类型可以在任何支持JS的平台中执行TS不能被JS解析器直接执行,需要编译成JS再执行开发环境搭建全局安装:npm i typescript -g创建ts文件,进入目录后使用tsc demo.ts进行编译类型声明// 指定a的类型为booleanlet a: boolean;a = true;// a = "dudu"; // 会报错 不能将类型“string”分配给类型“boolean”// 声明完变量直接
2022-02-09 11:50:49 2260
原创 Webpack4 的一些版本适配信息
关于一些 loader 的版本可以直接在 GitHub 上查找"dependencies": { "clean-webpack-plugin": "^4.0.0", "html-webpack-plugin": "^4.5.2", "ts-loader": "^8.3.0", "typescript": "^4.5.4", "webpack": "^4.46.0", "webpack-cli": "^3.3.12", "webpack-dev-server": "^3.11.3
2022-01-13 20:03:55 663
原创 Vue 笔记 04
Vue脚手架项目构建、ref标签属性、props配置项、mixins配置项、插件、scoped样式、WebStorage、组件自定义事件、全局事件总线、消息订阅与发布、$nextTick
2021-12-15 15:05:21 1457
原创 Webpack 笔记 04:配置详解
entryconst { resolve } = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { /** * 1.string --> "./src/js/index.js" * 打包形成一个chunk,chunk的名称默认叫main,输出一个bundle文件 * 2.array --> ["./src/js/index.js
2021-12-02 09:55:22 111
原创 Webpack 笔记 03:性能优化
什么是 Webpack?webpack是一种前端资源构建工具,一个静态模块打包器在webpack看来,前端所有的资源文件都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)...
2021-12-01 10:53:27 306
原创 Webpack 笔记 02:生产环境基本配置
Webpack生产环境基本配置1. 提取css成单独文件webpack.config.jsconst HtmlWebpackPlugin = require("html-webpack-plugin");const { resolve } = require("path");// mini-css-extract-plugin 单独提取css文件const MiniCssExtractPlugin = require("mini-css-extract-plugin");module.exp
2021-11-30 14:44:27 450
原创 Webpack 笔记 01:开发环境基本配置
Webpack 简介什么是 Webpack?webpack是一种前端资源构建工具,一个静态模块打包器在webpack看来,前端所有的资源文件都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)’Webpack 五个核心概念Entry:入口指示 Webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图Output:输出指示 Webpack 打包后的资源 bundles 输出到哪里去,以及如何命名Loader:让 Webpack 能够去处理那些
2021-11-30 14:43:00 505
原创 JavaScript:数组的filter方法
语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])参数说明回调函数 function(currentValue,index,arr)- currentValue:当前元素的值- index:当前元素的索引- arr:当前元素所属的数组对象this值 thisValue 作为回调函数中的this使用 * 如果回调函数是个箭头函数,那么 thisValue 的传入值无效,this就是箭头函
2021-11-29 16:05:39 313
原创 JavaScript:数组的reduce方法
语法array.reduce(function(previousValue, currentValue, currentIndex, arr), initialValue)参数说明回调函数 function(previousValue, currentValue, currentIndex, arr)- previousValue: 1. 如果有传initialValue,那么第一次执行值为initialValue,如果没有传initialValue,第一次执行值为数组的第一个元素 2. 后续
2021-11-26 09:30:04 385
原创 jQuery笔记 06:jQuery 对象(插件和静态方法)
扩展插件扩展 $ 的方法(function () { jQuery.extend({ min: function (a, b) { return a < b ? a : b; }, max: function (a, b) { return a > b ? a : b; }, leftTrim: function (str) { return str.replace(/^\s+/, ""); },
2021-11-13 18:09:17 226
原创 jQuery笔记 05:jQuery 对象(事件处理)
事件绑定<button>一个平平无奇的按钮</button><script>$(function () { // 编码效率略高,但部分事件jq没有实现无法添加 $("button").click(function () { alert("dudu~"); }); // 注册多个相同事件不会覆盖 $("button").click(function () { alert("dudu~~"); }); // 而且可以注册多个
2021-11-05 14:06:21 421
原创 jQuery笔记 04:jQuery 对象(对象的筛选、文档处理和动画效果)
jQuery对象是一个伪数组,即有 0 到 length-1 的属性,且有 length 属性$(function () { var $div = $("div"); console.log($div); // 类似于数组 for (let i = 0; i < $div.length; i++) { console.log($div[i]); }});基本行为<button>测试一</button><button>测试二&l
2021-11-05 14:03:37 279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人