- 博客(6)
- 收藏
- 关注
原创 在vue项目中实现网页整体随屏幕尺寸缩放
此处的项目为vue2版本,因为pc端的项目没有采用响应式自适应手机端的设计,所以使用lodash插件实现屏幕移动端自适应。 首先下载lodash插件。 npm i lodash -S 然后在App.vue中导入,此处的App.vue主要指的是主框架,因不同项目可自行选择。 import _ from 'lodash' 然后给app容器挂上ref=“app” <template> <a-config-provider :locale="locale"> <.
2021-12-29 17:55:29
2046
1
原创 ES6数组常用的方法
push() var arr = ["Lily","lucy","Tom"]; var count = arr.push("Jack","Sean"); console.log(count); // 5 console.log(arr); // ["Lily", "lucy", "Tom", "Jack", "Sean"] 可以接受一个或者多个参数,将参数追加到数组的尾部,返回添加后的数组的长度,原数组会发生改变。 unshift() var a.
2021-09-24 11:49:41
709
原创 js 继承
1.原型链继承 父类的实例作为子类的原型 function Woman(){ } Woman.prototype= new People(); Woman.prototype.name = 'haixia'; let womanObj = new Woman(); 优点: 简单易于实现,父类的新增的实例与属性子类都能访问 缺点: 可以在子类中增加实例属性,如果要新增加原型属性和方法需要在new 父类构造函数的后面 无法实现多继承 创建子类实例时,不能向父类构造函数中
2021-09-23 19:49:25
110
原创 项目打包 优化
项目开始时webpack配置 vue-cli3以后,我们修改webpack配置,需要自己在项目根路径下创建vue.config.js文件。 一、 配置 proxy 跨域 使用vue-cli发开项目,在本地开发环境中,如果遇到跨域的问题。可以通过配置proxy的方式,解决跨域问题: module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 606
2021-09-14 16:06:50
287
原创 前端 HTML&CSS 常见面试题
目录 一.什么是盒子模型 二.什么是BFC? 三.清除浮动常用的方法 四.postiton定位属性值有几个 五.如何让一个元素在父元素中上下左右居中? 六.Flex布局 七.行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 八.简述一下src与href的区别 九.link与@import区别 十...
2021-09-08 20:41:53
252
原创 vue
一、渐进式框架 Vue.js 作为一门轻量级、易上手的前端渐进式框架,从入门难度和学习曲线上相对其他框架来 说算是占据优势的,越来越多的人开始投入 Vue.js 的怀抱,走进 Vue.js 的世界。 二、两个核心点 响应的数据绑定 当数据发生改变时,自动更新视图。 是利用Object.defineProperty中的getter和setter代理数据。 var obj = {}; Object.defineProperty(obj,"a",{ value:1...
2021-08-29 21:39:53
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人