首页
分类
时间轴
友链
留言板
关于
SPARK`极客笔录
路漫漫其修远兮,吾将上下而求索
累计撰写
36
篇文章
累计创建
5
个标签
累计收到
4
条评论
栏目
首页
分类
时间轴
友链
留言板
关于
目 录
CONTENT
Web前端-SPARK`极客笔录
以下是
Web前端
相关的文章
2021-03-24
置顶
插件封装简述
简述插件封装 在此之前,我们先来认识一下,生成的插件包的格式类型有哪些 amd – Asynchronous Module Definition, used with module loaders like RequireJS
2021-03-24
7
0
1
Web前端
2019-10-21
置顶
使用Mockjs模拟数据请求
用mockjs生成数据,不需要等待接口即可调试 一、安装 用npm包管理工具安装 npm install mockjs 标签引入 <script src="http://mockjs.com/dist/mock.js"></script> 二、生成随机数据 Mock.js 的语法规范包括两部分:
2019-10-21
11
0
0
Web前端
2019-10-09
置顶
前端图片canvas,file,blob,DataURL等格式转换
将file转化成blob 利用URL.createObjectURL() let $img = document.getElementById('img') file.onchange = function (e) { let file = e.target.file
2019-10-09
3
0
0
Web前端
2024-12-25
服务器上安装 Ghost博客系统
本文要解决的问题:在服务器上安装 Ghost 博客软件,并通过 Web Server 设置反向代理的方式进行发布,涉及的系统环境和工具有: CentOS 7.1 Ghost 0.7 Nginx 1 安装 1.1安装 Nginx 更新 CentOS 软件,安装开发工具包、Vim 和 wget: yum
2024-12-25
13
0
2
服务器
Web前端
2024-03-21
Vite 本地路径打开问题
Vite是一个由Vue.js的创作者尤雨溪开发的现代前端构建工具,它主要提供了一个开发服务器,支持原生ES模块的快速冷服务器启动。同时,它还提供了构建命令,使您能够为生产环境提供预编译的最佳性能配置。 Vite具有以下一些特性: 快速冷启动:Vite利用了ESM(ES Modules)进行模块化,这
2024-03-21
0
0
0
Web前端
奇技淫巧
2024-03-19
React国际化实践指南
示例项目是由vite创建的react + ts模板 输入以下命令后输入项目名->React->Typescript即可创建 npm create vite@latest 安装所需工具包 npm i i18next react-i18next --save src目录下新建locales目录 新建
2024-03-19
2
0
0
Web前端
2021-07-11
前端SKU实现
一、 效果图 二、 前言 公司项目做商品模块 本人实现了商品sku生成部分 在sku生成后可以选择禁用其中部分sku ( 实际场景部分商品没有sku中的一些规格的时候需要禁用部分sku ) 所以在前台选择sku的时候会出现部分sku无法选中的情况 最开始也抱着百度的方案写这一块功能 但是目前百度的大
2021-07-11
2
0
0
Web前端
2021-04-10
Webpack中Loader与Plugin的区别
Loader(加载器) Loader用于对模块的源代码进行转换。loader 可以使你在加载模块时预处理文件 。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。 因为 webpack只能处理 JavaScript,如
2021-04-10
1
0
0
Web前端
2021-03-24
手写一个简版VUE框架
待更新
2021-03-24
1
0
0
Web前端
2021-03-23
javascript中的深拷贝与浅拷贝
js有五种基本数据类型,string,number,boolean,null,undefind。这五种类型的赋值,就是值传递。特殊类型对象的赋值是将对象地址的引用赋值。这时候修改对象中的属性或者值,会导致所有引用这个对象的值改变。如果想要真的复制一个新的对象,而不是复制对象的引用,就要用到对象的深拷
2021-03-23
1
0
0
Web前端
2020-07-06
HTTP1.0、HTTP1.1 和 HTTP2.0 的区别
<
2020-07-06
2
0
0
Web前端
2020-06-28
详解window.performance
为了得到脚本运行的精确耗时,需要一个高精度时间戳,传统的做法是使用Date对象的getTime方法,其不足之处在于: getTime方法及Date对象的其他方法只能精确到毫秒级别,无法得到更小的时间精度; getTime方法只能获取脚本运行过程中的时间进度,无法知道一些后台事件的时间进度,比如浏览器
2020-06-28
1
0
0
Web前端
2019-10-21
npm run dev 换成 pm2
一开始要用pm2 start一个process, Commands 用 start Option 用 --name 进程名 如何运行package.json原本定义好的scripts中的dev指令? -- run dev 理解:start npm (这个管理器)的run指令 pm2 start n
2019-10-21
1
0
0
NodeJs
Web前端
2019-10-09
FormData 对象之文件上传
writeHeader: 表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。但是有时候,我们希望通过脚本完成过程,构造和编辑表单键值对,然后通过XMLHttpRequest.send()方法发送。浏览器原生提供了 FormData 对象来完成这项工作。 用户上传文件,也是通过表单。具体
2019-10-09
1
0
0
Web前端
2019-07-25
vue3.0之前TypeScript 最佳入门实践
前言 其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 注意此篇标题的“前”,本文旨在讲Ts混入框架的使用,不讲Class API 1. 使用官方脚手架构建 npm install -g @vue/cli # OR yarn global add @vue/cli 新的Vue CLI工具允许
2019-07-25
1
0
0
Web前端
2019-07-19
Nuxt.js使用指南
有些时候,我们需要对一些网站进行SEO的优化,有利于搜索引擎的收录,提高搜索曝光率而且能够加快首屏渲染。Nuxt是一个基于Vue生态的更高层的框架,为开发服务端渲染的Vue应用提供了极其便利的开发体验。更酷的是,你甚至可以用它来做为静态站生成器 先看一下目录结构
2019-07-19
1
0
0
Web前端
NodeJs
2019-04-08
快速理解javascript中的Array.prototype.forEach
我们都知道document.querySelectorAll()能够获取dom节点,它返回时的并不是一个真正的数组,而是一个伪数组(NodeList),对于NodeList而言,它里面是没有forEach方法的,于是经常见到一下这种写法 var doms = document.querySelect
2019-04-08
1
0
0
Web前端
2019-01-23
深入Babel(实战)
前言:此文章只是个人理解,如有错误希望留言指出 上一篇已经讲了babel的作用和基本配置,那怎么才能应用到自己的项目中呢?这篇文章就以webpack为例,搭建一个简单的webpack应用(前提你你要先安装node环境,这里就不说了,这不是这篇文章的重点,请自行百度) 首先创建一个空的文件夹examp
2019-01-23
2
0
0
Web前端
NodeJs
2019-01-23
初探Babel
前言:此文章仅仅作为个人理解 babel是一个广泛使用的编译器,可以将es6转成es5代码,从而在现有的环境执行 使用babel的第一步就是配置一下.babelrc文件,存放在项目的根目录下 基本格式如下: { "presets": [], "plugins": [] } presets
2019-01-23
1
0
0
Web前端
NodeJs
2018-11-27
scripts 带入自定义命令参数
一般情况下,项目中有非常多的地方使用npm scripts配置来跑一些任务,假设有这样一个场景,需要有四个环境, 分别要编译出每个环境对应的包,也许你会想: 我每个环境无非接口不一样,资源地址不一样,可以根据每个环境去修改后,再进行打包. 是的, 如果你不熟悉scripts命令,这未尝不是办法, 但
2018-11-27
1
0
0
奇技淫巧
NodeJs
Web前端
1
2