我也要用- 博客(177)
- 资源 (8)
- 论坛 (1)
- 收藏
- 关注
RSS订阅原创 react配置生产环境和测试环境地址
写在前面之前一直写关于vue的文章，经常看我文章的可能从上篇文章就知道了我已经不写vue了，以后就写react了，会持续更新，今天说一下我搭建框架的时候配置不同环境的步骤，大家可以借鉴以下，也可以自己搞一下！在项目根目录创建两个环境文件.env.development.env.production文件内容.env.developemntREACT_APP_BASE_URL = 'https://test.com'REACT_APP_ENV = 'development'.e
2021-04-29 12:58:33
134
原创 React父子组件传值
文章目录写在前面示例图1示例图2功能描述代码实现注意的点⚠️写在前面今天我们记录一下react的父子组件的传值，用到的还是比较多的，我们做一个简单的demo进行说明示例图1没有数据的情况下显示形式示例图2有数据的情况显示形式功能描述首先启动以后进入没有数据的view，然后我们输入任意字符，进行添加，会在下面NoData区域进行显示，鼠标放置上面的时候提示删除该项,鼠标点击，进行该项的删除！这里的两个组件分别是父组件包括input和button，子组件负责进行渲染添加的内容！
2021-04-27 15:22:52
31
原创 vue+elementUI中select怎么绑定对象
写在前面最后还是忘记了，一个重要的点，以为写完了，都开始着手写react的教程了，好家伙，一个问题给我打回原形，粉丝们问发什么什么事了，原来是csdn博客里面的一个问题，我说select中绑定的值和你选择的值是一一对应的，你绑定了一个值就可以，对应的项element会直接帮你反显出来，这么是没有问题的，但是他满足不了很多的业务情况， 比如下面的例子！效果展示效果描述比如说我选择了一个中国，那么我希望的是拿到关于中国的所有的基本信息，名称，所属的大洲，人口等信息，那我们知道，一般情况下我们都是
2021-04-08 14:16:11
72
转载 原生JS实现俄罗斯方块源码转载
运行效果源码<!doctype html><html><head></head><body> <div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;"></div> <script> var dom
2021-03-24 13:20:31
77
原创 Calendar calendar控件的月份添加点击事件
写在前面elementui在使用日历也就是Calendar calendar控件的时候，发现它自带的上个月、今天、下个月是没有提供点击事件的，但是博主我做业务的时候用到了，因为排班的时候想要获取到上个月的信息需要给月份的信息，所以今天记录一下解决的办法！添加事件在created的钩子函数中实现如下代码this.$nextTick(() => { // 点击上个月 let prevBtn = document.querySelector('.el-cale
2021-03-03 11:22:48
313
原创 vue项目配合wowjs使用时常见的问题总结
写在前面wowjs地址这里先简单的说一下，这个js是用来做动画的，最常用的场景是公司的官网，可以做的相对比较炫酷，他其实就是封装了animate.css的动画进行一些操作，他的使用官方给的demo完全够用，包括和vue在一起使用的过程也很全，但是和vue在一起使用的时候很多的坑，所以今天这篇文章就是为了将和vue一起使用的坑填满！vue中引入npm install wowjs --save-dev这里简单的说一下，这里我们引入了wowjs以后，animate.css已经安装了，我们完全可以不
2021-02-26 09:16:54
153
1
原创 Sketch的插件管理
写在前面这篇文章我们说一下sketch的插件的介绍和基本使用，sketch本身的功能已经非常的强大了，但是国外的很多大神还是开发了很多插件进行更方便进行UI的设计，今天就带大家看一下怎么安装插件和卸载插件插件管理获取插件选择全部插件选择一个点击下载安装插件提示成功使用插件卸载插件注意的点插件的网站是国外的，需要梯子才可以很多的插件不是及时生效的，需要我们重启软件才可以！插件的管理基本就到这了，sketch也基本上都说完了，下一篇看看吧，有时间的话，我做一个
2021-02-15 21:37:24
91
原创 Sketch编辑阿里矢量图svg的导入和切图
阿里矢量图阿里图标库下载一个icon直接复制到Sketch软件中这个时候我们可以看到，此时我们可以对这个icon进行自己需求的定制化比如我们觉得这样的比较好看当然很明显这个是很难看的，我只是想告诉你们可以随意更改，不要怀疑我们的审美！切图我们辛辛苦苦做好的图，最后肯定是要进行导出icon给程序员使用的，下面我们说一下怎么切图选择需要的icon，比如我们刚做的，点击右边的选择ios还是安卓的或者是默认的，一倍的还是两倍的等等，这里根据自己的需求进行导出，最后确定即可选择
2021-02-15 00:18:25
372
原创 Sketch绘制相对复杂效果的Icon（网格、剪刀、旋转副本）使用
Demo1首先我们看到这个，之前的文章可以实现的差不多，但是中间的断层很难实现，这里就说一下怎么实现他们之间交叉的断层怎么实现的，两种方法方法1直接钢笔工具自己将里面的所有的零部件全部画出来，显然这不是我要说的方法2我们直接绘制一个画板（快捷键是a）然后我们绘制一个矩形，然后复制一个，旋转90度，选中两个，选择减去顶层我们就得到这个断层的效果当然又会有抬杠的说了，我不会直接画两个矩形吗？当然是可以的，但是复杂的时候就不那么舒服了，我只是给你们演示一下基础
2021-02-15 00:17:29
73
原创 Sketch绘制无规则的Icon和制作头像和倒影效果 （蒙版、钢笔工具）使用
该文章知识点蒙版的使用钢笔工具的使用无规则icon绘制不要给我抬杠说，图片都有了，还是自己绘制什么，我只是用这个给你们举个例子，这种无规则的怎么实现比较好。绘制一个画板（快捷键是a）打开矢量（也就是ps里面的港币工具）绘制结束，直接回车，就可以将这个图抠出来，然后按照原图的颜色进行渐变的设置，这里怎么渐变的就不说了，上一篇写过了，需要的自行查找，最后的结果就是这样忽略我的粗糙，因为我只是给你们演示一下怎么使用钢笔工具当然苹果的这种logo我们也可以使用不同的圆形进行切
2021-02-15 00:17:09
158
原创 Sketch制作简单的ios的Icon（基本矩形、三角形、圆形、渐变）的使用
写在前面今天我们简单的做一下下面的四个icon，都是简单的icon，本来准备录制一个视频制作的，但是呢，视频上传不上去，gif呢我也录制了几个，但是都会超过5M，说实话，一个gif很短就会超过5M，算了，我尽量说的明白一些，因为本来就不是很难！会了一个基本上别的也就都可以了！Youtube的ICON步骤看到这个图的人肯定有人说，这个东西我是用PPT也可以实现，是的，但是这个只是入门的，所以肯定是很简单的，后面会慢慢的绘制一些比较难的，这样你们才不会直接上来就很难导致很多人对这个瞬间失
2021-02-15 00:16:44
156
原创 Sketch的下载与安装
写在前面今天开始我将在这个板块进行sketch的基本使用进行记录，为什么记录这个软件呢？因为他是一款十分出色的设计软件，我们可以根据他进行设计很多移动端包括PC端的页面，同时呢他的学习成本要比很多设计软件的学习成本低很多，比如我们常见的ps，ai等他们的学习成本是很高的，不过他的学习成本低不代表他的功能弱，我在使用的时候其实一度觉得他很多地方比一些成熟的ui设计软件还强大，唯一的遗憾就是这个软件不支持windows，他只有mac版本的，所以这个下面的几节教程都是针对mac进行编写的。下载点击此处下
2021-02-14 23:50:01
109
原创 搞明白activated和deactivated
文章目录写到前面什么是activatedactivated解决了一个什么问题Demomain.vueassembly1(组件1)assembly2(组件2)执行结果要点速记个人建议写到最后写到前面今天简单的将activated讲一下，前面有人问了，既然有问的，说明还有人不是很明白的，这里就说一下吧！什么是activated首先要确定一个点就是他也是属于vue生命周期中的一个，为什么我们平常说的生命周期没有它呢？我们平常说的生命周期就是created，update，mounted，destory
2021-02-07 09:48:11
773
1
原创 JavaScript实现一个链表结构源码分享
写在前面刷题的时候看到一个关于链表的题目，写了一会发现写不出来，所以干脆就将链表的知识使用js重现一遍，这里写一个js实现的链表。链表结构介绍没有写代码之前呢我们先简单的说一下什么是链表，我们都知道，在很多的数据结构中，有序的结构我们比较熟悉是数组，数组和链表还有一些不同，数组是内存空间按照挨个顺序来的，那么链表的话是可以不按照顺序来的,链表结构是当前元素（data），下一个元素(next)，上一个元素(pre)，第一位是head，最后一位的next指向null 链表分为下面几种常见的！单
2021-01-27 23:45:55
117
原创 echart拓扑图实现过程
看效果链接地址：官方地址，echart实现源码：首先说一下，实现这个过程很简单，不过坑还是有一些的，今天主要就是说一下这些坑，上面的图是我实现的结果let topology = res.data.items let X = 200 let Y = 200 let dataSource = [{ nam
2021-01-21 14:12:23
131
原创 uni-app云打包成ipa文件安装到iPhone上全过程记录
文章目录写在前面需要的准备工作APP图标配置证书、设备、开发人员的配置添加开发者配置App ID App的唯一标识生成证书请求文件申请开发证书和描述文件导出p12证书申请开发 描述文件添加设备UDID获取UDID生成描述文件打包结束安装到本地常见问题安装失败手机连接不上写在前面今天记录一下关于uniapp开发出来的项目怎么进行云打包，到本地手机上，这篇文章将从注册苹果开发者开始记录，一直到安装到iPhone手机上整个完整的过程，之所以写这篇文章第一是我自己需要记录一下，第二是很多博主也有写，但是都是片段
2020-12-09 17:59:26
2632
3
原创 Hello Flutter - Mac搭建Flutter运行环境
安装Flutter SDK下载Flutter SDK：SDK(有梯子的话可能会快一点，不然有可能打不开)下载结束以后我们解压到一个我们找得到的文件夹这个时候我们需要做一个操作，给项目权限，我们终端找到SDK的位置，然后输入：sudo chmod -R 777 *或者使用我们的访达，找到项目，右键-显示简介-找到????的标志，然后将共享与权限改为读写，然后找到下面的设置标志，进行应用所有的文件夹，最后保存！> 然后我们配置一下配置文件：commond+空格 输入终端，打开终端：
2020-11-17 11:30:28
239
2
原创 一篇文章学习Dart，为使用Flutter打基础
认识DartDart这门语言比较奇葩一点，他拥有很多java的特性，但是写法却和js很像，学习这门语言的根本目的也是不得已而为之，毕竟学习flutter的话，dart不学习是不行的，这篇文章就是简单的写一下dart中我们需要注意的一些点，和js以及java的不同之处，如果您有java和js的基础的话，那么学习这门语言将会异常的简单。基本语法概述基本的写法和js保持一致，写一个简单的demo，包含了基本的写法,强调几个点和js的区别常量：和js语法一致，均是使用const，但是多了一个fin
2020-11-10 15:03:52
354
原创 争做社会主义接班人！！！
博主我那么努力的写博客，水一篇文章不过分吧，放松一下！给你们展示博主逗比的一面（嘻嘻and哈哈）为什么我说上海名媛是社会上的一股清流和正能量？解释：上海名媛是指一群没钱但是长得好看的女孩子，通过群或者别的方式进行拼单奢侈品的一群人，很多人说他们虚荣什么的，但是在我看来他们真的是一群人畜无害的小可爱，且听我慢慢编1、第一，拼酒店的事情已经澄清，刚开始我也是对比表示怀疑，毕竟高级酒店之所以高级，是因为不会像菜市场一样，一群人轰的一下就可以进得去的，所以不可信2、他们不能算渣女，他们精打细算的.
2020-10-29 16:15:25
653
2
原创 web项目对接钉钉扫码登录
写在前面今天我们记录一下关于vue进行web开发的过程中对接钉钉的H5微应用的时候扫码登录的功能，你说他难吧，其实不难，很简单，你说他简单吧，看文档可能真的有点乱，不然您也不会来看我的帖子，我也看了别的大佬们写的关于这个的记录，不是说写的有问题，只是说很少有人站在别人开发的角度看待问题，导致很多人觉得还是不明白，所以今天就我写的过程中出现的问题进行描述一下大家可能迷茫的地方，尽量让每个开发者都看得懂！官方文档地址官方地址官方呢提供了两种实现的思路，也是不同的形式，具体使用哪一种呢，你们自己视情况而
2020-10-28 10:37:43
1029
2
原创 elementUI中checekBox实现全选和反选以及实现在input中输入空格出现label分割
写在前面为什么写这个呢？两个原因，一个是自己用到了，另一个是压根没人写，我不知道是太简单了懒得写还是很多人都忘记了，不过我看网上找demo的还挺多的，而且天下文章一般抄，都不对还在那不停的抄，我也是醉了，没一点办法，罢了罢了，自己写吧官方DEMO官方全选DEMO全选这里就不实现了，很简单，官方给的有，实现反选这里使用的还是官方的demo，只是添加了一个反选的函数,所以使用的时候先看官方demo源码<el-checkbox :indeterminate="isIndeterminate"
2020-10-13 09:28:06
286
原创 vue动态组件的用法
前文今天写一篇关于vue组件的扩展用法， 之前将一些基本用法已经写过了，没有看过的可以自行找一下，今天要写的是一片关于vue 官方给的动态组件的一种用法，其实这个用法的使用场景使用基本组件也是可以胜任的，只是既然有这样一种写法的存在，我们还是需要实现一下，网上呢关于他的用法写的也有很多，我一般写的文章都是最基础的使用方法，没有一些花里胡哨的写法，所以很容易看得明白！废话不多说，上代码目录结构childA<template> <div> {{msg}} &
2020-10-11 12:09:24
323
原创 vue+echarts 实现两个小例子
echarts来吧，今天写一个关于vue+echarts绘制图表的教程，写的原因很简单， 最近有不少人问，这是其一，其二是我的博客里面没有一片关于echarts的相对比较能看的教程，所以今天就写一篇，我们以折线图和饼图作为例子实现，原因是他们的数据格式相对柱状图来讲比较简单，这个学会了，可以应付绝大多数的图表，当然不包括3D图，虽然echarts支持3D图的绘制，但是这里不涉及，本文主要从几个注意的点说，因为毕竟怎么使用它已经被广大的博友写烂了，这里也就不耽误时间。引入：如果你是vue2.0的版本，引
2020-09-18 13:47:57
202
转载 web页面性能优化总结及原理解释
面试必问之-页面性能优化我们面试的时候很多的问题，其中问的频率比较高的一个就是页面怎么进行性能优化， 我们一般直接回答很多条，然后导致一个问题就是很多的面试官还会继续问，说具体怎么实现你说的这些方法，下面我们就简单的说几个典型的。记住页面性能优化的终极目的还是提高用户体验，所以一定意义上说提高用户体验也是页面性能优化的一部分。性能优化减少http的请求数这个是我们最习惯的回答，但是其实很多面试官会接着问，怎么减少呢？这个时候很多人就晕了，其实也不难，从两个方面减少，分别从业务和静态资源上，业务
2020-09-08 09:32:30
249
原创 js的常见操作，持续更新中...
写在前面如果下面没有您需要的js和对象的操作，需求下面留言，备注好您的源数据格式和希望转的格式，我会更新,感谢浏览！有错误及时指正！PS:⚠️不是返回值，是提醒注意事项，除⚠️符号之外的均为返回值将string类型的数组，进行格式化为object类型的数组let str = "[{'env': '测试', 'problem': '允许', 'protocol': 'TCP', 'source_port': '修改的数据源数据', 'purpose': '修改的数据', 'source_ip
2020-08-27 08:19:29
204
原创 冒泡排序的实现思路和优化方案
文章目录写在前面基础写法图解（白嫖的图）基础写法代码实现优化外层循环的写法外层循环优化代码实现优化内层循环内层循环优化代码实现写在前面今天写一个冒泡排序，当然网上冒泡排序已经写烂了，那博主我能和他们一样吗？为什么写这个呢？因为面试的时候很多时候都会问，但是又要自己显得和别人不一样，所以今天我们写的一个优化的冒泡，提升一下他的排序的性能。基础写法当然优化的前提是你的基础写法是对的才可以，所以我们写一个基本的冒泡排序图解（白嫖的图）源图片地址基础写法代码实现 function _funM
2020-08-17 11:53:23
281
原创 VUE组件传值案例讲解
写在前面好吧我承认我疏忽了，我一直以为我的博客是将vue的一些常见操作全部写完了的，但是直到我写组件的时候突然想起来看一下自己写的博客是不是有问题的才发现，组件之间的传值竟然一直没动过，好吧，我承认我自卑，我真的很怕黑，每当夜晚来临的时候我都很狼狈…咳咳，放错了，不好意思，我承认我忘了，我真的很劳累，每当粉丝问问题的时候我都慌的一批(以为哪里又又又又误人子弟了)…吓得我赶紧写个例子给你们，开整…搞明白谁是“父”谁是“子”没写之前呢先搞明白一个问题，组件引用的时候到底谁是老子，谁是儿子，被打的是儿子，
2020-07-28 09:05:40
827
原创 不好理清的JS基础知识和CSS3选择器小结-第一章
写在前面我们在写看别人的源码或者面试的时候经常会遇到一个比较奇葩的js问题或者是css3的问题，比如下面这几个问题可以尝试回答一下：null属于什么类型？为什么要定义一个变量初始化为null？为什么null是基本数据类型，当使用typeof null的时候却返回了object？object又属于引用数据类型，为什么基本数据类型的null又属于他呢？这不是矛盾吗？…在我们看来可能很少会去关注的一些问题，但是面试或者源码中经常会遇到，今天我们就先简单的捋一捋，其实不是问题奇葩，还是我们的基本功
2020-07-13 22:29:21
572
原创 VUE导出文件到EXCEL表格实例演示
写在前面最近项目比较多，没太多时间更新博客，见谅、见谅、见谅！！！今天更新一片老生常谈的功能，导出数据到excel表格中，照例我还是会将源码放到这里gaojizu，感兴趣或者需要的可以直接clone就可以了！这个项目可以关注一下， 我会持续更新的，里面有很多使用的vue小功能，相信你们会用到的，不要白嫖，给我的git点个关注不过分吧！效果预览导出成功导出的EXCEL源码：<template> <div> <el-button id="btn" t
2020-07-01 11:49:23
1056
2
原创 关于JS中this指向问题的探究
写在前面本篇文章的所有例子来源都是《JS设计模式与开发实践》这本书，写这篇文章之前也去查阅了很多关于this指向问题的探讨，包括但不仅仅有像阮一峰老师的还有很多不知名的博主的帖子，还是决定写这篇文章有以下几个原因，第一，加深自己的理解，重新理一遍关于这方面的知识，第二，我尽可能的使用通俗简单的说辞进行解释力求让更多的人明白这个东西，第三，this是js中的一个关键字，很有必要单独拿出来写一篇文章。最后一个原因是记录以下拜读这本书的过程！js中的thisthisjs中的this总是指向一个对象，
2020-06-25 11:23:17
418
原创 这一天,我给自己写了一封信!
现在是凌晨四点多，我没有睡觉，玩了很长时间的游戏，也想了很多的事情，工作，生活，等等，我打算好好梳理一下自己的过往和以后的规划，我可能很清楚自己该做什么，过去的时间在上海一直工作，薪资待遇很好，这里不说公司名字了， 但是就在疫情期间我离职了，给公司的离职原因是自己的原因，希望去杭州发展等等一系列的客套话，其实最主要的原因是我在上家公司已经学不到任何的东西了，这里说可能很多人觉得没有什么可惜的，我说一下我之前的待遇，在上海这家公司税后拿到14k，然后还拿到了2.5%的股份，因为是在里面做前端的负责人，所以待遇
2020-06-14 05:01:20
1041
20
原创 vue的阻止事件冒泡.stop的使用场景
什么是事件冒泡说人话就是你点击了一个东西，但是同时触发了这个东西所依附的东西，说的比较官方的话就是如果子元素和父级元素触发的是相同事件的时候，当子元素被触发的时候父元素也会被触发冒泡机制，这就是冒泡的基本原理有多恶心举个例子，你在一个span或者一个什么元素上面写了一个事件，这个时候你准备点击这个元素的时候展示给你的女朋友一个好看的画面，然后这个元素上面还有别的按钮，这个时候你希望的是你的对象点击按钮没有任何的反应，只有点击除了这个按钮之外的地方才出现这个好看的页面，结果你没有考虑冒泡事件，写好了，
2020-05-28 07:19:29
407
原创 bootStrapTableJs 怎么引入VUE进行做项目
写在前面今天写一个表格神器，之前我没有用过，是一个博友问我的时候我去看了一下，觉得很不错，今天分享一下，只有写demo，给源码才能得到你们的心，哎，太难了！bootStrapTableJs介绍首先这是一款处理表格的js，我们如果写element习惯了会发现其实表格的处理是业务中相对简单的，他没有什么很强的交互，就是拿到数据，按照头部和body对应起来就可以了，更新什么的也是没关系的，因为毕竟...
2020-04-30 16:00:07
1575
原创
uni-app实战之路-获取用户地址和基本信息
原力计划
文章目录写在前面流程authorizegetLocation获取腾讯的授权配置源代码获取用户基本信息写到最后写在前面开发小程序避免不了的是获取用户的信息，地址等，今天就简单的记录一下我实现的过程，因为我多个地方要用到，所以我这里直接写到vuex里面，你们看情况，不需要用的可以直接写到你们认为合适的地方！流程拿到授权->获取经纬度->获取地图的授权->根据经纬度进行逆地址解...
2020-03-26 23:02:45
2159
原创 有趣的赋值逻辑运算符
写在前面我们在写js逻辑的时候，不可否认的用到了很多逻辑的运算符，像||、&&这些，那么我们基本都是在三元运算符或者if判断里进行使用，那么我们其实可以在赋值的时候一样的使用，今天我们就看看怎么使用它来写一些看起来比较牛逼的代码！规则首先说一下他们的规则，比如我们写一个简单的赋值：let name = 0 || 2 //结果：2let name = 0 &&...
2020-03-26 08:13:07
265
原创 uni-app实战之路-生命周期
文章目录写在前面uni-app的生命周期应用生命周期页面生命周期组件生命周期写在前面首先说一下什么是生命周期，不管是vue还是别的什么，生命周期说人话就是页面从初始化到销毁的整个过程被称为生命周期，vue的生命周期的话我帖子之前也没写过，也不知道整天做什么呢，这都不写，一样吧，趁这次整理uni-app的机会将vue的生命周期也简单的说一下，我只能说每一个环节适合做什么，具体内部的实现原理，我这...
2020-03-23 10:20:40
424
原创 uni-app实战之路-组件传值
文章目录写在前面什么是组件之间的传值demo解释一下过程（不是原理）项目目录uni-app的全局订阅事件写在前面我之前写了很多关于vue的一些文章，但是我回过头看了看竟然没有一篇文章是和组件传值有关系的，这个那么重要的知识点竟然一直没写，好吧，我的问题，这不是最近在写关于uni-app的文章嘛，就直接更新了吧。反正用法和写法是一模一样的，不过之前我写过一次vuex的文章，里面有介绍一些传值的...
2020-03-21 22:20:53
641
原创 uni-app实战之路-准备开始
文章目录写在前面什么是uni-app下载hx下载微信开发工具申请小程序记住appid配置appid运行基本操作配置tabBar引用阿里图标做一个简单的效果出来appid的作用配置服务器域名写在前面之前关于vue的帖子就先暂时放一放，今天开始我的博客会更新一些关于uniapp的文章，都是一些基本的使用，我也是一边学一边写，为什么写这个呢？现在是一个微时代，现在的百度小程序，支付宝小程序，微信小...
2020-03-19 23:53:23
321
原创
mixins的实用案例和常见问题
原力计划
文章目录mixins介绍mixins局部使用和使用同名钩子函数的执行顺序看源码：执行结果：结果分析mixins函数覆盖问题看源码执行结果结果分析mixins变量替换合并问题看源码执行结果结果分析全局引用mixin新建一个mixinjsmain.js注册组件直接使用执行结果写到后面mixins介绍官方链接说人话就是vue给我们提供了一种更加灵活的实现业务实现逻辑的方式。mixins局部使...
2020-03-10 13:40:03
297
Export2Zip.js
2020-07-01
何处锦绣不灰堆的留言板
发表于 2020-01-02 最后回复 2020-03-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