qq_45656036的博客

原创 常见基础面试题

1.React中关于SPA首屏优化有哪些方式ui按需加载开启GZIP压缩使用SSR静态资源本地缓存2.vue中使用了哪些设计模式工厂模式单例模式发布-订阅模式观察者模式3.对使用v-for指令时，为什么要加key利用key的唯一性生成map对象来获取对应节点，比遍历方式更快带key就不是就地复用了，在sameNode函数a.key === b.key 对比中可以...

原创 模拟面试2

自我介绍你好，我叫***，今年23岁，从事前端开发有两年经验，我来自河南，之前一直在北京上班，都是在同一家公司，主要使用开发技术栈是Vue，但是对react也有一些了解，但是在实际项目中还是用vue1.flex布局在开发中用的比较多吗，将第二个点放到右下角，怎么实现2.算法题·3.flex布局常用属性4.flex如何实现垂直居中5.flex-grow与flex-shrink的作用grow:定义项目的放大比例shrink:定义缩小比例，默认为16.BFC怎么理解,在前端中有什么作用，使用场

原创 模拟面试1

自我介绍：我这次应聘的是公司的前端，之前有差不多两年的工作经验，在简历里面也写了几个不同类型的项目，之前做的差不多都是电商类的，里面的技术栈基本都是跟团队做的，在团队里面vue用的比较多具体这就是我的经验了vue面试题1.v-if与v-for的优先级优先级来说呢是v-for比v-if高，在源码的8千到9千行差不多，有个方法写到判断el等于等于什么，在源码里面呈现出来的就是先走的是once，然后是for最后是if，所以说v-for要比v-if优先级要高，但是一般来说不会把这两个写到一块，因为性能比较低

原创 常见面试题

vue是什么？构建用户页面的渐进式框架觉得vue哪里好？(优点)vue.js 体积小， 编码简洁优雅，运行效率高，用户体验好.无Dom操作，它能提高网站应用程序的开发效率vue的缺点：1.双向绑定时，bug调试难度增大2.大型项目中，View和Model过多，维护成本过高VUE哪种场景使用？一般需要开发单页面应用程序时使用，比如网易音乐，因为vue是渐进式的，vue其实可以融入到不同的项目中，即插即用vue的核心数据驱动视图，组件化开发组件化开发是什么？组件化开发，允许我们

原创 webpack基本了解

1.什么是webpack基于现代js应用程序的静态模块打包工具2.为什么学习webpack常用的vuejs脚手架这些工具都是通过webpack进行封装，并且提供了单独的配置文件3.webpack核心重要的就4个入口：entrywebpack的入口是收集前端项目所有依赖的起点，实际上，他就是一个简单的js。默认的入口就是src/index.js 也可以修改默认的入口，也可以有多个入口出口：output出口是指webpack生成js和静态文件的地方，为ebpack4开始默认输出文件是dist

原创 glup构建工具

模块化：nodejs是遵循commonjs模块化打包webpackwebpack 前端模块化的构建工具gulp:自动化工作流程的构建工具任务流 glup 注重工作流程1.参考https://www.gulpjs.com.cn/docs/getting-started/quick-start/1.检查node与npm版本 -v安装顺序：1.npm -v2.node -v3.npx -v4.npm install --global gulp-cli5.gulp -v6.npx mkd

原创 vue_shop项目的一些重要点~

1.查看项目是否干净 git status2.创建分支 git checkout -b 分支名 例如 git checkout -b login3.查看分支 git branch 带*号表示当前的分支

原创 vue3中的computed与watch

