前端
文章平均质量分 53
笑笑的微笑
这个作者很懒,什么都没留下…
展开
-
提高开发效率之自制前端字符转换小工具(大小写转换、驼峰转下划线)【1】
大家好,我是吃饱就睡,睡饱没事干的蔬菜乌鸦。经常联调的小伙伴总是经常遇到后端大佬给过来的字段全是大写或是下划线连接的字符。这个时候就需要我们转换了,很麻烦,就开发了这个小工具。原创 2022-11-19 13:16:25 · 367 阅读 · 1 评论 -
纯原生实现多张图片合成
想熟悉一下blob和canvas这些工作开发中不是特别常用东西。原创 2022-11-18 00:40:37 · 193 阅读 · 0 评论 -
js常用工具函数之浏览器平台判断方法
js常用工具函数之浏览器平台判断方法原创 2022-07-25 11:50:07 · 224 阅读 · 0 评论 -
js常用工具函数之连字符-与驼峰转换方法
js常用工具函数之连字符-与驼峰转换方法。原创 2022-07-25 11:44:31 · 304 阅读 · 0 评论 -
js常用工具函数之判断变量类型
js常用工具函数之判断变量类型。原创 2022-07-25 11:37:41 · 228 阅读 · 0 评论 -
vue中各option的优先级
vue中各option的优先级,vue经典面试题原创 2022-07-22 08:43:46 · 257 阅读 · 0 评论 -
vite原理之解析.vue文件
vite就是在本地启用了一个http服务器,然后将本地的文件通过浏览器的请求将本地的文件返回到浏览器;当然其中会有大量的解析,用于将文件内容解析为浏览器可以理解的内容原创 2022-07-03 11:45:08 · 2386 阅读 · 0 评论 -
react + antd 封装通过json数组形式的Form表单
react + antd封装form组件的若干方法原创 2022-06-16 15:58:07 · 1707 阅读 · 1 评论 -
node工具之nodemon
node工具之nodemon安装依赖创建启动文件创建被监听页面效果在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/c76d3932cb1344c781caed3bc2288479.png#pic_center)小知识原文链接:学习 nodemon 的实现原理安装依赖npm i chokidar创建启动文件//index.jsconst chokidar = require('chokidar'), {spawn} = require('原创 2022-02-27 21:10:49 · 299 阅读 · 0 评论 -
javascript 中的那些遍历方法
javascript 中的那些遍历方法数组中相关的:for循环for offor inforEachmapfiltersomeeveryreduce/reducPrev/reduceNext对象相关for inObject.keys()Object.values()Object.entrys()老生常谈的问题,在面试和实战中都是高频点,我也是为了回忆和巩固才写这篇文章数组中相关的:for循环var objs = [ {name: 'mary', age: 12}, {name: 'lis原创 2021-11-07 21:22:43 · 417 阅读 · 0 评论 -
vue + uniapp Uncaught TypeError: Cannot read property ‘getters‘ of undefined
Uncaught TypeError: Cannot read property ‘getters’ of undefined在迁移 vuex 相关代码时,启动的时候报:Uncaught TypeError: Cannot read property 'getters' of undefinedstore/index.js文件:import Vue from 'vue'import Vuex from 'vuex'import getters from './getters.js'Vue.原创 2021-08-05 17:05:40 · 1318 阅读 · 0 评论 -
前端面试之DOM操作成本高在哪?
前端面试之DOM操作成本高在哪?前提:文章借鉴博客DOM操作成本高在哪,文章用以记录前提:要想清楚DOM成本,首先需要了解HTML的渲染过程:1、渲染引擎读取HTML,生成DOM树2、渲染引擎读取CSS,生成CSS规则树,3、合并DOM和CSS规则树,生成render树,4、根据render树布局(计算布局和大小),5、绘制render树,绘制页面信息6、浏览器通知GPU(图像处理器)绘制页面需要注意的是:在每次进行了DOM操作后,一定会进行布局与绘制,小号GPU,但是绘制不一定导致原创 2021-07-31 15:33:52 · 140 阅读 · 0 评论 -
阅读element-ui源码(1)怎么找到样式与组件入口文件
怎么阅读?首先,找到入口文件找到样式文件与组件文件有没有一些复用的小组件,由这些小组件组成的大组件有哪些入口文件项目启动文件:"scripts": { "bootstrap": "yarn || npm i", "build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/vers.原创 2021-07-10 12:06:49 · 2095 阅读 · 0 评论 -
使用vue3全家桶
尤大神的vue3与vite出来已经好久了,听说和vue3相比有很多的变化,本着凑热闹的心态,来摸下皮毛尝试新东西,最快捷的方法当然是看别人的成果。但我还是像不自量力的看一下官网怎么弄 vue3官网检查环境: node --version 查看是不是v12.x.x以上,不过不是,请升级或安装覆盖查看vue-cli4.5:npm install -g @vue/cli,查看版本:vue --version既然准备好了,就通过脚手架来创建vue项目吧:npm init @vitejs/a.原创 2021-05-10 23:06:45 · 654 阅读 · 0 评论 -
前端面试记录2021-4-27
今天请假去面试了,地点是长沙。现在把面试的内容记录一下,有些问题忘记了,就没记录第一家公司面试的知识点还是蛮多的,好多问到了我的盲点,下面就挑一些我不大清楚的地方吧不过我也确实还有很多知识点属于盲区异步的类型(主要有两种类型)?浏览器缓存的作用和过程?原理呢?说一下Promise,它解决了什么痛点?怎么使用?同源策略的目的(从WEB安全方向),后端为什么没有同源策略?http请求头的几种写法,文件传输呢?class与funcion的区别?function对比class有哪些优劣?浏览.原创 2021-04-27 22:29:46 · 99 阅读 · 0 评论 -
纯前端导出html、word与pdf报表
导出wordjQuery wordExport实现网页导出word主要借鉴这篇博客,可能有其他更好的插件,但懒得找导出HTML导出html应该是相对简单的,因为js的writer()语法就可以实现输出let resHtml = `<!DOCTYPE html> <html> <head> <meta charset="utf-8">原创 2021-04-24 15:47:06 · 707 阅读 · 0 评论 -
vue复习之生命周期函数与组件传值方法
vue复习之生命周期函数与组件传值方法###生命周期有哪些?分别做了些什么?beforeCreate: 开始创建vue实例created:此时进行了vue实例的配置:如获取了数据的obsever,data,方法,监听器,计算属性,监听属性。给实例开始了配置和属性。此阶段可以进行数据资源的获取。beforeMount:此时开始了计算实例的template模板,准备渲染和挂载,实例节点还未生成。mounted:vm节点已经生成,页面渲染结束。此时可以进行DOM节点的获取。beforeUpdate:原创 2021-03-26 09:25:37 · 90 阅读 · 0 评论 -
HTTP协议响应码
HTTP协议响应码404 资源未找到,一般是请求路径错误引发405 方法不被允许,可能是请求方法错误,或者请求的参数传递错误403 禁止访问,一般是未携带token等授权信息引发406 无法接受,…408 请求超时409 指令冲突413 请求实体过大414 所请求的url过长416 所请求的范围无法被满足417 预期内容错误429 请求数过多431 请求的头字段过大507 内存不足599 网络连接超时...原创 2021-01-07 11:35:20 · 131 阅读 · 0 评论 -
使用webpack+webpack-dev-server打包开发页面-初体验
使用webpack+webpack-dev-server打包开发页面总所周知,webpack是打包工具,不论是html、css、js还是图片,都给你打包压缩,减少流量消耗和资源消耗。那么,来看看webpack怎么用。学东西,第一、要看官网、看官网、看官网重要的事情说三遍webpack官网地址如果像笔者一样理解能力不是特别突出的,可以找些相关视频学习、辅助以官方文档。初始化项目- 新建一个文件夹,如:webpack-demo- cd到webpack-demo目录下,npm init -原创 2021-01-04 12:44:49 · 187 阅读 · 1 评论 -
使用Webpack开发项目所需要的一些配置
使用Webpack开发项目所需要的一些配置斜体为非基本配置First step:三大件:webpackwebpack-cliwebpack-dev-serverSecond step:处理JS -> ES6 -> ES5(转码器)babel-loader@7babel-corebabel-preset-envbabel-plugin-transform-runtimebabel-plugin-transform-decorators原创 2020-10-26 09:32:26 · 100 阅读 · 0 评论 -
vue 使用qs向后端传递表单FormData参数
axois_qs 使用表单传参在使用vue+elementUI搭建了登录页面之后,想和后端的Springboot对接一下;对接的vue-cli配置研究一番再写笔记;总所周知,再前后端对接的时候,后端接收的一般就是字符串,直接返回json字符串;而前端内,最好选择表单字段,也就是applicaton/x-www-form-urlencoded格式,这种后端最好接收。那么,如何使用?引入a...原创 2019-12-02 23:54:35 · 7386 阅读 · 0 评论