- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Element Plus的分页组件el-pagination显示英文
我的问题是这样的，使用Element Plus的分页组件el-pagination，切换每页显示数量时显示的是英文。后面查了一下资料，Element Plus 组件默认使用的是英语，显示中文的话需要做下配置。需要在main.js中添加代码效果如下...
2021-12-14 11:21:56
1982
原创 TypeError: Joi.validate is not a function问题解决
TypeError: Joi.validate is not a function的解决方法问题使用joi模块中的validate方法进行表单验证时，命令窗口报错TypeError: Joi.validate is not a function// 定义对象的验证规则const schema = { username: Joi.string().min(2).max(5).required().error(new Error('username属性没有通过验证')), birth: Joi.nu
2021-10-09 14:32:00
1364
原创 总结H5 video 方法 属性 事件
总结video 方法 属性我一直总结之前学习过的知识，今天到video,发现对它还是不够熟悉，于是重新学习一遍。举个例子： <video id="video1" width="380" style="margin-top:15px;"> <source src="video/movie.ogg" type="video/ogg"/> <source src="video/movie.mp4" type="video/mp4"/>.
2021-01-19 16:42:02
805
原创 总结关于数组方法的一些
使用方法为：数组名.方法1、push() 向数组末尾添加新的数组项，返回值为新数组的长度，原数组改变2、pop() 删除数组最后一项，没有参数，返回值删除项，原数组改变3、unshift() 向数组开头位置添加，返回值是新数组的长度，原数组改变 4、shift() 删除数组第一项,没有参数，返回值删除项，原数组改变 5、splice() 原...
2020-11-24 11:30:07
151
原创 天地图在vue项目中的使用
一、天地图官网注册（创建应用拿到key）二、引入在index.html文件中引入cdn资源：<!-- 引入cdn资源 --><script src="http://api.tianditu.gov.cn/api?v=4.0&tk=申请到的KEY值"></script>在项目中创建一个公共文件mapMixin.js/** * map 公用方法 * @param addCtrl:添加地图类型控件 * @param marker...
2020-11-20 13:49:45
1957
8
原创 vscode+eslint+vetur配置，针对Vue项目
"editor.formatOnPaste": true, //缩放整个窗体 "window.zoomLevel": 1, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按e...
2020-11-06 12:52:16
2109
1
转载 浏览器与新技术面试题
本章关于浏览器原理部分的内容主要来源于浏览器工作原理，这是一篇很长的文章，可以算上一本小书了，有精力的非常建议阅读。常见的浏览器内核有哪些?浏览器/RunTime 内核（渲染引擎） JavaScript 引擎 Chrome Blink（28~） Webkit（Chrome 27） V8 FireFox Gecko SpiderMonkey Safari Webkit JavaScriptCore Edge EdgeHTML
2020-10-27 22:12:34
178
转载 爬虫的故事！！！
“一个程序员写了个爬虫程序，整个公司200多人被端了。”“不可能吧！”刚从朋友听到这个消息的时候，我有点不太相信，做为一名程序员来讲，谁还没有写过几段爬虫呢？只因写爬虫程序就被端有点夸张了吧。朋友说，消息很确认并且已经进入审判阶段了。01.对消息进一步确认朋友认识几个律师朋友，和他们有一些业务来往，得知他们想尝试把业务扩展到程序员这个群体。那段时间我刚好离职也有时间，在朋友的安排下一起聊聊看看有没有合作的机会。他们为什么想扩展人群到程序员这个行业呢？其实就是因为他们代理了这名程序..
2020-10-27 22:03:25
984
原创 浏览器相关面试题
1. 浏览器渲染机制浏览器采用流式布局模型（Flow Based Layout） 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。 由于浏览器使用流式布局，对Render Tree的计算通常只需要遍历一次就可以完成，但table及其内部元素除外，他们可能需要多次计算，通常要花3倍于同等元素的时间，这也是为什么要避
2020-10-27 21:30:35
2080
原创 前端最近面试到的题
1、解释一下CSS的盒子模型？ ☆答：1）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)2）有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 padding;image2、CSS水平垂直居中 ☆☆☆方法一:绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: rel
2020-10-27 21:25:42
331
原创 一些关于vue面试题
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放d
2020-10-27 21:18:58
346
转载 深入理解浏览器工作原理
简介 浏览器（browser application）是专门用来访问和浏览万维网页面的客户端软件，也是现代计算机系统中应用最为广泛的软件之一，其重要性不言而喻。前端工程师作为负责程序页面显示的工程师，需要直接与浏览器打交道。本文将详细介绍浏览器的工作原理组成 浏览器的组成如下图所示 主要组件包括： 1. 用户界面 － 包括地址栏、后退/前进按钮、书签目录等，也就是所看到的除了用来显示所请求页面的主窗口之外的其他部分 2. 浏览器引擎 － 用来查询及操作渲染引擎的接.
2020-10-27 20:27:10
921
转载 Vue插槽展示
vue_插槽的理解和使用对于插槽的概念和使用，这是vue的一个难点，这需要我们静下心来，慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记，如有错误或者有不同见解的，欢迎留言，一起学习。什么是插槽？插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。如下代码：1. 在子组件
2020-10-27 11:10:27
191
原创 浅解v-if 和 v-show 有什么区别
简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；（3）编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有
2020-10-27 10:49:39
574
原创 vue经典面试题库总结
本文档基于vue-cli技术栈总结了vue-cli工程 vue.js核心知识 vue-router路由 vuex状态管理器 axios等http请求 移动端适配 Tab切换等常用功能 vue与原生app混合交互 vue生产环境部署 vue各项技术源码解析 MVVM设计模式 vue-cli工程深入拓展等12个关于vue-cli开发的方面。不仅可以帮你一次性详细阅读所有关于vue的面试题、更可以帮你拓展关于vue开发的视野。关于vue的试题，看这一篇文档就够了！vue-c
2020-10-26 23:07:36
423
转载 Vue开发入门
介绍Vue 中文网 Vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQuery jQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作Framework框架，是一套完整的解决方案，使用框架的时候，需要把你的代码放到框架合适的地方，框架会在合适的时机调用你的代码框
2020-10-26 17:05:52
211
原创 浅谈Vue组件之间的传值
一、主要方式1、父子组件之间的传值2、非父子组件之间的传值二、父子组件之间的传值1、父组件向子组件传值第一种方式: props 父组件嵌套的子组件中，使用v-bind:msg=‘xxxx’进行对象的绑定，子组件中通过定义props接收对应的msg对象 父组件代码 <template> <div> <!-- 注意 :msg 后面是一个对象，值是字符串时,需要写冒号，如果省略：就是一个字...
2020-10-26 11:42:23
349
转载 vue的核心技术总结
Vue在2019年的受欢迎程度逐步加大，很多创业型公司，中小企业都在使用vue框架。很多场景下，大公司更青睐于React技术栈，而随着Vue2.x的发布更新，很多公司开始选用vue作为主要技术栈。vue上手成本低，且社区多为中文，对于开发者而言要求相对 较低。但是要想做好vue的开发，就必须对vue的原理有深入的了解，并且对相关社区有所了解。Vue中很多也采用了最新的ES6写法，从技术层面上提高了性能。本文以2.x版本为例，梳理一下vue常用api，希望可以在更高层面上对vue做出一个技术解析。欢迎评论
2020-10-25 10:09:02
1761
原创 样式穿透浅解笔记
1、什么是样式穿透？ 父组件中修改子组件的样式2、怎样进行样式穿透 1）使用 css 时可以用 >>> 进行样式穿透 .parent >>>.child { font-size: 16px; } 2）使用 scss, less 时，可以用 /deep/ 进行样式穿透 .parent /deep/ .child { fo...
2020-10-24 09:41:31
4632
1
原创 前端面试常问的一些笔记
一、HTML+CSS1、img的清除默认边框当img中间无图片时显示默认边框，在firefox中是没有的，但是Chrome中显示，尝试用border:0无效可以使用属性选择器设置opacity为空img[src=""],img:not([src]){ opacity:0;}2、常用的布局方式1.固定布局宽度，高度固定，页面被一个固定网页包裹，容器不能移动，页面的宽高不随页面的变化而变化，这种布局大家比较熟悉，这种方式一度成为页面布局的主流方式，这样布...
2020-10-22 23:00:44
130
原创 关于前端常用需要了解的一些问题
HTML+CSS1、什么是SEO(Search Engine Optimization)seo(Search Engine Optimization)即搜索引擎优化。方便网络爬虫抓取到相关类容
2020-10-22 22:55:33
268
原创 数组、字符串的一些常用方法
1、数组的方法shift() ;删除数组中第一个元素，并将长度减1.pop():删除数组中最后一个元素，并将长度减1.unshift():往数组前面添加一个或多个数组元素，长度要改变。如：arrObj.unshift(“a”,”b”,”c”);...
2020-10-21 22:46:45
1649
原创 浅解防抖与节流
为什么要节流与防抖在前端开发中，我们经常会遇到一些需要绑定一些持续触发的事件。如resize（窗口）、scroll（滚动）、mouesemove（移动）等等，我们又不希望在事件持续触发中频繁去执行。因此会用到防抖节流。性能优化防抖（debounce）就是指触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。如何实现防抖我们可以用延时器（setTimeout）//防抖debounce代码：function debounce(fn) {
2020-10-21 22:13:01
168
3
原创 关于前端会用到的一些技术栈
基础技术html+cssjavascriptjQuerynode.jsnpm/yarn/inpmgulp前端框架vue的一些相关技术栈vueelment-uivant-uiuni-appreact的一些相关技术栈reactant
2020-10-20 21:37:57
4569
3
一个vue比较全的学习资源，电商后台管理系统
2020-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人