- 博客(22)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 关于Babel的研究，从零开始一步步深入
记录下关于Babel的研究所需的依赖包常用的插件配置文件参考资料：babel中文网首先，我们需要明白，Babel 是一个 JavaScript 编译器，是对现有功能的扩展或降级实现，来达到兼容低版本浏览器的目的所需的依赖包@babel/core // 核心包，必须。@babel/preset-env // 预处理，根据配置的浏览器环境进行预处理@babel/cli // 命令行，安装后可以通过命令执行babel，并生成编译后的文件，输出到指定目录查看#运行此命令将 src 目录下
2021-09-04 10:36:45
127
原创 排序算法透彻解析，用JS实现，用浏览器就能测试
排序算法透彻解析，用JS实现，用浏览器就能测试。排序算法不难，能结合实际思考，主要就是想办法减少循环次数，比较次数，数据交换次数，以及占用更少的内存。有的人一看，这么多种排序算法，一下子就蒙了，其实他们都是循环、比较、交换，只是性能、内存不同。
2021-07-27 01:14:44
152
原创 前端技能自查——JavaScript
JavaScript写在最前面，希望大家能用心体会。对于前端开发来说，JavaScript语言基础非常重要，推荐《JavaScript权威指南》这本书，至少要看完一遍。由于JavaScript语言较为松散，没有过多的类型约束，因此好的编码风格和习惯真的很重要！...
2021-05-12 23:32:40
124
原创 前端从小白到架构师的成长之路（持续更新中...）
梳理下作为前端架构师应该掌握的知识技能，方便自己能一步一步的成长为架构师。技能掌握程度自查列表CSS推荐两本书，1.《CSS世界》、2.《CSS揭秘》 先后看完这两本书，对提升css技术有很大帮助命名建议与约束浏览器的兼容性解决方案响应式布局方案对css渲染性能的思考合理使用css预处理：scss、less图片的细节处理图标的选择动画与交互，对用户体验的思考HTML语义标签的意义块元素、行元素、伪元素SVG矢量图形的绘制Canvasecharts
2021-04-26 16:24:34
417
原创 前端技能自查——CSS
前端架构师的成长之路（让兼容、适配成为过去式）点亮灯塔，为迷失在大海中的你！废话不多说，上路之前，基础要扎实！由于浏览器厂家的多元化，版本的迭代，显示屏的层出不穷。我们前端开发总会遇到各种各样的兼容、适配问题，那么如何解决这样的问题呢？我想大多人都会处理，加个判断？特殊处理一下？但是一个人的力量终究是有限的，无法做到面面俱到，每个标签，每种样式都有可能出现兼容性问题。技术是不断发展的，...
2021-04-25 00:02:24
199
原创 关于HTML标签的选用问题探讨
将DIV作为最后的选择来编写页面吧！！！最近准备做一个UI组件库，在编写按钮组件时，纠结了下使用div，还是button 。所以就了解了下HTML标签选择问题，由于之前一直是div+span写完全套页面，最主要的原因就是样式问题，div用着爽啊，而且很顺手，我想怎样画就怎样画。但经过深入了解后，我改变了对HTML标签的认知，任何事物的诞生都有其用途，而还在不断迭代升级的，就更应该引起重视了。* 提个问题，如果让你写个按钮，你选择怎么实现？我想大家大多会有这么几种写法：UI要求是个方块，圆圈等样式的
2021-04-18 11:35:35
88
原创 监听窗口、dom元素的属性变化
前言最近项目好多图表操作，当加载echarts时，希望canvas的宽高能随着屏幕自适应调节大小，因为所用容器都是百分比等份布局，所以想使用echarts的API resize方法实现大小的动态调整。研究历程1.window.onresize首先想到的是window有没有类似的监听事件，好通过它来实现，搜了下，果然有window.onresize = function(){xxxx}// 写法一、<body onresize="alert('You have changed the si
2020-07-16 00:56:37
1041
原创 记一次关于JS打包的研究 webpack | rollup
前言最近准备开发一套自己的UI组件库，主要是出于磨练技术的目的，所以所涉及到的技术点，都不自觉的多研究了下。起步先研究了GitHub上优秀的大作，看看大佬们都是怎么搭建项目框架的。在代码最终打包方面，我发现elementUI使用的是webpack，也有些使用的是rollup关于rollup和webpack的优缺点，可以看这篇文章 从webpack到rollup最终我选择了rollup 顺便提下，vue，react源码项目也是使用的rollup打包的，如何更好的配置rollup，可以参考大佬们的写法
2020-07-12 22:42:41
226
转载 页面的渲染原理以及在开发中css应该如何规范的书写
页面的渲染原理以及在开发中css应该如何让规范的书写看到一篇不错的文章，记录一下，css规范，并非只是对编码的约束，还有可以让程序变得 更高效，以维护，可升级本来打算自己写一下的，但偶然发现了这篇文章，写得很不错了，所以偷下懒，直接转载啦，原创辛苦！这篇文章主要是介绍了一下页面结构基础，CSS 选择器，页面渲染机制，屏幕适配方案，CSS书写规范。原文链接https://blog.csdn.net/qq_40665861/article/details/106208983...
2020-07-05 20:36:43
125
原创 用JS生成声音，实现钢琴演奏
基于WebAudio API来创建合成音乐效果看演示效果废话不多说，直接上代码整体思路第一步：创建一个蜂鸣器，就是喇叭，能响就行第二步：根据音调的不同，创建所需的音符第三步：设置高低音第四步：添加按键监听事件，控制播放设置按键第一步：创建一个蜂鸣器，就是喇叭，能响就行var BEEP = { VERSION: 3, // Chrome, Opera, and Firefox already provide AudioContext() // but Safari instead pr
2020-05-09 00:25:16
1871
原创 文件转base64， base64转文件
import sun.misc.BASE64Decoder;import sun.misc.BASE64Encoder;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;public class FileToBase64 { public static Strin...
2020-05-08 00:57:41
197
原创 关于npm命令的一些记录
npm install xxx --save–save 可以理解成生产环境，会把依赖包名称添加到 package.json 文件 dependencies 键下，dependencies是运行时依赖。–save-dev 则是开发环境， 添加到 package.json 文件 devDependencies 键下，devDependencies是开发时的依赖，如生产时不需要用到压缩库应该...
2020-05-01 10:16:14
140
原创 vscode+vue+eslint统一风格配置
对于程序员来说，编码风格，习惯决定了工作效率。好的编码风格，可读性强，bug率低。本着简洁大方的原则，将个人的一些习惯记录下来，也为了能在新环境下快速配置出自己的风格。vscode+vue+eslint+prettier几个必备插件：vetur：支持vue文件的识别、代码提示、格式化（默认prettier风格）ESLint：编码风格限制、修复Path Autocomplete：引...
2020-05-01 09:59:15
371
原创 发布Jar到中央仓库报错 Remote staging failed: Staging rules failure!
发布Jar到中央仓库报错 Remote staging failed: Staging rules failure!意思是：未遵守发布jar的规则，可以查看命令行中详细的错误描述【error】…如果是手动发布，即在https://oss.sonatype.org/网址上发布的，可以点开页面下方的日志列表，查看错误描述。可能原因有：是否已经发布公钥：ps:使用 gpg4win（一个软件...
2019-12-04 22:09:42
1476
原创 eslint规范详解
eslint规范这套规范是我长期开发vue时，使用的一套代码约束规范，个人用着还是很舒服的，和以前的编码习惯没有太多的冲突，本人主要是从下列几个方向出发，来约束代码，当多人参与项目开发时，规范风格能保持一致，可以省去不少麻烦。可能引发逻辑错误他人误解，代码可读性后期维护，摒弃过时的书写方式// https://eslint.org/docs/user-guide/configuri...
2019-11-16 12:28:19
463
原创 百度文字转语音免费接口使用实例
http://tts.baidu.com/text2audio?cuid=baiduid&lan=en&ctp=1&pdt=311&tex=%E6%B5%8B%E8%AF%9512354245.121
2019-11-16 11:33:20
2180
2
原创 如何设计数据库表结构，多年实用经验汇总
为了更高效、规范、优雅的书写代码，需要我们在设计表时就打下良好的基础，使得可以应变后续多变的业务需求。在此鄙人根据这些年在开发过程中吐槽过的各种表设计，总结了一些不成文的规范，没有强制的约束，仅仅是为了可以帮助我们开发各种奇葩业务逻辑时，尽可能顺畅一些，规避掉一些繁琐的逻辑。
2019-11-12 00:40:03
7390
1
原创 Vue开发环境搭建
Vue开发环境搭建一、使用标签引入方式二、使用脚手架开发完整项目1.nodejs环境配置（npm）[nodejs官网下载地址](https://nodejs.org/en/)，打开下载文件安装，一路next即可，命令行确认是否安装成功。2.安装 cnpm (npm的淘宝镜像) 国内下载速度会快不少，以防有些依赖包无法下载。3.vue-cli 4.0环境配置4.生成脚手架项目5.如何使用idea开发...
2019-11-10 19:04:19
177
转载 mysql 免安装版配置（转）
请先确保之前没安装过MYSQL,如果安装过，请确保已彻底删除：卸载方法如下：删除服务:sc delete mysql //这里的mysql是你要删除的服务名 在CMD中输入以下命令。 net stop mysql //停止服务 mysqld-nt -remove //删除 mysqld-max-nt --remove //去掉系统的服务项 删除目录.第1步：下载如下图...
2019-04-29 22:44:50
116
转载 Idea 解决IDEA卡顿问题及相关基本配置（转）
一、IDEA太卡顿，设置使用IDEA的内存在IDEA的安装目录下的bin目录下：打开设置：将idea.exe.vmoptions文件内由-server-Xms128m-Xmx512m-XX:MaxPermSize=250m-XX:ReservedCodeCacheSize=150m-ea-Dsun.io.useCanonCaches=false-Djava.net....
2019-04-29 21:31:23
465
原创 MYSQL 常用函数、条件判断、正则等的使用案例
MYSQL 常用函数、条件判断、正则等的使用案例巧用函数、实现对数据进行匹配、加密、截取、格式化处理替换文本：REPLACE(obj,from,to)截取字符串：SUBSTR(obj,from,to)正则判断：obj REGEXP “^[1][3456789]$”条件判断(支持两个以上)：CASE WHEN ’条件1‘ THEN ’结果1‘ WHEN ’条件2‘ THEN ’结果2‘ ...
2019-04-03 16:47:37
882
.eslintrc.js
2019-11-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人