前端小鑫-CSDN博客

原创 hashids 前后端参数加密

使用场景：在项目开发过程中涉及到安全测试，一般列表在系统中可以通过权限控制，但是很多通过id查看详情要求通过密文查询官网：https://hashids.org/GitHub：https://github.com/niieani/hashids.js使用方法：通过 npm install hashids 下载安装引入hashids依赖，封装加密方法import Hashids from 'hashids'/** * @author: jinx * @Date: 2021

2021-09-23 17:47:35 374

原创【前端批量输入】输入框输入字符，根据非数字切割，通过逗号传给后端

功能场景：今天做一个账号id批量输入的查询条件，以前都好傻逼限制用户只能输入某个或者某些特殊字符，然后再在代码中判断字符切割，这样很繁琐，今天换位思考，匹配非数字去切割，就可以不限制用户的输入实现同样的功能。实现代码：const value = "467498475*erffdsfdf/778978^s789,"let result= nullresult= value.split(/\D+/g) //连续的多个数字切割成数组【'467498475','778978','789',''】r

2021-09-15 15:29:12 476

原创 js小技巧

1、删除重复项你主要使用循环来迭代整个 Array 以从中删除重复项。但我将向你展示通过编写更少的代码来完成相同工作的专业方法。let array = [100, 200, 200, 120, 238, 201, 201]let newArray = Array.from(new Set(array));console.log(newArray) // [ 100, 200, 120, 238, 201 ]2、数组的最后一个元素当你需要获取数组的最后一个元素时， slice 方法在 JavaS

2021-08-24 15:24:50 150

原创【2021.07】前端实现的三种基本设计模式

前言前段时间找工作，在一次笔试过程中碰到过手写实现发布订阅者模式，后来回来总结了这三种设计模式的前端实现和应用。提示：如有不对，请多多指教文章目录前言一、单例模式二、策略模式三、发布订阅者模式总结一、单例模式定义：1 、只有一个实例 2 、可以全局的访问主要解决：一个全局使用的类频繁的创建和销毁何时使用：想控制实例的数量节省系统化资源的时候如何实现：判断系统是否已经有这个单例如果有则返回没有就创建单例模式优点：内存中只有一个实例，减少内存的开销，尤其是频繁的创建和销毁实例

2021-07-29 15:30:44 349

原创【2021.07】前端需要会的算法题与思路提示

文章目录一、数组去重（能想到的方法）二、冒泡排序三、快速排序四、插入排序五、判断回文数六、多维数组扁平化处理七、所有和为n的连续正数序列八、数组中找出和为N的两个正数九、具有最大和的连续子数组十、合并两个有序数组十一、斐波那契数列十二、手写map总结一、数组去重（能想到的方法）对象、set、includes（indexof）、concat(push)二、冒泡排序比较轮和次数三、快速排序二分法，左中右通过concat连接四、插入排序类似抓牌，取第一张放入五、判断回文数数组反转再转字符

2021-07-28 17:58:36 178

原创【2021.07】JS面试题总结

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、pandas是什么？总结一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。1、js数据类型基本：null undefind number boolean string引用：array objectSymbol的作用2、判断变量的类型Typeofinstanceofconstractobjec.prototype.tostring.call()

2021-07-28 17:47:00 176

原创【2019.07-至今前端学习历程】前端小菜鸟日记

学历背景：2019年普通本科计算机专业毕业，毕业那年备考研究生考试，最终没有上岸，可以说除了文凭，大学基本没有储备什么。毕业第一年：2019年六月顺利本科毕业，由于没有任何知识储备，毕业前一个月通过校招去了深圳南山一家普通民营企业试用期6.5k转正9k。刚去公司真是啥都不会，接口都不知道是啥，更加别说联调，即便这样也没有放弃，不会就模仿，只能说勤能补拙。虽然中途也想过转行，但是了解了各行各业后，觉得没有什么行业是容易的，所以打算继续坚持。通过边模仿边学习的锻炼了一年，没学会太多东西，只学会了vue2+

2021-07-23 10:58:54 146 1

原创【2021.07】html+css面试题

文章目录背景HTML、CSS1、HTML语义化的理解2、行内元素和块级元素，非替换元素和替换元素3、Img标签的title和alt属性(title是全局属性)4、meta标签5、DOCTYPE标签（标准模式和兼容模式）6、script标签的defer和async7、W3C盒模型和怪异模型（box-sizing）二、使用步骤1.引入库2.读入数据总结提示：如有不对，请大家多多指点背景前段时间找工作，所以在csdn看了一些大佬博客和在B站看了一些面试视频，总结了一些关于html、css部分的面试题，方