setup执行时机：是在beforeCreated之前执行，this时undefinedsetup的参数：1.props:值为对象2.context:attrs：值为对象this.attrsslotsemit:分发自定义事件，响当当与this.$emitcomputed 计算属性import {computed} from ‘vue’let a = computed(()=>{return person.name + msg.value})let a = computed((

原创 vue3的简单了解第一节+代码

setup1.在setup里面使用组合式api2.setup 是在组件创建之间执行，所以在setup中避免使用this，因为它不会找到组件实例，3.组件中用到的数据，方法等需要写在setup中4.值需要return5.不要与vue2混用基本数据类型<h1>{{msg}}</h1> export default{ setup(){ const msg = 'hello' return{ msg } }}对象&

原创 vue3使用vite创建项目

1.npm init vite@latest2.改vite-project 为自己的项目名3.选中vue 两次4. cd three npm install npm run dev

原创 首屏使用骨架屏-项目中的骨架屏-前端性能优化

1.骨架屏- skeleton在页面加载完成之前，页面出现的骨架，有利于性能优化作用：当网页加载过慢如果是白屏，影响用户体验，也可以加loding 来防止白屏。但是更好的解决方案就是骨架屏实现：ui设计图片，当网页内容还没渲染出来时，先解析骨架屏这张图片，比如淘宝与京东都使用了骨架屏或者是用布局写，当页面还没渲染出来的时候就让这个样式显示，渲染完成就隐藏用布局写的好处：代码体积小，占用的空间可忽略，但是一张图都1kb缺点：不需要用代码写，ui直接切好图，需要写两套样式淘宝原生的实现：js原生

原创 vue3使用vite创建项目

1.npm init vite@latest2.cd vite-project 切换到本项目3.然后选择vue项目4.进入到本项目下载依赖 npm i5.然后npm run dev运行项目

原创 把写好的项目提交到gitee仓库

git init 将本地项目初始化为一个本地仓库2. git add . 将本地项目的所有文件和文件夹添加到本地仓库的暂存区3. git commit -m ‘初始化’ 提交本地所有文件到暂存区4. git remote add origin https://gitee.com/xxxx/xxxx.git 添加远程仓库关联5. git push -u origin master 推送代码到远程仓库的master分支...

原创 微信小程序实现横向滚动

1.利用scroll-view标签wxml代码 <scroll-view scroll-x class="fdetail_header"> <view class="fdetail_header_item">哈哈</view> <view class="fdetail_header_item">哈哈hahah</view> <view class="fdetail_header_item">哈wrety哈&

原创 微信小程序中解析标签wxparse的用法

转载地址：https://www.cnblogs.com/llkbk/p/7910454.html1.先下载wxparse 然后放到你的项目中，这里放的是与pages同层级的目录下，2.然后在全局的app.wxss中引入@import "/wxParse/wxParse.wxss"3.在你需要解析的文件中的js文件中引入var Wxparse = require("../../wxParse/wxParse.js");4.使用 Wxparse.wxParse('article', 'htm

原创 小程序中的页面跳转方式

小程序中的跳转方式：1.toSearch(e){// console.log(e)wx.navigateTo({url: ‘…/…/pages/search/index’,})}2.用navigator标签中的url进行跳转

原创 微信小程序点击出现弹窗

1.现在page文件里面定义一个dh的文件，然后在component定义一个可复用的组件为dislog然后在dh的json文件中引入这个组件 { "usingComponents": { "dialog":"../../component/dialog/index" } }2.dh中.js文件// pages/dh/index.jsPage({ data: { status:false }, handleTap(){ this.set

原创 小程序的基本配置

小程序的配置文件全局配置文件 app.jsonpages:页面 显示项目有几个页面，也可以帮我们新建页面，但是这个操作只能在微信开发者工具里面使用，在vcode编辑器里面就不会帮我们新增页面，谁放在第一个就会先显示谁window:定义小程序的状态栏 导航栏的背景文字颜色等“navigationBarBackgroundColor”:"#CCC" 定义导航栏的背景颜色“navigationBarTitleText”:“首页”，定义标题“navigationBarTextStyle”:“whi

原创 微信小程序中的数组与对象循环

循环数组：第一种data:{list:['哈哈','拉拉','哦哦','嗯嗯']}在组件中<view wx:for="{{list}}" wx:key='index' wx:for-item="item" wx:for-index="key">{{item}}</view>第二种data:{list:[ { id:0, title:"全部"}，{ id:1, title:"哈哈"}]}在组件中<view wx:for="{{list

原创 小程序啦啦啦啦

1.超出两行就显示…并且隐藏display:-webkit-inline-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;2.背景渐变background: linear-gradient(to right, red, orange);

原创 git创建项目过程

安装nodesudo apt-get install nodejssudo apt install nodejs-legacysudo apt install npm给权限sudo chmod -R 777 路径文件名

原创 微信小程序中的less转wxss时没有生成新的wxss时怎么办

微信小程序的less编译css代码也就是先在编辑器里面安装插件看了那么多的博客我安装的时这两个然后就在编辑器的设置里面打开设置然后点开这个东西会出来一个json文件，在json文件里面加入这些代码注意 “.wxss”前面要有空格 不然就不会生成wxss文件 一定要注意这样你就可以在编辑器里面编写less代码，就会生成wxss代码总结：安装了插件 但是你的less没有生成wxss文件的原因可能有两种：1.你的配置文件的代码 “.wxss”前面没有加空格2.你是在微信开发者工具里面编写的

原创 小程序样式

1.尺寸单位rpx 小程序独有 根据屏幕宽度自适应 规定屏幕宽度为7501px = 2rpx在不知道宽度的情况下 可以用calc来帮助我们计算width:calc(740rpx*100/375)这是一个固定的2.样式导入有两个注意点：用 @import来引入 路径只能是相对路径3.选择器选择器和之前的没区别，唯一就是不支持*通配符4.用less来编译css1.需要在vcode中下载插件 然后在设置里面添加编译css的less代码 注意加空格 不然编译不出来css文件2.然后这样就

原创 小程序-模板语法以及简单的加减功能

1.text 相当于以前的span标签 行内元素 不会换行2.view 相当于以前的div标签 默认为块元素 会换行3.checkbox 和之前一样，还是多选框，在使用时，字符串和花括号之间千万别有空格，否则结果会是相反的...

原创 vue网址

1.https://developer.mozilla.org/zh-CN/docs/Web/API/File/Using_files_from_web_applications2.https://github.com/surmon-china/vue-quill-editor

原创 实训小程序配置阶段

1.导航头部的文字颜色只能是黑色或者白色 black white2.文件目录

原创 8-16小实训笔试题

1、如何让一个元素水平垂直居中display:flexjustify-content:center;align-items:center;2、Var，let和const的区别var为函数作用域，没有暂时性死区，let const 为块级作用域有暂时性死区var有变量提升，而let const不能var可以重新赋值 在同一作用域内let不能重复声明 const不能修改3、普通函数和箭头函数有什么区别箭头函数不能使用构造函数 相当于匿名函数，不能使用new命令 他的this永远指向上下文，且任

原创 2021-08-16 小实训2上机效果

1.7-23 03 简单的判断了状态7-26 012.7-29 01 本地储存的方式3. 8-2 034. 8-3 018-4 018-5 017-18 017-19 01

原创 小实训第四周面试题

1.keep-alive 组件缓存使用keep-alive组件时会产生两个生命周期函数 activated deaactivated想要组件被缓存：这样就会缓存你输入的值如=如果想要一个组件缓存一个组件不缓存那么就可以找个东西在路由中标记一个。所以我们就可以在路由中写一个条件：在主组件里面写入的代码：...

原创 小实训认为的重点

1.vuex的使用官方说明：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。个人理解：vuex就是一个状态管理的工具，如果我们没有用vuex，那么每个组件之间的传值就只能通过存储的方式来存储。这样一旦项目大了过后就不利于数据状态

原创 vuex引用模块的三种方式

1.应该先有两个模块，比如 Index.js cart.js 有两个组件 home.vue Cart.vue里面分别写入内容，然后在index.js中引入cart.js,并且在modules中挂载cart此时cart.js里面需要加一个必加属性 namespaced:true3.Home组件中4.在Cart组件中...

原创 小实训效果目录

1.lala 第二次的上机2. 11 简单的添加3.demo 简单的电商4.fangtaobao5.iview6.vue购物车 就加减和结算7.jishi1功能齐全8.动态切换9.切换10.搜索框防百度11.计算12.天气13.小黑记事本 功能齐全14.天气2中的添加与删除 功能齐全15.天气中的demo 功能更齐全16.增删17.新增重点人员18.新建文件夹2...

原创 用 vuex 的方式请求本地的json文件

1.先在public中新建一个data.json文件，里面存放页面中需要的数据2.然后在vuex中用axios的get方式来请求数据，注意引入axios import axios from ‘axios’3.在组件中发送请求，dispatch就是专门来触发actions中的函数。只要这个组件被渲染这里就会发送请求4.这样就可以把数据打印出来了，然后在组件中按需引入vuex，拿到数据并且渲染到页面中5.这样基本的数据就渲染完成了，想要点击时，删除这个值，先在mutations中定义一个方法

原创 vue小实训第三周面试题

1.jsonp实现的原理：原理就是利用了script标签中的src属性外联引入文件不受同源策略的限制，在页面中动态插入script标签，script标签的src属性就是后端api接口的地址，并且以get的方式将前端回调处理函数名称告诉诉后端，后端在响应请求时会将回调返还，并且将数据以参数的形式传递回去。JSON返回的是一串数据，而JSONP返回的是脚本代码JSONP只支持get请求，不支持post请求2.什么情况下会导致跨域？怎么解决？同源：协议 域名 端口号相同。 三者有一个不相同就会导致

原创 vue请求本地的json文件

1.现在public中新建一个名为data.json的json文件，把需要的数据放在这个文件里面

原创 vue小实训第二周面试题

1.说说你对vuex的理解vuex是一个专门为vue.js应用程设计开发的状态管理，（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。2.什么是vuex的状态？它由五部分组成：state、actions、mutations、getters、modules 这五部份分别代表：1.state：存储数据的地方2.actions：可以进行异步操作3.mutations：唯一可以修改state中数据的场所4.getters：类似于vue中的计算属性，可

原创 vue请求本地的json文件

1.现在public文件中新建一个名为data.json的文件，内放数据供我们请求，例如：2.在store中的index.js文件中请求数据，例如：3.在组件中调用这个方法，例如：

原创 vue阶段小实训第一周面试题

1.vuex是什么？介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解：核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。2.什么是vuex的状态管理？state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。3.什么是耦合？什么是内聚？耦合：模块与模块之间很多事存在关联的，如果改动一个，其他若干模块也会发生改变，模块之间的关系越是紧密，独立性就越不好，这种

原创 vue兄弟间的传值

原创 vue中子组件向父组件传值