weibaobao1314-CSDN博客

原创面试题

自我介绍:我是来面试公司web前段开发的你好，我叫xxx，来自xxxx在此期间就职过两家公司，中科yi倚天和光合公司都有过1年多的工作经验，在我河南郑州的光和公司我们做项目主要用到的技术栈就是html,css，javaScript原生，,jQuery，bootstrap第三方ui框架来开发项目在中科倚天公司做项目主要用到技术 Vue全家桶Vue-Cli、Vue、Vue-Router、Axios、Vuex，Vant-UI ， Element-UI，Webpack 等。做过，电商项目

2020-12-07 11:19:20 1739

原创 vue 2.0 的项目配置

vue 2.0 的项目配置1、vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板2、搭建步骤全局安装cnpm install vue-cli -gvue -V 检测版本实例化一个项目vue init webpack 项目名称依赖包下载cnpm install1221组件组件是根据ui界面来划分的功能单位，组件可以分为两种基础组件和功能组件基础组件就是页面中

2020-11-17 10:18:15 225

转载 Git常用命令

Git常用命令一、本地操作：1.其它git init：初始化本地库git status：查看工作区、暂存区的状态git add ：将工作区的“新建/修改”添加到暂存区git rm --cached ：移除暂存区的修改git commit ：将暂存区的内容提交到本地库tip：需要再编辑提交日志，比较麻烦，建议用下面带参数的提交方法git commit -m “提交日志” ：文件从暂存区到本地库2.日志git log：查看历史提交tip：空格向下翻页，b向上翻页，q退出git log

2020-10-04 21:46:05 146

原创 Web前端JQuery面试题语法选择器

Web前端JQuery面试题语法选择器Web前端JQuery面试题（一）Web前端JQuery面试题（一）一：选择器基本选择器什么是#id，element，.class，*，selector1, selector2, selectorN？答：根据给定的id匹配一个元素，用于搜索，通过id的属性给定值。案例：查找id为da3的元素html代码：<div id="da1"></div><div id="da2"></div>&

2020-09-29 19:37:15 369

原创 Vue 实现 transform 轮播图

Vue 实现 transform 轮播图这个呢是css样式利用 transform: translateX(100%); 属性实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;

2020-09-28 21:07:15 806

原创 vue-cli3.0使用及配置

vue-cli3.0使用及配置1.先全局安装vue-cli3.0检测安装：vue -V#2.创建项目（这个就跟react创建脚手架项目比较像了）这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个当你选择后会出现上面图上的东西，这里你可以自由选择用哪些配置，按上下键选择哪一个，按空格键确定，所有的都选择好后，按enter键进行下一步，这里演示，我随便选了几个下一步之后问询

2020-09-24 21:13:11 153

原创 Vue项目做的优化

Vue项目做的优化1. 加载方面1、路由懒加载Vue 是单页面应用，可能会有很多的路由引入，这样使用 webpcak 打包后的文件很大，当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。路由懒加载：const Foo = () => import('./Foo.vue')const router =

2020-09-23 21:34:40 316 1

原创 Vuex是什么？Vuex能做什么？Vuex怎么使用？

Vuex是什么？Vuex能做什么？Vuex怎么使用？本文章你能学到什么？1、Vuex是什么？哪种功能场景使用它？2、Vuex有哪几种属性？3、使用Vuex的好处？4、使用Vuex示例。5、Vuex常见错误。下面我们来详细讲讲！Vuex是什么？哪种功能场景使用它？官方话：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools

2020-09-22 21:10:22 533

原创 vue路由传参的三种方式

