Tolucky.-CSDN博客

原创 vue项目的打包与优化

vue-cli 如何打包当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue3.0脚手架，在vue3.0中没有配置文件，我首先在项目根目录下创建了vue.config.js文件，在里面进行打包与优化的配置。使用脚手架进行run build打包，静态资源404问题在vue.config.js中设置静态资源路径PublicPath为./进行项目优化常用技巧1.如果在config -> index.js 中的 build 代码中的 producti

2020-10-24 11:59:39 1230

原创 JS事件监听与事件模型

事件模型JavaScript事件使得网页具备互动和交互性，我们应该对其深入了解以便开发工作，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型、DOM2事件模型、IE事件模型。观察者模式又叫做发布订阅者模式(Publish/Subscribe)，它可以让多个观察者对象同时监听某一个主题对象，这个主题对象的状态变化时会通知所有的订阅者，使得它们能够做出反应。JS的事件模型就是一种观察者模式的体现，当对应的事件被触发时，监听该事件的所有监听函数都会被调用。原始事件模型（DOM0

2020-09-14 07:40:17 215

原创前端面试之JS垃圾回收机制和内存泄漏

JS垃圾回收机制和内存泄漏内存泄漏浏览器封装的V8引擎支持对JS进行解析，当程序运行（runtime）时，只要程序提出需要内存，例如声明赋值字符串、对象、数组等变量时；操作系统就必须给分配内存使用，对于持续运行的服务进程，变量不断增加，并且内存没有得到及时的释放，内存占有会越来越大，轻则影响系统性能，重则直接导致系统崩溃。不再用到的内存，没有及时释放，就叫做内存泄漏。有些语言（比如c语言）必须手动释放内存，程序员负责内存管理。这很麻烦，所以大多数语言提供自动内存管理，减轻程序员的负担，这被称为垃圾

2020-09-13 18:44:58 504

原创 JS数组方法(ES5,ES6)

数组概念用[]包起来的，一组有序的、任意数据类型的数据集合数组的长度：array.lengthJS 中的数组与其他语言的数组，有很大的区别创建数组的方式1. 通过构造函数// 创建空数组var array=new Array(); // 创建数组，并填充三个元素10,20,30var array=new Array(10,20,30); // 创建数组，里面存储7个值var array=new Array(7); 2.通过字面量var arr = [];ES5数组方法的描述及原理实

2020-09-08 20:45:37 577

原创前端面试之js继承的6种方式

js继承的6种方式想要继承，就必须要提供个父类（继承谁，提供继承的属性）原型链继承父类的实例作为子类的原型function Woman(){ }Woman.prototype= new People();Woman.prototype.name = 'haixia';let womanObj = new Woman();优点：简单易于实现，父类的新增的实例与属性子类都能访问缺点：可以在子类中增加实例属性，如果要新增加原型属性和方法需要在new 父类构造函数的后面无法实现多继承创

2020-09-02 20:47:22 541 1

原创前端面试之CSS3动画

CSS3动画通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript 。CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性

2020-08-28 20:05:54 1474

井旭的博客

原创 vue项目的打包与优化

原创 JS事件监听与事件模型

原创前端面试之JS垃圾回收机制和内存泄漏

原创 JS数组方法(ES5,ES6)

原创前端面试之js继承的6种方式

原创前端面试之CSS3动画

原创前端面试之两、三栏布局、水平/垂直居中

原创带你搞懂flex布局

原创前端面试之盒子模型（标准盒模型、怪异盒模型）

空空如也

空空如也