2021-07-23 10:46:50 209

原创 vscode 自动格式化为eslint风格

背景：入职新公司接手一个老项目做重构，代码非常的不规范，于是网上找了一些配置，边重构边自动格式化,每次保存自动格式化代码，减少工作量。但是没有找到格式化整个项目的配置，如果有大佬有方法请多多指教。配置文件位置：具体配置：{ // git源代码管理插件GitLens "gitlens.advanced.messages": { "suppressGitMissingWarning": true }, // git地址配置 "git.path":

2021-07-21 22:08:19 301

原创 element-ui动态设置tabel列时,无效果,表头抖动,表格错乱,值不能正常展示等问题

踩坑日记：最近用element-ui做一个动态列（频繁隐藏显示列）的表格踩坑记录下：1、在el-table-column上使用v-show绑定是无效果2、el-table-column几次切换显示/隐藏后，发现表格的排版完全乱了,或者值不能正常展示3、表格头抖动原因分析：1、v-show绑定无效果的原因：v-show起作用的本质是利用display:none控制隐藏，el-table-column的td是利用了display: table-cell 控制显示，而display：table-c

2021-07-20 15:43:46 3992 3

原创 elementui的$message提示框被dialog遮罩层挡住问题解决

elementui的$message提示框被dialog遮罩层挡住问题解决问题：最近碰到一个先执行this.$message提示内容，然后接着弹出dialog带遮罩层弹框。那么问题来了，message提示框会默认被dialog遮罩层挡住，代码如下：原因：由于都是弹框，问题肯定是出在z-index比重问题。由于用$message方式是写在js中而不是写在html中所以不是很好直接去改样式。不过好在message组件中提供了customClass 属性，我们可以利用这个属性去添加一个z-index超

2021-07-14 15:14:10 5858 4

原创 Echarts 多个图表resize()方法只生效一个，如何自适应父级div的宽高

1、问题描述处理在多个echarts图表下 resize()方法只生效一个，最后一个的行为会覆盖前面的。多个图表自适应有两种情况，第一种情况是改变窗口大小要多个图表自适应，第二种情况是窗口大小不变，整个页面分为两部分，左边菜单导航树形宽度占20%，右边图表宽度占80%，当左边菜单宽度变为10%时图表自适应变为90%。2、思路分析首先多个图表的生成可以动态循环生成，这个地方有个问题是ref循环生成的是一个ref数组，不能自定义名称，所以直接用它即可。（1）、改变窗口大小：因为采用DOM一级绑定

2021-04-09 17:31:14 3010 3

原创 Sublime Text 解决 Unable to download XXX 问题

Sublime Text 安装插件报错：：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override Package Control Unable to download XXX. Please view the console for more details. 解决方法：打开sublime，然后按以下路径点击打开设置：Preferences --》Package Settings --》

2020-11-21 16:19:03 2649

原创 Sublime Text3解决There are no packages available for installation

问题描述：通过Sublime Text的Package Control来安装一些插件，但是点击Package Control:Install Package之后一段时间，弹出一个窗口，提示信息为：There are no packages available for installation：：解决办法：1、按照下图打开设置：2、添加如下配置："channels":[ "http://cst.stu.126.net/u/json/cms/channel_v3.json" ],3、

2020-11-21 15:31:51 1102

原创 nginx免安装版资源，config配置详解

前言：今天给同事看他本地nginx的报错，虽然我也是半吊子，但觉得可能还是配置问题，所以把配置捋了一遍，做个学习记录，也希望能帮到有需要的人，如有错误感谢指出。文章目录资源介绍一、目录结构介绍二、配置详解1.nginx中文文档：https://www.nginx.cn/doc/2.nginx location配置语法：https://blog.csdn.net/qq_33862644/article/details/793373483.nginx.conf配置三、使用步骤四、总结资源介绍1、资.

2020-11-18 17:00:02 1057 1

原创 vue directive自定义指令封装输入框校验，按钮权限（解决v-model绑定失效问题和数字校验的中文问题）

学习总结：因业务需求，Eelementui封装的表单校验不能满足需求，利用vue的自定义指令封装满足业务的输入框校验，按钮权限指令。参考：https://cn.vuejs.org/v2/guide/custom-directive.html问题描述：修改输入框的值，并没有修改到v-model绑定的值实现代码：一、只能输入三位0-9-a-z的字符串// // 注册一个全局自定义指令 `v-name`Vue.directive('name', { inserted(el, binding

2020-11-06 16:18:00 2756 1

原创 ES6新特性 let和const总结

ES6 声明变量的六种方法ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。-----------------------------------------------------------------------------------------------------------------------...

2020-11-04 10:40:54 393

原创在Vue项目中，关于服务端请求的数据字典（字典值）存放vuex

1、问题描述在Vue或React项目中经常会遇到比如下拉框的数据字典之类的，都是每次在使用的时候实时像服务端请求还是请求一次后将数据放在Vuex还是放在localStorage之类的地方的？如果字典值数据量比较大的话会不会对前端造成负担？项目中的页面经常会和数据字典的值进行查询，一个一个去用ajax去请求，无疑很浪费时间。2、理解vuex的五个核心概念state // 状态树，基本数据定义, 类似组件中的data getter // 理解为store中的计算属性，类似组件中的comp...

2020-11-03 18:17:26 6924 1

原创 Echarts动态生成多个图表，循环绘制图表的ref生成问题

1、实现功能通过下拉自定义绘制多个图形，多个图表动态循环生成，ref不能动态生成，,循环生成的是一个ref数组，不能自定义ref名称。3、实现过程（核心代码标红）（1）、动态生成图表//自定义图表下拉，选择展示的图形（show表示循环生产的ref数据下标）pictureTypeList:[{dictCode:"eleRate",dictNameZh:"电回收率",show:0},{dictCode:"waterRate",...

2020-11-02 14:41:40 2943 4

原创一些都是最好的安排

2019年3月10日　　今天是第一天进园，不知道自己会走多远，考研结束了，的确是心灰意冷，以为只要足够努力，什么厦大没问题的，然而往往是自己把事情想得太简单，但没有什么好后悔的，努力了付出了就是最好的结果，一直想学习前端，因为自己喜欢这只种代码加视觉上的美，一直找各种借口没有开博客。但是马上毕业了，似乎找不到借口了，我还是来了。我只是一个非常普通平凡的我，不优秀，也没那么聪明，却总是那个愿意努...

2020-10-30 09:52:15 155 1

原创 vue项目三种解决vuex页面刷新数据丢失的方法【2021-08-19】

1、问题描述：一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。2、解决办法：（1）、分析：定义刷新前把store存入本地localStorage、sessionStorage、cookie中。localStorage是永久储存，重新打开页面时会读取上一次打开的页面数据，不断触发l

2020-10-27 14:59:21 5169 1

原创前端详细的规划（自学实用）

前端开发工程师职位名称：前端开发工程师学习概要：1、先了解基础，html/css/JavaScript是基础。html/css就是做静态页面的，javascript是做动态的。2、学习框架：jQuery（基于DOM，必学），三大主流框架：Vue、React、Angular。其他框架：Bootstrap（CSS框架），jquery-ui，Echarts（制图）vue框架：Elem...

2019-03-24 19:25:32 966

原创 sublime text3 保存文件时候名字后缀.dump问题解决

.dump后缀是因为安装了GBK Encoding Support 插件的问题，而有一个插件和其有相同的功用，就是ConvertToUTF8,下载地址https://packagecontrol.io/packages/ConvertToUTF8安装完后将GBK Encoding Support卸载。PS：也可以用内置的package control下载，打开工具-控制面板-输入Packa...

2019-03-11 18:58:40 1969

转载 [个人博客是什么]如何搭建一个独立博客

　一、免费博客与个人独立博客的区别　　像新浪、网易、百度等大型网站上都会有免费的博客空间，这些空间一方面是照顾很多没有能力或毫无兴趣折腾博客系统的博友，这些用户平时只是偶尔上去看一下自己的“小地盘”，对于如何去推广和发展则很少想过，这点跟个人独立博客相比，还是会少很多工作甚至是顾虑。整体来讲，免费博客空间不需要个人支付费用，但其灵活性和商业性肯定就不如独立博客。　　个人独立博客则拥有自己的...

2019-03-11 10:00:04 2586

原创解决Sublime text 3乱码问题

如果安装了ConvertToUTF8还是在运行时还是有乱码的情况，试一试改成GBK编码，不要用UTF-8，因为控制台支持的是GBK编码。方法如下：效果如下：...

2019-03-11 09:18:24 160

原创 sublime中找不到install的解决办法

sublime中找不到install的解决办法：一种自动安装，一种手动。https://packagecontrol.io/installation#st3（官方）一、简单的安装方法使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：import urllib.request,os; pf = 'Package Control....

2019-03-11 09:09:41 2945

指尖笑