刷新
自制Chrome扩展插件:用于重定向js

博主头像 前言 作为一个前端开发, 在调试生产环境的代码时,是否苦于生产环境代码被压缩,没有sourcemap? 有没有想过将生产环境的js直接重定向为本地开发环境的js? 玩微前端时,有没有想过用本地的子应用js去替换线上的子应用js? 或者有没有想过修改别人网站的文件,直接完成某些非常规操作? 最近因为项 ...

「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之元数据导出导入(十五)

博主头像 本文主要介绍了元数据表单的导出导入功能,可以用于日常元数据表单备份,也可以分享给其他系统进行导入,以达到复用的目标。后续可以利用元数据导出导入功能配置一些常见的业务表单,比如电商、CRM、教育等领域,然后将这些业务表单导出供用户下载和使用。 ...

从浏览器渲染层面解析css3动效优化原理

博主头像 引言 在h5开发中,我们经常会需要实现一些动效来让页面视觉效果更好,谈及动效便不可避免地会想到动效性能优化这个话题: 减少页面DOM操作,可以使用CSS实现的动效不多出一行js代码 使用绝对定位脱离让DOM脱离文档流,减少页面的重排(relayout) 使用CSS3 3D属性开启硬件加速 那么,CS ...

循环结构 while do-while for break continue语法

博主头像 循环固定内容组成:1.声明定义初始化;2.条件判断语句;3.要执行的代码语句;4.自身改变。 循环语句的用法:重复执行固定的代码,直到条件不出来 1.while循环语法 首先要定好初始值 while(条件){ 循环体(要有改变循环条件的语句) } if(条件){ 执行代码 } 2.do-while循 ...

解析Markdown文件生成React组件文档

博主头像 前言 最近做的项目使用了微前端框架single-spa。 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法。 对于一个团队而言,项目中公共组件和方法的使用难点不在于封装不在于技术,很多时候在于团队内部成员是否都能了解这些组件,以避 ...

【javascript】String常用的方法

博主头像 字符串的一些常用方法记录 toUpperCase()将字符转换成大写格式 toLowerCase()转为小写格式 trim()移除空白,trimLeft左,trimRight右 charAt(num)获取单个字符 ####1.截取字符串 slice(start,end)返回截取部分,start下标, ...

TypeScript从入门到项目实战(进阶篇)

博主头像 内置对象的使用 JavaScript中有许多内置对象,可以直接在JavaScript程序中使用,同样的,TypeScript也延续了这些内置对象 全局的对象( global objects )或称标准内置对象,不要和 "全局对象(global object)" 混淆。这里说的全局的对象是说在全局作用 ...

vue富文本vue-quill-editor实现点击插入条件

前言:vue-quill-editor心得总结。 基础用法 显示问题(回显格式不正确) 插入带颜色字符后 光标颜色改变,后续字体颜色随之变化 实现点击富文本外条件列表,自动在富文本中插入,及之后的条件回填 ###1.安装并引入 ####下载包并在mian.ts中引入 vue-amap npm ins ...

Spirit带你彻底了解事件捕获和冒泡机制

博主头像 Dom标准事件模型 在Dom标准事件模型中,事件是先进行捕获,达到目标阶段时,在进行冒泡的 捕获阶段==>目标阶段==>冒泡阶段 目标元素和非目标元素 在介绍事件捕获和事件冒泡前 我们先要了解一下目标元素和非目标元素是什么意思 目标元素:它是我们当前触发事件的元素 非目标元素:它是在捕获阶段或着冒泡 ...

Vue 2.0 基础

博主头像 Vue 2.0 基础 知识点 特点 实例 基本语法 生命周期 路由管理Vue-Router 状态管理Vuex Http请求库Axios 特点 1.是一个MVVM框架 由MVC架构衍生,分为View(视图层)、ViewModel(数据视图层)、Model(数据层),MVVM 最标志性的特性就是 数据绑 ...

jsPlumb开发流程设计器

博主头像 前言 jsPlumb是一款开源软件,但jsPlumb toolkit是收费的。 本文主要使用jsPlumb实现一些简单的流程设计功能。 基础学习 首先引入jsplumb.min.js。 <script src="https://cdn.jsdelivr.net/npm/jsplumb@2.8.0/d ...

第 49 题:如何实现一个对象深拷贝?

博主头像 假设我们要复制一个对象,如果不对其进行深拷贝,那么改变其中一个对象后,另外一个对象也会跟着改变 正常情况场景 let a = { age: 20 }; let b = a; b.age = 30; console.log(a.age); // 30 这并不是我们想要的效果,所以想要复制一个全新的对象 ...

webpack打包原理,手写一个自己的bundler

博主头像 webpack这类的打包工具,能帮助我们把用esModule组织起来的代码打包到一个js文件中,在浏览器中运行。实现前端项目的模块化,同时优化请求数量,文件大小等。 话不多说,我们自己来实现一个类似的bundler,对模块化的前端代码进行打包,输出能在浏览器运行的js文件。 ...

第 48 题:什么是闭包?

博主头像 闭包就是指有权访问另一个函数作用域中的变量的函数 观看了 JS 高级程序设计中的闭包后,发现可以描述的更具体,这个将在后期更新此篇文章 栗子 function foo() { var local = 1; function bar() { local++; return local; } retur ...

前端主流布局系统进阶与实战《慕课》

博主头像 CSS文文件件划划分分及及功功能能分分类类 一、CSS文件划分 在中大型项目中,一般会对CSS进行文件划分,根据文件的性质与用途,大概会分成: 公共型样式 特殊型样式 皮肤型样式 公共型样式可命名为global.css或common.css等名字,主要包括网站通用样式编写,例如:重置默认样式rese ...

TypeScript从入门到项目实战(基础篇)

博主头像 前言 TypeScript是什么? 引用官方原话 TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 个人的理解: 由微软开发的一个开源项目,对javascript的一个扩展 ...

第 47 题:什么是防抖和节流?

博主头像 防抖 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 <script> export default { data() { return { timer: null }; }, methods: { click() { clearTimeout(this. ...

123···63>