- 博客(280)
- 资源 (23)
- 收藏
- 关注
RSS订阅原创 前端性能优化方法
前端性能优化的意义互联网发展十分迅速，现在做的网站内容越来越多，功能越来越强大，页面也越做越漂亮。随之而来的问题是页面内容越多页面速度就会受到影响。作为用户当然希望访问的页面速度越快越好。所以对于前端工程师来说挑战越来越大。我们只有持续对我们的网站进行性能优化，才能跟的上用户的体验需求。性能是web网站和应用的支柱。如果网站性能不好，用户会放弃访问你的网站。所以性能和我们网站的利益是相关的。网站最重要的是用户，有用户才会有业务。比如做一个电商网站，用户多了，浏览商品的人和下单的才会多。所谓的下单就是转换
2023-02-14 20:21:15
450
2
原创 uniapp项目Android发布打包—云打包｜撸码云内测分发平台
打包失败的常见原因：如果使用自有(私用)证书，很可能是证书配置错误。如果使用DCloud证书仍然出错，很可能是图片错误。所有图片格式必须是标准png，且严格符合分辨率要求。使用其他图片格式重命名为png会导致打包失败
2022-09-02 13:18:49
762
原创 记录scale的用法（镜像翻转）
/ 元素的x轴方向不发生镜像翻转，x轴方向大小不变；// 元素的x轴方向的镜像翻转，x轴方向大小不变；y轴方向不翻转，大小缩小为原来的1/2;// scale接收两个参数，分别代表x和y方向的设置，当参数为负数时分别代表延各方向轴镜像翻转。// 元素的x轴方向放大为原来的2倍,y轴方向放大为原来的3倍;// 元素的x轴方向缩小为原来的1/2,y轴方向不变;// 元素的整体大小缩小为原来的1/2;// 元素的整体大小放大为原来的2倍;// scale接收两个参数，分别代表x和y方向的设置。...
2022-08-05 10:56:43
464
原创 浏览器兼容性问题
Web前端面试题第三道—浏览器的兼容性常见的兼容性问题：1.不同浏览器的标签默认的外补丁（margin）和内补丁（padding）不同解决方案：css里增加通配符*{margin：0；padding：0}2.IE6双边距问题；在IE6中设置了float，同时又设置margin，就会出现边距问题解决方案：设置display：inline；3.当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度解决方案：超出高度的标签设置overflow：hidden，或者设置line-heig
2022-01-05 21:32:44
61
原创 vue-tree-chart
view视图 about组件<template> <div id="app"> <TreeChart :json="data" :class="{landscape: 1}" @click-node="clickNode" /> <div class="gl_prs_ctn" :style='[contextstyle]'> <ul class='gl_prs_li'>
2021-09-30 16:30:56
2478
1
原创 前端---使用pm2+express搭建静态资源服务器
创建启动文件创建文件夹 static ，文件夹名自定义创建 index.js 启动文件，文件名自定义const express = require(‘express’)const app = express()app.use(express.static(’/lms/imgs’)) // 静态资源文件路径，可以是绝对路径，也可是相对路径app.listen(80) // 静态资源服务器端口Linux—安装NodeJShttps://blog.csdn.net/qq_39115..
2021-06-17 22:31:50
383
原创 说说你对slot的理解？slot使用场景有哪些
在这里插入代码片在HTML中 slot 元素 ，作为 Web Components 技术套件的一部分，是Web组件内的一个占位符该占位符可以在后期使用自己的标记语言填充举个栗子Slot template12template不会展示到页面中，需要用先获取它的引用，然后添加到DOM中，customElements.define(‘element-details’,class extends HTMLElement {constructor() {super();const
2021-05-17 12:55:30
812
原创 js this指向
箭头函数中this对象就是定义时所在的作用域，也就是说箭头函数本身没有this，内部的this就是外层代码块作用域中的this1、独立函数var a = 0var test = ()=> { var a = 1`在这里插入代码片` console.log(this.a)}test() //0该箭头函数在全局环境中定义，即this指向window对象的方法var a = 0var obj = { a: 1, foo: ()=> {
2021-05-09 16:23:42
55
原创 编辑 上传图片
<template> <div class="edit-wrap"> <div class="edit-header"> <el-page-header @back="goBack"> <template slot="content"> {{title}} <el-tooltip class="item" effect="dark" content="
2021-05-02 09:47:45
133
原创 登陆
<template> <div class="itc-login-wrap"> <div class="login-area"> <div class="login-logo"> 登陆 </div> <div class="login-form"> <div class="login-form-header"> <div
2021-05-02 09:43:08
64
原创 hey-cli初使用
hey-cli初使用当前项目负责人打算用hey-cli ，初步接触了hey-cli是一款比vue-cli使用还要简单的脚手架1. 先全局安装hey-cli npm install -g hey-cli2. 初始化项目 hey init 项目名 然后选择对应的模板3. 到达项目对应的目录下 cd 项目目录4. 安装包 npm install5. 启动项目 hey dev...
2021-04-29 23:25:43
303
原创 弹框
<template> <div class="fitting"> <div class="fit"> <el-dialog title="架柜创建" :visible.sync="dialogVisible" :close-on-click-modal="true" :modal="true" :show-close="true" :left=".
2021-04-25 19:49:03
67
原创 穿梭框
```javascript<template> <div :class="{ 'dialog-center': detectionShow }" class="maskstyle"> <el-dialog title="库房管理员设置" custom-class="mt0" class="admin" :visible.sync="detectionShow" width="900px" &g.
2021-04-25 19:47:06
54
原创 解释下什么是事件代理？应用场景
是什么事件代理，俗地来讲，就是把一个元素响应事件（click、keydown…）的函数委托到另一个元素前面讲到，事件流的都会经过三个阶段： 捕获阶段 -> 目标阶段 -> 冒泡阶段，而事件委托就是在冒泡阶段完成前面讲到，事件流的都会经过三个阶段： 捕获阶段 -> 目标阶段 -> 冒泡阶段，而事件委托就是在冒泡阶段完成事件委托，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，而不是目标元素当事件响应到目标元素上时，会通过事件冒泡机制从而触发
2021-04-25 09:51:01
152
原创 Javascript中如何实现函数缓存？函数缓存有哪些应用场景？
函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象const add = (a,b) => a+b;const calc = memoize(add); // 函数缓存calc(10,20);// 30calc(10,20);// 30 缓存缓存只是一个临时的数据存储，它保存数据，以便将来对该数据的请求能够更快地得到处理如何实现实现函数缓存主要依靠闭包、柯里化、高阶函数，这里再简单复习下：闭包闭包可以理解成，函数
2021-04-25 09:10:24
527
原创 什么是防抖和节流？有什么区别？如何实现？
什么是防抖和节流？有什么区别？如何实现？节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效防抖: n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时节流完成节流可以使用时间戳与定时器的写法使用时间戳写法，事件会立即执行，停止触发后没有办法再次执行function throttled1(fn, delay = 500) {let oldtime = Date.now()return function (…args) {let newtime = Date.now()i
2021-04-25 09:05:56
3043
原创 说说你对Vue生命周期的理解?
生命周期beforecreate 初始化created 组件以创建beforemount 组件挂载前mounted 组件挂到实例beforeupdate 组件数据变化，更新之前updated 数据更新之后beforeDestroy 组件 实例 销毁之前\生命周期 描述beforeCreate 组件实例被创建之初created 组件实例已经完全创建beforeMount 组件挂载之前mounted 组件挂载到实例上去之后beforeUpdate 组件数据发生变化，更新之前upd
2021-04-21 18:52:37
257
原创 一、原型 原型链 闭包
一、原型①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象②所有函数都有一个prototype(原型)属性，属性值是一个普通的对象③所有引用类型的__proto__属性指向它构造函数的prototype二、当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式
2021-04-20 20:50:17
119
原创 .vue、react的路由原理?
vue、react的路由原理?a)在地址栏中加入#以欺骗浏览器：地址的改变是由于正在进行页内导航。b)使用h5的window.history功能，使用URL的hash来模拟一个完整的URL。这种的优势是，在地址栏中不存在#，可以避免后台需要验证地址栏的时候，出现不识别的错误。c)Vue和react约定使用push方式来改变路由。Push做了2件事，1是改变了地址栏，2是更新了页面内容i.可以用history新增的pushState/replaceState方法，不刷新页面更改路由ii.Vue提供了
2021-04-20 19:12:48
105
原创 面试官：Javascript本地存储的方式有哪些？区别及应用场景
在这里插入代码片vaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决 HTTP 无状态导致的问题作为一段一般不超过 4KB 的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制 cookie 有效期、安全性、使用范围的可选属性组成但是cookie在每次请求中都会被
2021-04-20 19:12:17
971
5
原创 面试官：说说 JavaScript 中内存泄漏的几种情况？ #7
内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃在C语言中，因为是手动管理内存，内存泄露是经常出现的事情。char * buffer.
2021-04-20 19:07:23
359
原创 怎么理解回流跟重绘？什么场景下会触发
在HTML中，每个元素都可以理解成一个盒子，在浏览器解析过程中，会涉及到回流与重绘：回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制解析HTML，生成DOM树，解析CSS，生成CSSOM树将DOM树和CSSOM树结合，生成渲染树(Render Tree)Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小）Painting(重绘):根据渲染树以及回流得到的几何信.
2021-04-18 23:01:26
1055
埋点方案什么是火山引擎增长分析 DataFinder？
2023-02-03
微信小程序完整代码微信小程序完整微信小程序微信微信小程序完整代码小程序完整代码完整代码代码
2023-01-24
关于vue地图可视化 ，完整项目，可运行
2022-11-13
关于vue2.0气泡组件和图表的组件 中国地图的封装
2022-10-23
vue-element-admin
2022-10-10
关于可视化-图表 地图 动态显示
2022-10-10
后端技术 电子合同+电子签章
2022-10-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人