![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端分享
文章平均质量分 65
李小逗逗
生命不息,进步不止
展开
-
总结JS中Math的方法及使用
【代码】总结JS中Math的方法及使用。原创 2022-08-23 14:57:56 · 703 阅读 · 1 评论 -
浅梳理JS对字符串的操作
全面了解javaScript字符串操作方法合集原创 2022-08-18 15:03:48 · 574 阅读 · 0 评论 -
三栏布局的几种实现方式
1、float实现三栏布局给左盒子设置float:left,给右盒子设置float:right,中间盒子设置margin-left和margin-right。需要注意的是,左右盒子要放在中间盒子之前。代码如下:2、absolute实现三栏布局给左右盒子设置position:absolute,给左盒子设置left:0;top:0,给右盒子设置right:0;top:0;给中间盒子设置margin-left和margin-right。代码如下:3、flex实现三栏布局给父元素设置display原创 2022-06-13 13:49:35 · 946 阅读 · 0 评论 -
JS处理数组去重
示例数组:let arr = [8,5,12,8,5,45,2,56,78,45,5,45],let newArr = [];方法一:暴力双循环方法二:includes()去重方法三:filter()循环过滤方法四:sort()排序方法五:ES6 Array.from()方法六:递归原创 2022-06-10 10:56:13 · 78 阅读 · 0 评论 -
面向对象编程
分享-前端业务场景的一些代码优化前端开发基本每天都在写业务代码,有些场景我们可以用更好更优雅的方式去处理。今天给大家分享下我在实际业务场景下对代码的一些思考与优化,和大家探讨下。主要是两个方面:如何利用js对象key唯一性简化代码逻辑 如何利用异步和队列简化重复代码逻辑如何利用js对象key简化代码1. 利用对象来简化if else或者switch case先简单举例说个业务场景:运单可能有待发车、运输中、待收货、待回单、已收货…等状态,我们需要根据不同状态来显示不同的文案和图标原创 2022-05-24 15:30:23 · 328 阅读 · 0 评论 -
vue 前端实现上传录音功能
所用到的技术+原理// 音频文件上传示例new Blob()// Binary Large Object 二进制类型的大对象,Blob是JavaScript内建对象,表示不可变的原始数据,类似文件的对象。// https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob// let aBlob = new Blob( array, options );let dataBlob = new Blob([音频文件原数据], { type原创 2022-02-21 20:55:03 · 3560 阅读 · 0 评论 -
RN 环境搭建教程
RN开发环境搭建mac:1,安装homebrew/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"选择中科大镜像2,安装nodebrew install node3,安装yarnnpm install -g yarniOS模拟器环境搭建1,安装Xcode官网下载最新版appStore下载最新版React Native 目前需要Xcode 12 或更高版本。你原创 2022-01-20 16:53:07 · 2909 阅读 · 0 评论 -
前端实现超出文字显示展开收起的功能
交互难点:位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时,不显示“展开收起”按钮说实话,之前单独看这个布局,即使借助 JavaScript 也不是一件容易的事啊(需要计算文字宽度动态截取文本,vue-clamp就是这么做的),更别说下面的交互和判断逻辑了,不过经过我的一番琢磨,其实纯 CSS 也能完美实现的,下面就一步一步来看看如何实现吧~文本样式1.多行文本截断<div class="text"> 浮动元素是如..原创 2022-01-06 11:35:29 · 6955 阅读 · 12 评论 -
快速了解Vue2与Vue3有什么区别
Vue2,Vue3原创 2022-01-05 16:19:51 · 1223 阅读 · 0 评论 -
前端ES6碎知识小总结
1.处理字符串相关方法let str = "I love JS";str.includes("I"); // --> true 字符串中是否包含该字符。 str.startsWith("I") // --> true 字符串是否以I开头str.endsWith("JS")// --> true 字符串是否以JS结尾str.repeat(3) // 字符串重复三次 返回新字符串str.padStart(10,'0'); // 字符串的长度最少为两位,不够的话在字符串的前面加0原创 2021-11-19 13:54:16 · 1269 阅读 · 0 评论 -
ES6数组的扩展
1.扩展运算符 扩展运算符是三个点(...),它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]该运算符主要用于函数调用。注意,只有函数调用时,...转载 2021-09-09 11:26:29 · 171 阅读 · 0 评论 -
git常用命令大全
下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig,它可以在.原创 2021-08-24 09:38:49 · 2747 阅读 · 1 评论 -
Vue利用 provide 和 inject 实现realod()页面刷新的功能
Vue项目中刷新当前页面的方法JS 原生刷新页面方法:window.location.reload() 利用路由刷新的方法:this.$route.go(0) 利用 vue 提供的 provide 和 inject 自定义刷新前两种刷新页面的方法,虽然代码简单,但比较粗暴,属于强制刷新整个页面,会出现短时间的白屏空隙,用户体验不好下面只总结第三种刷新页面的方法,可以很好地解决刷新但不出现白屏的问题。利用provide和inject实现页面刷新首先在父页面中比如 App.vue ...原创 2020-12-12 11:30:12 · 754 阅读 · 2 评论 -
JavaScript常见的工具函数汇总,正则、数组操作、本地存储、转码、节流防抖等等
工作中常用的工具函数,提高工作效率https://juejin.cn/post/6844904181761835016转载 2020-12-12 09:53:21 · 117 阅读 · 0 评论 -
使用patch-package定制node_modules 中的依赖包
背景: 首先,需求是这样,Vue项目中使用的是iview第三方UI库,要修改组件DatePicker中默认选中的当日的日期(如下图),实现无论在哪个时区,均显示中国的日期 (图1-1)由于,iview提供的api中并没有可以设置当前选中的日期的参数,而是默认去的new Date(),也就是当前系统的时间,所以这个默认选...原创 2020-12-12 09:35:39 · 8476 阅读 · 15 评论 -
vue面试题总结
面试了几次的前端面试总结原创 2020-03-20 14:39:47 · 93 阅读 · 0 评论 -
浅浅的webpack
第1章 入门(1)模块化1.CommonJSCommonJS是一种被广泛使用的Javascript模块化规范,其核心思想是通过require方法来同步加载依赖的其他模块,通过module.exports导出需要暴露的接口。2.AMD与CommonJS最大的不同在于,它采用了异步的方式去加载依赖的模块。主要用于解决针对浏览器环境的模块化问题,最具代表性的实现是requirejs。...转载 2020-03-12 17:07:39 · 139 阅读 · 0 评论 -
悠谈 webpack
第1部分入门(1)模块化1.CommonJSCommonJS是一种被广泛使用的Javascript模块化规范,其核心思想是通过require方法来同步加载依赖的其他模块,通过module.exports导出需要暴露的接口。2.AMD与CommonJS最大的不同在于,它采用了异步的方式去加载依赖的模块。主要用于解决针对浏览器环境的模块化问题,最具代表性的实现是requirejs...转载 2020-05-21 15:19:04 · 210 阅读 · 0 评论 -
前端使用mathJax.js展示数学公式无法自动换行的问题
前言:最近使用的一款插件math.js按照正常格式展示各种公式,途中遇到不能自动换行的困扰,一步步排查得知标签class名为mjx-chtml的设置强制不换行white-space: nowrap,那么只需要在你所引用的CSS文件中加一行样式即可话不多说,上代码全局引用并设置mathJaxmessageStyle是公式转化的进度,会显示的页面左下角,用户体验不是很好,SO,我隐藏掉...原创 2020-03-12 16:51:51 · 2277 阅读 · 3 评论 -
前端代码书写规范
前端规范通用规范TAB键用两个空格代替(WINDOWS下TAB键占四个空格,LINUX下TAB键占八个空格)。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 文件内容编码均统一为UTF-8。 对于属性的定义,确保全部使用双引号,不要使用单引号;js 代码中尽量使用单引号。文件规范文件名用英文单词,多个单词用驼峰命名法。 一些浏览器会将含有这些词的作为...原创 2019-12-14 17:44:27 · 211 阅读 · 0 评论 -
前端如何快速实现构建
1.entrywebpack 查找依赖的入口文件配置,入口文件既可以一个也可以是多个。单页面应用入口配置通常做法配置:index.js 单页面应用入口文件,vendor.js 第三方依赖库,polyfill.js 特性填充库,// 导出配置module.exports = { entry: { vendor: './src/vendor.js', pol...原创 2019-11-30 10:55:33 · 656 阅读 · 0 评论