- 博客(48)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 三哥的微信公众号来啦！
CSDN已经坚持两年了，是时候祭出我的微信公众号了，当然我这个公众号是新申请的，里面消息还不是很多，但是我会经常更新，我的原则就是，绝不做死尸，绝不会像死尸一样躺在大家的手机里，占用大家手机的空间，当然了，CSDN也不会断，有些小伙伴就喜欢看CSDN，有些小伙伴就喜欢看微信公众号，所以我两个都会持续不断的更新，如果你觉得三哥写的好，希望你关注下我的微信公众号，给你不一样的体验哦，有以下方式可以关注...
2019-03-03 14:47:12
2621
1
原创 如何使ajax请求按顺序执行
最近在公司遇到了一个难点，就是公司的上传接口，如果两个文件同时上传，也就是同时调用这个接口，那么就会报错，然后我就发现了，一个一个挨着调用不会报错，也就是说上一个请求完事了，下一个请求接着上，就没事，我苦思冥想，再加上百度一下。。。终于搞出来了，有两种方案，我选择的第二种，第一种也记录一下。
2024-01-14 15:30:03
456
原创 js中window自带的四舍五入toFixed方法中的坑以及解决办法
今天我们来聊聊Window.toFixed吧，曾几何时，如果你说，有一个小数，我要你保留两位小数，我一定会很自信的祭出toFixed，But，让我们一起来看看以下效果。
2023-03-09 15:45:32
566
1
原创 vue组件化开发的感悟
对于vue组件化开发，我发现我悟了，浑身通透，这感觉太棒了！，下面说说我的领悟历程！一开始，我就陷入了vue组件化开发的误区，我一直以为把什么东西都摆在大面上是非常简单的事情，也就是说，之前一直以为，只要这里我不在其他地方复用，我就不用封装成组件，后来我一直坚信这个原则可是最近公司里的前端大神，对我们进行代码走查的时候，说如果一个页面字段很多，很复杂，可以拆成一个一个小的模块封装成组件，以便后期维护，但是当时的我坚持自己的想法，就没当回事(罪恶啊，大神的经验很宝贵啊！！以后不能再犯傻了)直到最近我突
2021-11-04 15:50:32
411
转载 Git 忽略规则
1.Git 忽略规则优先级从命令行中读取可用的忽略规则当前目录定义的规则父级目录定义的规则，依次递推$GIT_DIR/info/exclude 文件中定义的规则core.excludesfile中定义的全局规则2.Git 忽略规则匹配语法空格不匹配任意文件，可作为分隔符，可用反斜杠转义#开头的文件标识注释，可以使用反斜杠进行转义! 开头的模式标识否定，该文件将会再次被包含，如果排除了该文件的父级目录，则使用 ! 也不会再次被包含。可以使用反斜杠进行转义/ 结束的模式只匹配文件夹以及
2021-11-04 15:12:51
579
原创 常用的git命令
本人一直以来用的都是git小乌龟，确实好用，但是发现我还是得会敲一敲git命令，之前会敲，用了工具就不怎么敲了，都生疏了，我看网上的命令也是一个命令好几种写法，那么我就总结一下，常用的命令，是我自己实践后有用的，就当给自己做笔记了，熟悉了这些命令，就可以装的一手好逼了，哈哈！1.克隆git clone https://自己的git地址/git-test/git-test.git备注：执行以上命令记得输入正确自己的用户名和密码就好2.提交git的提交是把文件先从工作台放入暂存区，然后再提交到缓存区
2021-11-04 14:47:06
255
原创 js方法解决计算精度的问题，比如0.1+0.2不等于0.3的问题
hello！各位，我又回来了，很长时间不更新了！项目忙！还有私事忙啊！特别忙！我能说自己懒吗？啊？好了，进入正题，项目中遇到一个问题，就是手动输入数字，要联动计算，果然，英俊帅气的我还是翻车了，js还是没有避免底层计算机丢失精度的问题，就好像0.1+0.2不等于0.3一样，它们永远不可能在一起！！！但是我是谁？我是你最帅的三哥啊！我查阅了一些资料，并整理了下思路，然后写出了这个工具函数，大体思路就是，把小数部分转换成整数进行计算，然后再转换回去，而且处理下数据的丢失精度问题！啥也不说了，直接上代码
2021-07-09 16:09:13
913
原创 js实现并集、差集、交集（ES6语法）
面试中遇到的问题，如何求两个数组之间的并集、差集、交集，我一开始并不知道有ES6这么简单的语法，下意识的认为要靠for循环实现，但是回来一看，用ES6的Set类型，一句话就出来了，我一查，啪！它就一句话就出来了，很快啊！不说了，全是泪！上代码！ let arr1 = [1,2,3]; let arr2 = [2,3,4]; let set1 = new Set(arr1); let set2 = new Set(arr2); //求并集
2021-02-04 15:35:11
3266
原创 js中ES5继承的6种方式以及优缺点
这个问题我认为是面试必问的，鄙人就很幸运的被问到了这个问题，emm…我只会其中的一种或者两种，但是回答的也是支支吾吾的，回来我就下定决心搞一搞，查查资料，把这几种继承都看明白，毕竟是js的基础，咱也是有上进心的人不是？下面进入正题：首先想要继承，得有个爸爸！我们先来搞一个帅气的父类//父类 function Person(name){ this.name = name; this.sum = function(){
2021-02-04 15:06:41
813
6
原创 nodejs安装的全局的包都在哪里？
最近有同事在出差，去给客户部署前端代码？关键是客户那边是内网。。啥时内网？内网就是你连个百度都上不去？就是无网络状态，但是我们项目启动要有全局的webpack啊！，这可咋办啊，平时我们都联网npm install webpack -g完事，潇洒！没办法，硬着头皮百度了一下，发现还真的可以离线下载包，首先执行命令npm root -g然后会出来这么个路径，去自己电脑上找，但是坑爹的...
2020-04-20 15:34:02
5675
原创 nodejs的path模块
在这里纯做笔记用！如有需求，在此复制！！const path = require("path")path.normalize(p)规范化路径，注意'..' 和 '.'。path.join([path1][, path2][, …])用于连接路径。该方法的主要用途在于，会正确使用当前系统的路径分隔符，Unix系统是"/"，Windows系统是""。说白了，这玩意儿就是拼接path.r...
2019-11-26 11:33:50
413
原创 nodejs中的fs文件系统
其实早就想写这一篇文章了，为什么到现在才写？因为懒啊！好了，不多说了，写这篇文章主要是想记个笔记，以后再写node程序的时候，如果用得上fs文件系统，可以过来copy，简直不要太爽！！当然了，我不可能把官网的东西都给拽过来，那样我还不如去官网直接看呢，还省劲儿，这篇文章主要是记录一些平时用得着的方法就可以了，都起开，我要开始装逼了！！！首先要引进来模块！各位看官应该都会吧，如不会，请自行选择...
2019-11-26 11:19:07
1118
原创 js平时有可能用到的的函数工具
今天来向各位分享以下js常见的函数工具，比如数组去重啦，获取url地址啦！各种，今天我也算是记笔记了，以后有新的再补充，好了，不多说了，下面直接上代码！还是先说一句吧！三哥最帅！三哥是最棒的！！！！1.数组去重复duplicate(arr,type){ var newArr = []; var tArr = []; if(arr.length...
2019-07-08 15:10:22
447
原创 js正则表达式知识点和方法
最近突然对正则表达式又感兴趣了，可能有些人要用正则表达式的时候，直接百度，比如验证邮箱，手机号啦，直接百度正则表达式，直接复制粘贴过来用，实不相瞒，我跟大家一样，也是这么用，慢慢的正则表达式的知识点和一些方法，就已经渐渐忘记了，只能用百度了，成为一个实实在在的代码搬运工，我觉得这样不行，于是我就潜下心来，研究下正则表达式，起码过一遍知识点也是好的嘛以下知识点我基本都是截图的形式定义let ...
2019-07-05 11:09:36
413
2
原创 原生js封装cookie插件
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！于是我用...
2019-06-21 16:42:40
1584
原创 谈谈个人对vuex的理解及用法
最近有小伙伴在vuex这里遇到了些问题，于是我就趁着这个机会来谈一谈我对vuex的理解及用法1. 什么是vuex？根据官网的说法就是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。可能有很多小伙伴不是很理解它说的是个啥，WTF? 官方的说明挺抽象的，我一开始也懵逼了！我对vuex...
2019-05-14 15:54:53
5064
4
原创 vue-cli2.x版本改成多页面配置
众所周知，vue-cli是大家都喜闻乐见的，常用的脚手架，它是一个单页面的配置，可能有些小伙伴们要问了，能不能改成多页面的呢，我还用vue、vue-router、vuex等？答案是：当然可以啦！首先我们来说怎么用vue写多页面的应用方法1：每个也面都引入vue.js文件，每个页面都new一个vue实例，这样可能会有些low，当然我就这么干过，就用它的数据双向绑定，贼好用！方法2：把vue-...
2019-04-14 16:00:53
2195
原创 localStorage设置过期时间
众所周知，前端三大缓存，cookie，sessionStorage，localStorage，cookie空间太小，一旦大了，会消耗流量，知识和存一些登录会话信息，而sessionStorage的过期时间就是关闭浏览器，是个临时会话窗口，但是，最近这个差点把我坑了，就是sessionStorage只能在同一标签下共享，加入你把网址复制粘贴到新打开的标签页里面，你会惊喜的发现，what？居然不共享，...
2019-01-30 15:02:36
97669
20
原创 vue中 一劳永逸的组件注册,无需再import！
首先我们在vue的使用中，免不了会自己自定义组件，那么我们每次定义好组件都会先import 进来，然后在components里面引入才能用复现以下场景import BaseButton from './baseButton'import BaseIcon from './baseIcon'import BaseInput from './baseInput'export default...
2018-12-28 11:33:44
6115
3
原创 js 对象和字符串之间的互换
平时在工作中大家一定也有过这样的需求，就是有时候需要把一个json对象转换为字符串，有时候要把一个类似json对象的字符串转换为json对象，那么今天就来总结一下，js的方法1.json对象转字符串这个API很简单就是 JSON.stringify() ，只需要把你要转换的对象写到括号里就行了，下面有一个小demolet json = { msg:"json转字符串"...
2018-12-28 10:36:16
1104
原创 利用nodejs获取本地的ip地址
最近拿vue写项目，大家都懂的，肯定用vue-cli啊，一键生成项目，然后再根据自己的项目需求稍微改一改，开发环境搭建完毕，perfect（破费），但是突然有一天我看到npm run dev后命令行出现的提示Your application is running here : http://0.0.0.0:8080感觉可别扭了，我还得自己去重开一个cmd，ipconfig，找我自己的ip，程...
2018-12-28 10:07:19
20997
6
原创 用jQuery实现瀑布流及滚动懒加载（兼容IE8）
上篇js原生瀑布流并实现滚动懒加载（兼容IE8）讲解了瀑布流的原理及滚动懒加载的原理，并用原生js实现了效果，那么原生js必定有些繁琐和麻烦，这一篇我们就换成jQuery，代码会简洁很多，思路和原理我就不赘述了，如果想看的话，移步js原生瀑布流并实现滚动懒加载（兼容IE8）就可以了废话不多说我们直接上代码，思路和原理跟原生js一模一样html部分：<!DOCTYPE h...
2018-09-28 09:50:01
1498
原创 js原生瀑布流并实现滚动懒加载（兼容IE8）
最近公司接的新项目，客户要求要把图文列表的形式给写成瀑布流的形式，what？我仔细一想，应该不是很难，毕竟前端是万能的嘛，嘿嘿，之前我也听过瀑布流布局，比如淘宝，天猫等都是用的瀑布流布局，我不知道怎么生成的，于是我就上网找插件，有些插件还不错，不过我想自己写自己的代码，我看别人代码，主要看瀑布流的原理，然后根据原理自己写代码，然后再看慕课网之类的教学网站汲取经验，终于一个瀑布流被我搞出来了，本篇是...
2018-09-28 09:38:14
4156
3
原创 解决vue文件代码过长的问题
在工作中，用vue进行开发的，后来发现.vue文件中的逻辑处理特别多的话，那么会导致代码会特别长，即使你打了标签，都觉得写起来很不方便，所以就引发了我的思考，能不能把js和scss单独拎出去，vue文件只是负责写html的，后来我就在网上一顿查啊，终于，功夫不负有心人，让我给查到了，下面我就给大家演示一下把vue文件的html、scss、js如何分开写：首先先在vue统计目录下新建一个js、s...
2018-07-23 10:44:20
7423
8
原创 js数组去重以及数组内对象去重
大家在写项目的时候一定遇到过这种逻辑需求，就是给一个数组进行去重处理，还有一种就是给数组内的对象根据某一个属性，比如id，进行去重，下面我写了两个函数，都是可以达到这个效果的，一个是纯ES5的去重办法，一个是用了ES6的 Array.from(new Set())和ES5的reduce来进行去重 我先定义两个数组吧var arr = [1,2,3,5,3,4,5,6,6,"test","...
2018-07-13 11:57:20
4862
1
原创 使用ES6新特性async await进行异步处理
我们往往在项目中会遇到这样的业务需求，就是首先先进行一个ajax请求，然后再进行下一个ajax请求，而下一个请求需要使用上一个请求得到的数据，请求好了还好说，如果多了，就要一层一层的嵌套，就好像有点callback的写法了，那是相当恶心的，下面我就来讲一下如何使用ES6的新特性async await进行异步处理，使上述情况就好像写同步代码一样，首先我们先举个例子： 先写上json文件: cod...
2018-07-12 15:56:30
76650
42
原创 利用js来判断浏览器的型号及版本
之前突然想到了这个问题，之前还没有搞过，突然想研究一下，我只知道可以用windows的navigator属性来判断，于是结合网上一些大神的代码，以及自己写的代码，终于可以了，但是有一个问题，就是IE7和IE5没办法判断，信息都是一样的，希望有解决这一问题的小伙伴，能提供点办法，但是不影响正常使用倒是，因为估计没有什么需求是到IE7了吧，如果有，那么，祝你好运！！！下面贴上代码<!DOCT...
2018-07-06 15:01:38
694
原创 个人做vue项目的心得和体会
vue.js首先，vue.js是一个数据驱动视图的一个js框架，操作数据，然后实时反应到dom元素上的一个动态视图框架，它也是一个渐进式开发框架，比如，我用vue-cli搭建了一个本地开发环境，用nodejs跑了起来，当把vue引进来之后，要做项目还是远远不够的，就用到了vue全家桶比如 UI框架 ： element-ui http请求工具：ax...
2018-07-06 14:22:04
15094
1
原创 nodejs 里面的http-server
我们有时候会遇到这种情况，一个html文件在本地打开时，测试平常的功能还行，但是，一涉及到ajax请求，就算你是请求本地的json文件，他都会涉及到跨域的问题，浏览器本身就限制了本地打开时，不允许跨域请求的设定，所以，我们就需要在本地跑起一个服务来，然后通过本地ip+端口号，或者localhost+端口号，或者127.0.0.1 + 端口号的形式来访问我们的页面，在本地跑服务，我知道的有四种 1...
2018-06-08 13:57:56
9803
原创 巧妙地利用时间（js中的Date对象）来生成绝对不会重复的id
接着上一篇博客说，本来利用nodejs，操作本地json文件的时候，如果是新增的话，肯定是要给新增的数据一个唯一识别的id，我上网查了很多方法，说是用数组什么的方法，我觉得太复杂，后来我看到电脑右下角的时间，灵机一动，为什么不利用js 中的 Date对象来生成绝对不重复的id值呢，而且每一次生成的时候，时间肯定是不一样的，再利用时间的13位毫秒数来当做id就是了，说干就干上代码<...
2018-04-11 17:03:37
3403
4
原创 利用nodejs对本地json文件进行增删改查
哈喽！nodejs的文件系统，接触过node的对node的文件系统肯定不会陌生，这两天我就在思考一个问题，我是否可以在本地操作我的本地json文件，这样一个本地的文本数据库就有了，如果是便签之类，记录的软件，我完全可以不用连后台的数据库，我可以自己操作本地的json文件，自己用node写后台，答案是肯定的，下面我们就一起来实现一下吧，对本地json文件的增、删、改、查1.增首先我们先看一下...
2018-04-11 11:47:41
56834
27
原创 用nodejs写一个简易小爬虫
今天突然心血来潮，不如我用nodejs写一个小爬虫吧，nodejs说实话，自从它出生以来，就变成了前端的福音了，我也是一直想学，也曾经自己研究过一段时间，可是我没用到过项目上，爬虫也没写过，我就上网看着大神给的例子，然后一字一句的给敲出来，说实话，一字一句的敲出来，对爬虫的认识又增加一步，有点激动，下面说说我怎么写的吧首先用nodejs初始化一个package.json，然后下载上需要用的包，...
2018-03-06 16:46:17
2415
原创 心酸的教训！！！
心酸的教训！！！最近公司在维护升级原来的项目，增加了好多页面，我们前端老大让我来写这些新页面，因为当时时间特别紧，又很着急要，所以没有写好ajax请求的入口，也就是请求的json文件，而是把json数据直接写在了控制器里面（用的angular），这样就造成了写静态页面很简单，但是并没有一处有ajax请求，后台给接口的话，没有办法套上去，还是要现场写ajax请求，幸亏后台那边进度比较慢，现在还有
2018-02-06 16:38:28
306
原创 删除数组对象中的项，再往数组对象里新增
在公司做过的项目中曾经遇到过这种问题，就是比如var arr = [ { id:1, "name":"唐僧" },{ id:2, "name":"孙悟空" },{ id:3, "name":"猪八戒" }]就比如这么一个数组对象，讲这个之前我首先要说
2018-01-25 12:00:02
1342
原创 HTML5拖拽API
今天上了w3cSchool，去看了一下HTML5的拖放API，以前我不想用那个dataTransfer（我称它为拖拉机函数），但是我觉得，要用HTML5的拖放，这个是必不可少的，要不然，要是用全局变量的话，会造成全局污染。下面我先说一下与拖拽相关的函数 1.DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。2.draggable 属性：就
2018-01-22 14:35:50
940
原创 到底是人玩了游戏，还是游戏玩了人？----随笔心情
到今天，突然想写这么一篇文章，这也是我打了这么多的游戏，引发的思考，从dota到王者荣耀，我也经历了大大小小的战役，也是从坑人到被坑，胜场无数，败场也无数，游戏没变，但是人的心态不知不觉正在发生变化，这个是极其可怕的。 众所周知，王者荣耀是一款5v5的竞技类策略类游戏，有人称它是手游版的英雄联盟，这个说法还是比较准确的，前端时间这款游戏超级火，以至于火到某些小学生为了打游戏跳楼，孩子成绩直线下降
2018-01-19 11:58:28
1698
原创 随着浏览器窗口变化而变化的函数
在工作中遇到了定义一个容器，但是这个容器是拿百分比控制的，随着浏览器的窗口的变化，里面的元素的变化会跟这个容器的宽高有着密切的关系，那么动态获取这个容器的宽和高就是关键所在了，那么今天就介绍一下如何随着浏览器窗口的改变而做一些事情，下面写一个简单的demo1.如果用jQuery的话var num = 0;$(window).resize(function() { console.log(
2017-11-03 10:55:27
1498
原创 利用canvas中的measureText测量字体的宽度
工作项目中用到的东西，要限制一个容器的宽度，超过了这个宽度就要显示展开按钮，点击展开按钮要全部展示出来，可以用css的加省略号的那个，但是有时候这个还不行，我就自己想办法，突然想到canvas中有个measureText函数可以测量字体的宽度，于是我就想着用这个函数来测出句子的宽度来，然后和容器的宽度进行比较，这样就可以了，那我就来写个demo来演示一下如何测量<!DOCTYPE html><ht
2017-11-01 15:02:04
7755
原创 基于jquery的拖拽插件
上次找到一个基于jquery的拖拽插件Tdrag.js，今天我又找到一个很好的拖拽插件，我发现我最近迷上拖拽了，哈哈，先给个demo的网址 http://www.jq22.com/yanshi5844这个可以免费下载的，作者真是良心制作，个人感觉比Tdrag.js要稍微优化那么一点点，下载下来之后，自己写了个demo，上代码，啥也不说了<!DOCTYPE html><html lang=
2017-09-27 10:22:17
1583
原创 js利用对象的defineProperty来进行变量的监控
以前觉得检测变量angular的$watch还挺好用的，但是一旦离开angular就无法下手了，今天看到一个方法，觉得挺好的，可能还有别的办法，我会继续探索的贴上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head>
2017-09-22 15:45:21
1017
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人