vue路由传参的三种方式方式一通过query方式传参这种情况下 query传递的参数会显示在url后面this.$router.push({path: ‘/detail’,query: {id: id}})对应路由配置：{path: ‘/detail’,name: ‘Detail’,component: Detail}子组件获取参数this.$route.query.id方式二通过params方式传参this.$router.push({name: ‘

2020-09-21 18:51:38 149

原创使用微信小程序进行微信支付流程

使用微信小程序进行微信支付流程微信支付的入口是在微信商户平台中，从微信商户平台的开发文档可以查看相关微信支付的文档，但是官方文档首页居然木有小程序版本入口，所以单独给一下小程序的文档. 微信支付的开发分为刷卡支付、公众号支付、扫码支付、APP支付以及小程序支付。小程序支付流程1. 小程序端向服务端请求生成订单小程序端向服务端请求下单，服务端需要先针对小程序进行用户认证，并生成内部订单。2. 小程序端向服务端请求订单支付小程序端向服务端请求支付，服务端调用统一下单API，获取prepay_id。

2020-09-20 21:21:09 1193

原创 JS方法常用方法汇总

JS方法常用方法汇总String---->是一个对象字符串可以看成是字符组成的数组,但是js中没有字符类型字符是一个一个的,在别的语言中字符用一对单引号括起来在js中字符串可以使用单引号也可以使用双引号因为字符串可以看成是数组,所以,可以通过for循环进行遍历字符串特性:不可变性,字符串的值是不能改变字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了字符串的常用属性:.length------>字符串的长度

2020-09-18 20:54:11 237

原创后台管理的完结

后台管理的完结在这个项目后台管理项目做完学到了很都的东西！1：学到的就是配置路由的懒加载之前我们配置路由都是import Vue from "vue";import VueRouter from "vue-router";import Home from "../views/Home.vue";import Login from "@/views/login";import userList from '@/views/userlist'都是这样配置的学了这个后台管理就学

2020-09-17 19:34:17 66

原创懒加载和预加载

懒加载和预加载懒加载场景：对于图片过多的页面，为了加快页面加载速度，需要将页面内未出现的可视区域内的图片先不做加载，等到滚动可视区域后再去加载。原理：img标签的src属性用来表示图片的URL，当这个属性值不为空时，浏览器就会根据这个值发送请求，如果没有src属性就不会发送请求。所以，在页面加入时将img标签的src指向为空或者指向一个小图片（loading或者缺省图），将真实地址存在一个自定义属性data-src中，当页面滚动时，将可视区域的图片的src值赋为真实的值。核心代码： <img

2020-09-16 20:09:29 90

原创什么是跨域？跨域解决方法

什么是跨域？跨域解决方法一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）二、什么是跨域当一个

2020-09-15 20:27:22 178

原创简洁使用 ECharts

简洁使用 ECharts通过 npm 获取 echartsnpm install echarts --save，下载详见“在 webpack 中使用 echarts”引入 ECharts通过标签方式直接引入构建好的 echarts 文件import echarts from "echarts" 引入

2020-09-14 21:18:49 127

原创 cs3 动画

cs3 动画<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>#clock{width: 400px;height: 400px;border: 1px solid red;border-radius: 50%;/*分秒相对表的定位*/position: relative;}#minute{widt

2020-09-11 21:58:03 153

原创 div水平垂直居中的六种方法

div水平垂直居中的六种方法在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。方法一:绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%);当前div的父级添加相对定位（position: relative;）图片展示：代码如下：div{ background:red; position: absolute; left:50%;

2020-09-09 22:50:55 377

原创 mockjs使用

mockjs使用1.安装npm install mockjs --savenpm install axios --save安装axios是为了能模拟后台接口。2.建立目录结构如下：3.在main.js引入mockjsmock.jsimport Mock from 'mockjs' // 引入mockjs const Random = Mock.Random // Mock.Random 是一个工具类，用于生成各种随机数据 let data = [] // 用于

2020-09-08 21:11:40 86

原创 element-ui 的操作

安装element-ui第一步，我们成功安装了项目模板，接下来，我们需要安装element-ui到项目下。npm i element-ui@next -D开始使用接下来我们就可以参照 Element-UI 的官方文档上手开发了。例子我们参照官方的按钮组件使用说明，在项目模板的基础上做一个按钮的例子。其它文件不需要改动，只修改App.vue文件的内容。代码如下：App.vue<template> <div id="app"> <img sr

2020-09-07 22:02:05 151

原创 js中 call() ，apply()，bing()

js中 call() ，apply()，bing()方法三者的用法和区别面试中经常会被问到的，或者做笔试题的时候也会有这样的问题，所以今天专门对这个问题做个总结；先看个例子：var age = '19'var myObj = { name:'小赖', myAge:this.age, sayName:function(){ console.log(this.name + '今年' + this.age) }}myObj.sayName(); //

2020-09-04 20:09:33 288

原创 ES6中let与var的区别

ES6中let与var的区别通过var定义的变量，作用域是整个封闭函数，是全域的。通过let定义的变量，作用域是在块级或是子块中。for (let i = 0; i < 10; i++) { // ...}console.log(i);ReferenceError: i is not defined计数器i只在for循环体内有效，在循环体外引用就会报错。变量提升现象：浏览器在运行代码之前会进行预解析，首先解析函数声明，定义变量，解析完之后再对函数、变量进行运行、赋值等。

2020-09-03 20:12:38 60

原创闭包构成理解

闭包构成理解闭包是由什么构成？闭包=函数+词法作用域词法作用域：即以变量声明定义的位置为参照，如果当前位置没有定义，就会访问父级定义的位置1你说一下对闭包的理解？1.闭包是一个可以访问另一个函数内部变量的函数2.一般的函数在使用完后，内部的变量会被回收，而闭包不会，变量依旧存在于内存中，不会消失。3.频繁的使用闭包会占用内存，降低CPU性能，但是可以释放内存（在使用完闭包后，手动使变量为null）2.闭包应用场景和实现应用场景求和，设置字号，循环表单实现求和funct

2020-09-02 20:47:17 212

原创 vue项目性能优化策略

vue项目性能优化策略1.按需引入2.导入‘element’类似组件时，不要整个导入使用，只需要导入使用的组件图片的压缩合并雪碧图(精灵图),在ps中保存的图片的时候按需调整保存格式3.压缩代码new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_console: true, pure_funcs: ['console.log'] }, sourceMap: false

2020-09-01 20:58:12 109

原创防抖节流

有这样一种应用场景，在滚动事件中做一个复杂取值计算或者频繁的触发一个事件，这是很影响性能并容易导致页面卡顿的，所以要合并多次请求，通过函数做一个精确操作。这时就会用到函数防抖或者函数节流，那么，这两种方式有什么区别呢？个人认为：函数节流是：在固定的时间内触发事件，每隔n秒触发一次函数防抖是：当你频繁触发后，n秒内只执行一次一、防抖触发高频函数事件后，n秒内函数只能执行一次，如果在n秒内这个事件再次被触发的话，那么会重新计算时间思路：每次触发事件时都取消之前的延时调用方法 functio.

2020-08-31 20:55:31 63

原创 vue生成二维码并分享

vue生成二维码并分享首先，先看下这个玩意 qrcode ，不管怎么说，先 npm install qrcode,然后引入import QRCode from "qrcode"然后到去写下组件定义个画布<div> <canvas id="QRCode"></canvas></div>JSdata () { return { QRCodeMsg: '' } }, created (

2020-08-28 20:57:47 280

原创 js数组方法管理

整理了以下数组方法join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() （ES5新增）forEach() （ES5新增）map() （ES5新增）filter() （ES5新增）every() （ES5新增）some() （ES5新增）join，就是把数组转换成字符串，然后给他规定个连接字符，默认的是逗号( ，)书写格式：jo

2020-08-27 20:51:24 71

原创 vue组件通信的几种方式

vue组件通信的几种方式最近用vue开发项目，记录一下vue组件间通信几种方式第一种，父子组件通信一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保存修改的文件，查看浏览器5.我们依然可以对message的值进行v-bind动态绑定

2020-08-26 21:01:20 8410

原创 vuex数据持久化

vuex数据持久化vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，也可以通过插件vuex-persistedstate。1.手动利用HTML5的本地存储方法、vuex的state在localStorage或sessionStorage中取值；. 2、在mutations中,定义的方法里对vuex的状态操作的同时对存储也做对应的操作。这样state就会和存储一起存在并且与vuex同步2.利用vue

2020-08-24 20:12:12 1108

原创 vue脚手架

1、vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板2、搭建步骤全局安装 cnpm install vue-cli -gvue -V 检测版本实例化一个项目vue init webpack 项目名称依赖包下载cnpm install组件组件是根据ui界面来划分的功能单位，组件可以分为两种基础组件和功能组件基础组件就是页面中认为是大的分割单位或者静态的页面

2020-08-21 20:48:44 341

原创面试的五个注意事项，被录用很简单

面试的五个注意事项，被录用很简单所有的求职者基本都要经历面试环节，那如何在几分钟的时间内，在成千上万的面试者中脱颖而出呢，接下来小宝就带来几条面试黄金法则，帮你们顺利过面试！【1】着装得体俗话说得好，人靠衣服马靠鞍，得体的着装是面试官对你建立印象的第一步。在面试时，男女着装的要求也不一样，男性可以着西装领带黑皮鞋，一定要干净整洁，女士相对来说可以选套装。就颜色来说，黑色、白色或灰色的衣服可以显得更为干练。【2】言语简练在面试过程中，与面试官的沟通是必不可少的，它有助于我们对于对方的充分了解。而在这

2020-08-20 21:07:53 343

空空如也

空空如也