- 博客(93)
- 收藏
- 关注
RSS订阅转载 git 创建标签 tag
加上-a参数来创建一个带备注的tag，备注信息由-m指定。如果你未传入-m则创建过程系统会自动为你打开编辑器让你填写备注信息。3.给指定的某个commit号加tag。4.将tag同步到远程服务器。2. 列出已有的tag。
2023-07-19 17:58:24
950
原创 前端常用轮子
置顶React UI 组件库Ant Design ：https://ant.design/React Bootstrap： https://react-bootstrap.github.io/MATERIAL-UI ： https://material-ui.com/Vue UI组件库Element : https://element.eleme.io/#/zh-CNvant : https://youzan.github.io/vant/#/zh-C%E2%80%A6View UI :
2021-10-09 15:17:18
235
原创 收藏 javascript 资源网站
https://bonsaiden.github.io/JavaScript-Garden/zh/ javascript 秘密花园https://www.jstips.co/zh_CN/ JS Tips - JS技巧
2021-09-07 16:24:01
311
转载 20 个 CSS 高级技巧汇总
使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。1、黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal
2021-08-30 09:41:53
115
原创 资源网站 视频、PPT、静态、动态图
一、视频类1. 预告片世界：https://www.yugaopian.cn/2. 33台词：http://33.agilestudio.cn/3.MixKit：https://mixkit.co/free-stock-video/4.Pexel：https://www.pexels.com/zh-cn/video/5.Videezy：https://www.videezy.com/6.VJShi：https://www.vjshi.com/二、PPT模板类1.51PPT模板：http://
2021-08-10 09:20:57
548
原创 前端开发规范
https://guide.aotu.io/ 京东http://tgideas.qq.com/doc/index.html 腾讯https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md 百度https:// github.com/standard/standardhttps://cn.vuejs.org/v2/style-guide/index.htmlhttp://es6.ruanyifeng.com/#do...
2021-08-09 15:03:35
69
原创 资源 网站
一、无敌全能综合导航站1.虫部落（聚合搜索平台）https://search.chongbuluo.com2.科塔学术（专业学术导航）https://site.sciping.com3.码力全开（设计资源导航）https://design.maliquankai.com4.SeeSeed（设计资源导航2）https://www.seeseed.com5.书享家（电子书资源导航）http://shuxiangjia.cn6.HiPPTer（PPT资源导航）https://www.hip
2021-07-29 08:54:32
1163
原创 js 正则
// 数字正数两位小数，和0/^([0]|([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/
2021-07-26 17:31:01
74
原创 vue js页面滚动到最底部
最近开发一个客服聊天，发送消息，消息需要展示到最低部，// 发送消息 sendMessage() { this.form.message = this.formInput this.form.senDate = this.getNowFormatDate(); const form = JSON.parse(JSON.stringify(this.form)) this.chatList = this.chatList.concat(form) ..
2021-04-04 11:21:33
1869
原创 vantUi formdata 上传
<van-uploader :after-read="afterRead" @oversize="onOversize" />afterRead(data:any) { // 此时可以自行将文件上传至服务器 console.log(data.file); let formdata = new FormData(); formdata.append('file',data.file); HomeService.fileUpload(formdata).
2021-03-30 14:53:46
368
原创 js new Date() 在IOS中的坑
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isAndroid){ console.log('是安卓'); } if(isiOS){ console.log('是io.
2021-03-26 00:09:22
330
原创 时间戳转日期格式
//时间戳转日期格式timestampToDate(timestamp,format="YYYY-MM-DDhh:mm:ss"){constformatArr=['YYYY','MM','DD','hh','mm','ss']letdate=newDate(timestamp)constYYYY=date.getFullYear()constMM=date.getMonth()+...
2021-02-02 15:25:31
696
3
转载 vue实现点击按钮页面滑动到对应的div
<template> <div> <p> <button @click="showDetails(1)">NO1</button> <button @click="showDetails(2)">NO2</button> <button @click="showDetails(3)">NO3</button&g.
2021-01-30 01:17:10
1842
转载 超详细的 JS 数组方法
“数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。”一、创建数组1.使用数组字面量表示法vararr4=[];//创建一个空数组vararr5=[20];//创建一个包含1项数据为20的数组vararr6=["lily","lucy","Tom"];//创建一个包含3个字符串的数组2.使用 Array 构造函数无参构造vararr1=...
2021-01-12 10:29:55
285
转载 15道ES6 Promise实战练习题，助你快速理解Promise
Promise是ES6中的特性，现在很多前端框架像AngularJS，Vue等在HTTP请求之后都是返回的Promise处理，因此Promise是必须要掌握的一个知识点。本文将为大家分享15道由易到难的ES6 Promise题, 帮助你快速理解Promise。基础题01const promise = new Promise((resolve, reject) => { console.log(1) resolve() console.log(2)}...
2020-12-22 10:20:09
956
4
原创 axios解析http链接代码
contentHtml 为解析后的代码axios.get(_content, {withCredentials: false} ).then(res => { this.contentHtml = res; var start=this.contentHtml.lastIndexOf("<body>") var end=this.contentHtml.lastIndexOf("</body>") this.contentHtm.
2020-12-21 15:25:29
514
原创 vue文字间歇无缝向上逐个滚动
<div class="marquee-wrap"> <ul class="marquee-list" :class="{'animate-up': animateUp}"> <li v-for="(item, index) in listData" :key="index">{{item.name}}</li> </ul> </div>Ts animateUp = f...
2020-11-26 14:41:38
1048
转载 js中apply、call和bind的区别
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , " + t...
2020-11-03 10:21:52
254
原创 js数组去重的几种方式
1，indexOf方法实现思路：新建一个数组，遍历要去重的数组，当值不在新数组的时候（indexOf 为 -1）就加入该新数组中；function unique(arr){ var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } } retur
2020-10-30 11:14:20
180
转载 你能描述一下渐进增强和优雅降级之间的不同吗?（面试题目）
第一眼看到这个题目，这两个名词都不熟悉，回头查了相关资料，看了下，实际自己之前用过，但是不知道原来有这么两个好听的名字。先看两个例子：.transition{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }.transition{ transition: all .5s;.
2020-10-29 10:21:21
262
转载 节流和防抖的区别，以及如何实现
防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟//防抖debounce代码：function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { // 每当用户输入的时候把前一
2020-10-29 10:15:57
1209
转载 js数组冒泡排序，快速排序的原理以及实现
冒泡排序： 随便从数组中拿一位数和后一位比较，如果是想从小到大排序，那么就把小的那一位放到前面，大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。var arr = [3,1,4,2,5,21,6,15,63];function sortA(arr){ for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){
2020-10-28 11:28:55
2532
原创 vscode 配置 cmd
找到 settings.json 文件{ "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",}
2020-09-11 10:40:08
3255
转载 Vue添加销毁监听滚动事件
添加 window.addEventListener("scroll",this.adsorb) 销毁 window.removeEventListener("scroll",this.adsorb)this.adsorb不能写成this.adsorb()否则只会在加载完成执行一次就不执行了。如果想要传参应该在方法里添加监听事件如：adsorb(data){ window.addEventListener("scroll",function(){ //要做的事...
2020-08-21 10:27:28
2097
转载 js开发模式
阅读目录1、单例模式 2、工厂模式： 3、构造函数： 4、原型模式js中的开发模式进化史：js中有最初的只能由基本数据类型描述——》单例模式--》工厂模式--》构造函数模式--》原型模式--》各个模式相结合的混合模式，下面我会给大家逐一讲解各个开发模式；回到顶部1、单例模式第一次模式升级引用了对象数据类型：对象数据类型的作用级好处： 1、分组，把描述同一个事物的所有属性放在一起来描述，每一组都是一个单独的个体（单独的实例）； ...
2020-08-20 11:28:29
156
转载 animate.css修改动画执行时间
只需要在animate.css的开头找到.animated{ }进行修改即可：.animated { -webkit-animation-duration: 1s; animation-duration: 2s; // 动画执行时间 -webkit-animation-fill-mode: both; animation-fill-mode: both;}但其实有更好的方法，只需在要执行动画的div设置stye：<div style="animati
2020-08-20 11:15:57
4579
原创 Vue 获取当前距离屏幕顶部的距离
获取当前距离屏幕顶部的距离<template> <div ref="obtain"></div><template/><script>export default { data() { return {} }, mounted() { // 滚动条的获取 window.addEventListener('scroll', this.handleScrollx,..
2020-08-17 18:59:53
4700
1
转载 vue-cli3.0 生产包去除console.log
目前负责的公众号又迭代了一个版本，之前打生产包，配置总是和测试包搞混，所以使用了vue-cli3.0的环境变量来控制配置。但是又发现了一个新问题，写代码的过程中写了很多console.log 来调试代码，但是生产包里显示这些调试信息又有些不合适，所以想在打生产包的时候去除代码中的console.log.网络上一顿搜索之后，使用了uglifyjs-webpack-plugin来进行压缩优化，但是遇到了Unexpected token: name ***的报错，又是一番查询之后，有说这个插件不支持es6
2020-07-24 14:06:38
760
转载 为什么React事件处理函数必须使用Function.bind()绑定this？
最近在React官网学习Handling Events这一章时，有一处不是很明白。代码如下：class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; // This binding is necessary to make `this` work in the callback this.handleCli
2020-07-23 18:31:39
510
转载 vue总结
vue框架篇vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的，不再使用原生的dom操
2020-07-16 23:06:06
355
转载 Http 缓存策略，有什么区别，分别解决了什么问题
1）浏览器缓存策略浏览器每次发起请求时，先在本地缓存中查找结果以及缓存标识，根据缓存标识来判断是否使用本地缓存。如果缓存有效，则使用本地缓存；否则，则向服务器发起请求并携带缓存标识。根据是否需向服务器发起HTTP请求，将缓存过程划分为两个部分：强制缓存和协商缓存，强缓优先于协商缓存。强缓存，服务器通知浏览器一个缓存时间，在缓存时间内，下次请求，直接用缓存，不在时间内，执行比较缓存策略。 协商缓存，让客户端与服务器之间能实现缓存文件是否更新的验证、提升缓存的复用率，将缓存信息中的Etag和Las
2020-07-12 00:18:16
1414
转载 uni-app git 上传
首先命令行新建.gitignore文件。touch .gitignore然后记事本打开。复制粘贴以下：node_modules/.projectunpackage/.DS_Store注意：如果之前就已经提交过unpackage文件夹，那需要执行以下命令行：git rm -r --cached unpackage...
2020-07-03 09:21:00
2983
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人