前端
关注
分享
扫一扫
想哥找茬
本人有别人没有的洪荒之力
展开
-
JS substr、substring、splite、splice、slice、join 的区别
JS substr、substring、splite、splice、slice、join 的区别原创 2022-03-04 23:44:14 · 545 阅读 · 0 评论 -
vue-awesome-swiper4 轮播无效问题
vue-awesome-swiper4 轮播无效问题最新版本出现轮播无效问题，其他功能正常。不管怎么调试和配置，始终无效。最后使用3.1.3版本才轮播正常。以下是安装步骤：cnpm i vue-awesome-swiper@3.1.3 --save前端引入代码<template> <div class="swiper"> <swiper ref="mySwiper" :options="swiperOptions"> <原创 2021-12-31 00:15:03 · 389 阅读 · 0 评论 -
VUE 项目性能优化-- 实战必须要懂得
VUE 项目性能优化-- 实战必须要懂得原创 2021-12-10 00:24:47 · 1020 阅读 · 0 评论 -
XMLHttpRequest 拦截并添加header
场景：由于项目比较老旧，存在axios、ajax、xmlHttpRequest 等多种请求。需要在所有数据请求header上添加一个字段。全局找太麻烦，想统一设置和更改let req = XMLHttpRequest;(function(open, send) { XMLHttpRequest.prototype.open = function() { open.apply(this, arguments); } XMLHttpRequest.prototype.send =原创 2021-11-15 22:29:28 · 6798 阅读 · 1 评论 -
Module Error (from ./node_modules/html-loader/dist/cjs.js) webpack 配置时的坑
安装html-loader 后发现报错ERROR in Error: Child compilation failed: Module Error (from ./node_modules/html-loader/dist/cjs.js): HtmlSourceError: Bad value for attribute "href" on element "link": Must be non-empty (From line 13, column 32; to line 13, col原创 2021-06-26 01:58:27 · 3237 阅读 · 2 评论 -
完全理解 JavaScript 闭包是咋回事....
闭包这个东东很多人在工作中很少关注，但是项目一旦比较大后，就发现内存暴涨，点击次数越多内存越大，而且无法销毁，很大原因都是因为内存泄露导致。其中闭包是内存泄露的一个大的坑，现我们了解一下闭包是咋回事。在这之前我们先了解一下js垃圾回收的问题。一、关于js的垃圾回收 1)、在js中,果一个对象不再被引用,那么这个对象就会被GC回收;2)、如果两个对象互相引用,而不再被第三者所引用，那么这两个互相引用的对象也会被GC给回收.二、如何定义闭包及闭包的优缺点: 1、闭包是指子函数...原创 2021-06-25 22:02:30 · 203 阅读 · 0 评论 -
使用electron12 + vue3 + cli4 开发跨平台桌面应用
最近遇到很多人在找vue3和electron10以上版本开发桌面应用，寻找很久，发现SimulatedGREG/electron-vue 版本太旧，升级很麻烦，升级electron版本都特别困难，而且出现很多的问题，更别说升级Vue3。根据查找很多资料，这里给大家一个教程，具体怎么一步一步手动创建electron10+ 、Vue3+、cli4+的项目。相关库：electron ：https://www.electronjs.org/Vue3：https://cn.vuejs.org...原创 2021-06-23 23:47:15 · 336 阅读 · 0 评论 -
H5 JS动画库
1、scrollReveal.js 页面滚动显示动画，进入或者离开时显示。https://scrollrevealjs.org/2、Typed.js 该库将打印出你选择的字符串，就好像你输入文字一样。https://www.jianshu.com/p/a7cab3e2d56f3、Anime.js 可在Chrome，Safari，IE/Edge， Firefox 和Opera浏览器上运行。他可以用于设置ge各种目标的动画https://www.animejs.cn/4、Chart...原创 2021-06-23 01:04:50 · 687 阅读 · 0 评论 -
XMLHttpRequest 拦截处理
XMLHttpRequest 拦截包括两部分请求（request）拦截请求完（response）拦截直接上代码<script> class XMLHttp { request = function (param) {}; response = function (param) {}; } let http = new XMLHttp(); // 初始化 拦截XMLHttpRequest functi原创 2020-09-17 00:09:32 · 4525 阅读 · 0 评论 -
很不错的 JS 面试题，供大家参考，提升自己的逻辑思维
<!DOCTYPE html><html><head> <title>面试题</title> <style type="text/css"> .item { margin: 10px; padding: 20px; background: #e0e0e0; } .btn { margin: 20px 0; padding: 5px 20px; color: #fff;原创 2020-06-14 21:20:45 · 649 阅读 · 2 评论 -
取1000个数字里面的质数
问题：取1000个数字里面的质数<script type="text/javascript"> let num = 1000; let res_arr = []; for (var i = 1; i < num; i++) { let e = i; let noDivision = !divisionItem(res_arr, e) if (e != 1 && noDivision) { res_arr.push(e) } } cons原创 2020-06-02 23:48:50 · 567 阅读 · 0 评论 -
今日头条面试题，供大家参考
1、给定一个只包含’(’ 和’)’ 的字符串，找出最长的包含有效括号的字符串的长度实例1：输入："(()"输出：2解释：最长有效括号字符串为 “()”实例2输入： “(((((()())”输出：4解释：最长有效括号括号字符串为“()()”~~直接上代码了let arr = [] // 存放 全部长度 let count = 0; // 计数器 ...原创 2020-04-29 00:24:32 · 784 阅读 · 0 评论 -
悼念疫情-全网黑白屏显示技术 --- filter
CSS3 filter(滤镜) 属性一、实例img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}filter: none | blur() | brightness() | contrast() | drop-shadow() | grays...转载 2020-04-04 18:30:08 · 948 阅读 · 0 评论 -
gulp4.0 最新使用，代码构建（内涵babel、less、自动刷新、懒刷新等），全网最全使用
一、进入package.json 文件1、下载所需的插件{ "name": "test_gulp", "version": "1.0.0", "description": "xiangge_first_gulp", "main": "index.js", "scripts": {}, "author": "xiangge", "license": "ISC", ...原创 2020-03-25 23:10:10 · 518 阅读 · 0 评论