前端

在vue中如何优雅的封装第三方组件

在使用第三方组件的时候或多或少的会因为样式,业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候,弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件,然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展,就还需要对应往封装组件增加属性,组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我

【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题

show1.jpg 为什么需要虚拟列表 日常开发中,经常需要处理一个大数据量的列表,可能是需要展示、勾选等; 如果我们用html原生的标签实现,性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui),以便提升开发效率; 如果我们同时展示、勾选千条数据的时候,页面将会卡主,甚至崩掉; 虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题; 虚拟列表原理 虚拟

iOS各种ViewController控制器完整介绍

iOS 界面开发最重要的是ViewController和View,ViewController是View的控制器,也就是一般的页面,用来管理页面的生命周期(它相当于安卓里的Activity,两者很像,又有一些差异)。 ViewController的特点是它有好几种。一种最基本的UIViewController,和另外三种容器:UINavigationController、UITabBarContr

Vue项目使用px2rem

文章序 设计稿给的是px,但是需要做自适应,老生常谈的问题了,使用flex布局+rem+按比例设置根节点font-size大小来实现,这里最麻烦的就是把px改写成rem,手工改重复性太大,所幸,可以使用webpack插件在打包过程中帮我们自动转化 使用方法 1.安装包 npm i postcss-px2rem 2.编写配置文件 编写核心代码,命名随意,我这里命名为px2rem并放在src/uti

三分钟快速搭建Vue2+webpack项目

三分钟快速搭建Vue2+webpack项目 项目目录 如下图: 图1 其中: 【package.json】:对项目进行描述,包括项目的基本信息、依赖模块的版本信息等等; 注意:可以手动创建或者通过npm init自动创建。 代码: {   "name": "yydpt_vue2_base",   "version": "1.0.0",   "description": "",  

前端大厂面试真题(二)

1. Doctype 作用? DOCTYPE 是用来声明文档类型和 DTD 规范的。 <!DOCTYPE html>声明位于 HTML 文档中的第一行,不是一个 HTML 标签,处于 html 标签之前。 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 2. 标准模式与兼容模式各有什么区别? 标准模式的排版 和 JS

Ajax&Axios

Ajax 概念 AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML 作用 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据 后台发送:浏览器的请求是后台js发送给服务器的,js会创建单独的线程发送异步请求,这个线程不会影响浏览器的线程运行 局部刷新:浏览器接收到结果以后进行页面局部刷新 未使用A

记录项目中遇到的坑(三)兼容IE浏览器

做PC端项目,有时候需要兼容IE浏览器,所以很多写法都要改变,以下是个人总结的一些写法(兼容到IE8) PS:项目是通过引入 vue.js 的vue项目,new Vue({ el:'#app' })的形式,不使用脚手架。 1.为了保证引入的js文件不会因官网更新而导致页面出现问题,所以将使用的js和css等文件下载保存到项目中 2.方法都要写成 function:(){

axios的get请求传入数组参数

axios 发送 get 请求的一般方式如下: axios.get(url,{params:{ a:1 }}) 但是,如果 params 里有数组参数的话,上面的方法就会带来问题。 例如, 这里发送的请求参数 b 是数组: axios.get(url,{params:{ a:1, b:[1,2] }}) 这时候,后端 Django 用 request.GET.getli

LiveData 面试题库、解答、源码分析

引子 LiveData 是能感知生命周期的,可观察的,粘性的,数据持有者。LiveData 用于以“数据驱动”方式更新界面。 换一种描述方式:LiveData 缓存了最新的数据并将其传递给正活跃的组件。 这一篇就 LiveData 的面试题做一个归总、分析、解答。 1. LiveData 如何感知生命周期的变化? 先总结,再分析: Jetpack 引入了 Lifecycle,让任何组件都能方便