- 博客(56)
- 收藏
- 关注
RSS订阅原创 面试题总结
el属性目前不可见。因为vue的组件可能会被多次使用,会产生多个实例，如果返回的是对象，这些组件之间的数据是同一份（引用关系），那么修改其中一个组件的数据，另外一个组件的数据会被修改到。销毁destroyedVue实例销毁后调用，调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被已出，所有的子实例也会销毁。不写key会在控制台报warning,当数据更新时，根据diff算法，修改数组后，写key值会复用，不写会重新生成，造成性能浪费或某些不必要的错误。...
2022-07-22 10:43:51
221
1
原创 风多云楼层监听
1.滚动的头部增加 floor-item 类名<div class="card-class floor-item"> <p class="card-title">项目基础信息</p>2.引入组件 <div class="floor nav-list"> <floor-nav :floorList="floorList" @setFloorNavMountClick='setFloorNavMountClick
2022-05-23 15:18:09
129
原创 js类与继承
<script> //创建类 class Person { //构造器方法 constructor(name,age){ this.name = name; this.age = age; } // 方法 speack(){ return console.log(`我的名字是${this.name},我的年龄是${this.a...
2022-04-14 18:32:59
382
原创 前端项目规范（CSS篇）
CSS编码规范1 前言2 代码风格2.1 文件2.2 缩进2.3 空格2.4 行长度2.5 选择器2.6 属性3 通用3.1 选择器3.2 属性缩写3.3 属性书写顺序3.4 清除浮动3.5 !important3.6 z-index4 值与单位4.1 文本4.2 数值4.3 url()4.4 长度4.5 颜色4.6 2D 位置5 文本编排5.1 字体族5.2 字号5.3 字体风格5.4 字重5.5 行高6 变换与动画7 响应式8 兼容性8.1
2021-10-30 12:02:05
275
原创 前端代码规范（HTML）
HTML编码规范1 前言2 代码风格2.1 缩进与换行2.2 命名2.3 标签2.4 属性3 通用3.1 DOCTYPE3.2 编码3.3 CSS 和 JavaScript 引入4 head4.1 title4.2 favicon4.3 viewport5 图片6 表单6.1 控件标题6.2 按钮6.3 可访问性 (A11Y)7 多媒体8 模板中的 HTML1 前言HTML 作为描述网页结构的超文本标记语言，一直有着广泛的应用。本文档的目标是使 HTML 代码风
2021-10-30 11:55:49
291
原创 vue项目规范
2 文件规范2.1文件结构├── public│ └── logo.png # LOGO│ └── index.html # Vue 入口模板├── config #项目配置│ └── index.js # 主配置文件├── node_modules #项目依赖模块├── mock #mock数据目录，用于本
2021-10-30 11:50:47
456
原创 输入框大于等于0
<el-input v-model.number=“scope.row.articleSort” :min=“0” οninput=“if(value<0)value=0” type=“number” @change=“sortChange(scope.row)”/>
2021-09-14 11:39:58
447
原创 table表格编辑
<vxe-table border show-overflow ref="xTable" class="my_table_insert" max-height="400" :data="tableData" :edit-config="{ trigger...
2021-08-27 14:44:12
530
原创 常用正则校验
手机号校验 /^1[3|4|5|6|7|8|9][0-9]\d{8}$/ 密码格式 6-20 !/^[^\s\u4e00-\u9fa5]{6,20}$/
2021-08-24 14:06:11
103
原创 配置环境变量
1.新增环境变量 env.dev 开发环境 env.prod生产环境目录env.devNODE_ENV=developmentVUE_APP_SERVER=http://baidu.comenv.prodNODE_ENV=productionVUE_APP_SERVER=http://baidu.com2.测试打印环境变量 ，在main.js打印console.log("环境: ", process.env.NODE_ENV);在请求的时候可以调用系统环境作为请求路径pro
2021-05-24 08:49:39
240
原创 手机端适配
<script> // 设置font-size 配置 rem var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.documentElement.clientWidth; html.style.fontSize = oWidth/375*100 + "px"; $(function(){ ..
2021-05-19 17:55:57
95
原创 浏览器宽高
网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop
2021-05-01 15:56:13
111
原创 md5加密
src\utils\md5.jsfunction safe_add(x, y) {var lsw = (x & 0xFFFF) + (y & 0xFFFF)var msw = (x >> 16) + (y >> 16) + (lsw >> 16)return (msw << 16) | (lsw & 0xFFFF)}/* * Bitwise rotate a 32-bit number to the left. */
2021-03-17 10:05:38
110
原创 vue keepalive
keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现App.vue<template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> |
2021-02-24 14:13:00
311
1
原创 面试题总结day01
json对象与json字符串转换的方法var tojson = JSON.parse(); 转JSON格式var tostring = JSON.stringify() 转string格式jq的选择器都有哪些$(id)classdivp:eq(index)ul li:last()ul li:first()*谈谈ajax是指不刷页面的情况下更新页面上的数据var xhr = XMLHttpRequest();xhr.onreadstatechange=function(){}
2021-02-18 10:05:42
280
原创 禁止input框自动填充
1、在form表单或者input中使用autocomplete=”off”2、不让页面读取缓存数据<meta http-equiv= "Pragma" content= "no-cache" /> <meta http-equiv= "Cache-Control" content= "no-cache" /> <meta http-equiv= "Expires" content= "0" /> 3、对于type=“password”时
2021-01-27 13:45:23
1490
原创 git必知必会
1git配置用户信息 查看配置信息配置全局账户，也就是该账户对所有的 Git 仓库都有效git config --global user.name "demo"git config --global user.email "demo@demo.com"配置局部账户，也就是该账户只对当前 Git 仓库有效git config --local user.name "demo" git config --local user.email "demo@demo.com"注意，不同点就是一个
2021-01-06 14:54:03
347
原创 vue显示隐藏动画
<transition name='slide-fade'> <basic-info v-if="!payUpgradeformDataShow" ></basic-info> </transition> .slide-fade-enter-active {transition: all .2s ease;} .slide-fade-leave-active {transition: all .2s cubic-bez...
2021-01-06 10:10:38
1848
原创 列表增删写入唯一di
let arr = [ { name:"张三", key:1 }, { name:"李四", key:2 }, { name:"王五", key:3 }, { name:"赵六", key:4 }, ] // 先定义 length_template let length_template = arr.length; addArr function(){ let object = { name:".
2020-12-15 18:30:12
85
原创 删除两个数组中相同的数据
```bashvar arr1=[{id:1},{id:2},{id:3},{id:4},{id:5}]var arr2=[{id:1},{id:2},{id:3}]var set=arr2.map(item=>item.id)console.log(set)var resArr=arr1.filter(item=>!set.includes(item.id))console.log(resArr)```
2020-12-15 18:22:42
2377
原创 mysql命令
net start mysql启动MySQL服务器net stop mysql56 停止MySQL服务器连接和断开MySQL服务器连接MySQL服务器：输入mysql -u root -h127.0.0.1 -p，然后输入密码，Enter。密码123456断开MySQL服务器：输入 exit; 或 quit;MySQL图形化管理工具对数据库常用命令1.连接数据库mysql -u用户名 -p密码2.显示已有数据库show databases;3.创建数据库create databas
2020-11-18 18:01:54
173
原创 eggjs
特性1.提供基于egg定制上层框架的能力2.高度扩展性插件机制3.内置多进程管理4.基于koa开发性能优异5.框架稳定.测试覆盖率高6.渐进式开发官网https://eggjs.org/zh-cn/intro/quickstart.html安装介绍1.初始化$ mkdir egg-example && cd egg-example$ npm init egg --type=simple$ npm i2.启动项目$ npm run dev$ open http:
2020-11-05 11:48:00
379
1
原创 css 对齐方式
图片 垂直对齐（vertical-align）默认: baseline – 一行内文本的下方。middle – 一行内小写字母的高度的1/2
2020-10-06 16:32:07
332
原创 vue生命周期
vue官网讲解生命周期 传送门-添加链接描述beforecreate() 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created()在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用。通常list 数据在此方法请求，在mounted请求会出现 闪
2020-08-25 16:48:17
494
原创 webpack打包编辑过慢？看看是不是这些原因
在一次前端vue项目开发中，突然发现我执行 npn run serve 到 程序渲染完成用了70s时间，打包更是离谱，刚开始我以为是热加载 热替换的原因，就主动关闭，devServer:{ port:8000, proxy:{ '/api':{ target:'http://www.baidu.com', pathRewrite: { '^/api': '' }, ws: false, changeOrigin
2020-08-06 10:03:48
984
原创 面试题
1.请描述一下cookies，sessionStorage和localStorage的区别sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。web storage和cookie的区别Web Storage的概念和cookie相似，区别是
2020-08-05 10:46:20
60017
原创 webpack是什么，为什么要用webpack，webpack如何使用
webpack是什么？WebPack是前端资源模块工具，主要分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。webpack配置文件是webpack.config.js，整个文件遵循commonJS规范，所
2020-07-24 10:07:19
786
原创 vue中使用moment
安装npm install moment --save引入在main.js引入 import moment from ‘moment’定义全局过滤器在main.js Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(dataStr).format(pattern) }) //filter两个参数 第一个是函数名 第二个是时间格式化处理的函数表达式
2020-07-20 10:26:38
4231
原创 vue 搜索请求节流函数
//使用change事件监听<a-input v-model='SearchValue' placeholder='请输入内容' @change='search()'></a-input> data(){ return{ SearchValue:"" timer:null, } } //创建节流请求方法 search(){ clearTimeout(this.timer); this.timer = setTimeout(()=.
2020-07-15 11:45:11
783
1
原创 前端面试题之夺命13问，收藏一下不会错的
1.用css实现两端固定，中间自适应（至少两种方式） <div class=”box”> <div class=”left”></div> <div class=”center”></div> <div class=”right”></div> </div>2、js中基本数据类型有哪几种？引用类型有哪几种？他们有什么区别(举例说明)？3、写出下面代码的运行结果： async functio
2020-07-08 17:05:46
472
原创 面试题待完善
json对象与json字符串转换的方法var tostring = JSON.parse(); 将json字符转转为对象var tojson = JSON.stringify() 将js对象转为json字符转jq的选择器都有哪些$(id)classdivp:eq(index)ul li:last()ul li:first()*对象方法Object.assign(“obj1”,“obj2”)合并对象Object.assign(this.site,res.data.EU,re
2020-07-08 11:19:22
246
原创 JSON.parse()与JSON.stringify()
概念/理解JSON.parse() 是将 json字符转转为对象，字符串必须符合JSON格式，否则会报错JSON.stringify（） 是将js对象转为 字符串（json字符串）他们的作用是相对的JSON.parse()将json字符串转为对象的几种方法 let str = '{"name":"liudehua","age":56}'; //第一种方法 使用JSON.parse() let obj = JSON.parse(str); //第二种方法 使用 eval()，将js字符串当
2020-07-08 11:00:43
274
原创 vue打包去除console
我们用vue框架写代码时，有时候会用console去调试（基于开发习惯），当一个项目开发完毕，需要发布时，会有各种log信息出现在控制台，这些信息并不想在生产环境被某些用户看到，当然可以一条条删掉…(已经删了3个小时) ，这时我们可以在vue依赖包加入这段代码：目录下my-app-vue（项目名称）\node_modules@vue\cli-service\lib\config\terserOptions.js我们需要在module.exports = options =>({ terser
2020-06-30 15:40:32
2952
原创 手机端调试vconsole
手机端使用vconsole开发npm install vconsoleutil.js 上边引入 下边导出import VConsole from 'vconsole'var vConsole = new VConsole();export default vConsolemain.jsimport './utils/index.js'
2020-06-24 11:43:58
343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人