灰太狼的情与殇

灰太狼的情与殇 查看完整档案

郑州编辑  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑

吾不是什么大佬,在这个领域我从未想赢,只是不甘认输。生活再平凡,也是限量版,让我们走出不一样的人生,活的精彩。

个人动态

灰太狼的情与殇 发布了文章 · 今天 14:27

如何在浏览器上一键切换搜索引擎

1.电脑系统 windows10专业版
2.在平常找资料的时候总是需要用到不同的搜索引擎,除了我们设置的那个默认搜索引擎,切换起来总是要在地址栏手动输入,麻烦的要死。下面我来分享一下我的解决方法,希望对你有所帮助。
3.其实包括Chrome\Edge在内的浏览器,都支持一个技巧,让我们可以做到快速切换搜索引擎。在这里我举例Chrome为例,首先在设置处找到管理搜索引擎的选项。
image.png
3-1.然后找到各个搜索引擎的关键字,把选线的关键字进行修改。
image.png

保存后,你就可以通过在地址栏输入[关键字+Tab]实现快速切换搜索引擎。
注意:关键字是区分大小写的。在地址栏单打一个空格会自动跳到默认的搜索引擎,部分浏览器如果没办法通过[关键字+Tab]实现切换的话,可以尝试一下[关键字+空格]

4.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 发布了文章 · 3月8日

为什么说重启能解决90%的问题

1.电脑系统 windows10专业版
2.随着时代的发展和工作需求,大部分家庭都会购买电脑,不过随着时间流逝,电脑也就慢慢开始闹别扭了,变现为:鼠标突然没反应,键盘也没反应,黑屏死机蓝屏更是家常便饭了。但是这时候,你只需要重启一下,一切都好了。
3.我相信下面的图片你肯定遇到过,那么你们知不知道为什么不起眼的重启操作能将你的设备"起死回生"呢?
image.png
4.究其原因:系统治不好自己

1.对应电脑,某些程序遇到了什么致命错误,缺陷或者bug什么的,就很有可能会导致系统无法处理这种错误而导致崩溃,通常现象是蓝屏\死机。
2.通俗点说,就是系统想要找到这串数据,但是怎么找都没有结果,最后就放弃治疗直接蓝屏给你看。
3.举例:就好比你在考试,当你遇到一题不会做,并且想到头发掉光了还是想不出来,最后胡乱写一通结果还是错的。
4.这个时候,重启会让系统的代码重新从头运行一遍,那些没有被正确读取的数据就会"有概率"被重新读取,让系统恢复正常。

5.本期的分享到了这里就结束卡啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 回答了问题 · 3月5日

如何食用vue向后端发送数据请求

在使用vue开发的过程中,向后台请求数据一般使用的都是axios,为什么不使用jq的ajax呢?因为ajax只是jq的一个很小的功能,引入jq太占资源了。

关注 5 回答 5

灰太狼的情与殇 回答了问题 · 3月5日

vue elementui 开发时动态修改样式有效,部署到服务器上修改样式失效

在开发的过程中,我也遇到过相似的问题,在样式中加上!mportant就可以了。

关注 2 回答 2

灰太狼的情与殇 发布了文章 · 3月4日

javascript遍历对象

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会需要遍历对象,下面我来分享一下javascript遍历对象的方法,希望对你有所帮助。
4.Object.keys()是es5新增的一个对象方法,该方法返回对象自身属性名组成的数组,它会自动过滤原型链上的属性,然后可以通过数组的forEach()方法来遍历,代码如下:

Object.keys(data.data.data).forEach((key)=>{
 console.log(key); // 下标
 console.log(data.data.data[key]); // 对象中每一个键的值
})

5.使用for..in..遍历,这种循环遍历对象自身的和继承的可枚举属性(不包含Symbol属性),代码如下:

for (var key in data.data.data) {
 console.log(key);
 console.log(data.data.data[key]);
}

6.使用Object.getOwnPropertyNames(obj)遍历,返回一个数组,包含对自身的所有属性(不含Symbol属性,但是包括不可枚举属性),代码如下:

Object.getOwnPropertyNames(data.data.data).forEach(function(key){
console.log(key);// 下标
console.log(data.data.data[key]); // 下标的值
});

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 回答了问题 · 3月3日

初级前端怎么提升自己,求过来人提意见

掌握好javascript,前端最难的就是javascript,不管是vue,react,angular都是基于javascript,多做一些项目,多看一些面试题。每周要进行总结,这是很重要的。

关注 5 回答 4

灰太狼的情与殇 发布了文章 · 3月1日

前端开发常用单位

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会使用到一些单位,比如px,em,rem,vw,vh下面我来分享他们之间的区别,希望对你有所帮助。
4.绝对单位------px

1.什么是像素(Pixel)?
在前端开发中视口的水平方向和垂直方向是由很多小方格组成的, 一个小方格就是一个像素。
例如div尺寸是100 x 100, 那么水平方向就占用100个小方格, 垂直方向就占用100个小方格
2.像素特点
不会随着视口大小的变化而变化, 像素是一个固定的单位(绝对单位)

5.相对单位------百分比

1.什么是百分比?
百分比是前端开发中的一个动态单位, 永远都是以当前元素的父元素作为参考进行计算
例如父元素宽高都是200px, 设置子元素宽高是50%, 那么子元素宽高就是100px。
2.百分比特点
2.1子元素宽度是参考父元素宽度计算的
2.2子元素高度是参考父元素高度计算的
2.3子元素padding无论是水平还是垂直方向都是参考父元素宽度计算的
2.4子元素margin无论是水平还是垂直方向都是参考父元素宽度计算的
2.5不能用百分比设置元素的border
结论: 百分比是一个动态的单位, 会随着父元素宽高的变化而变化(相对单位)

6.相对单位--------em

1.什么是em?
em是前端开发中的一个动态单位, 是一个相对于元素字体大小的单位
例如font-size: 12px; ,那么1em就等于12px
2.em特点
2.1当前元素设置了字体大小, 那么就相对于当前元素的字体大小
2.2当前元素没有设置字体大小, 那么就相当于第一个设置字体大小的祖先元素的字体大小
2.3如果当前元素和所有祖先元素都没有设置大小, 那么就相当于浏览器默认的字体大小
结论: em是一个动态的单位, 会随着参考元素字体大小的变化而变化(相对单位)

7.相对单位--------rem

1.什么是rem?
rem就是root em, 和em是前端开发中的一个动态单位,
rem和em的区别在于, rem是一个相对于根元素字体大小的单位
例如 根元素(html) font-size: 12px; ,那么1em就等于12px
2.rem特点:
2.1除了根元素以外, 其它祖先元素的字体大小不会影响rem尺寸
2.2如果根元素设置了字体大小, 那么就相对于根元素的字体大小
2.3如果根元素没有设置字体大小, 那么就相对于浏览器默认的字体大小
结论: rem是一个动态的单位, 会随着根元素字体大小的变化而变化(相对单位)

8.相对单位--------vw/vh

1.什么是vw(Viewport Width)和vh(Viewport Height)?
1.1vw和vh是前端开发中的一个动态单位, 是一个相对于网页视口的单位
1.2系统会将视口的宽度和高度分为100份,1vw就占用视口宽度的百分之一, 1vh就占用视口高度的百分之一
1.3vw和vh和百分比不同的是, 百分比永远都是以父元素作为参考
而vw和vh永远都是以视口作为参考
结论: vw/vh是一个动态的单位, 会随着视口大小的变化而变化(相对单位)
2.什么是vmin和vmax?
vmin: vw和vh中较小的那个
vmax: vw和vh中较大的那个
使用场景: 保证移动开发中屏幕旋转之后尺寸不变
注意:如果是做移动端开发,需要使用百分比,建议使用vh。

9.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 发布了文章 · 2月27日

windows10关闭自动更新

1.电脑系统windows10专业版
2.在使用windows10的时候,我们经常会看到需要进行系统更新,但是我们有时候不想更新系统,下面我来分享一下windows10如何关闭自动更新。
3.废话不多说,直接上操作:

使用win+R命令,在打开的"运行"对话框中输入regedit,之后回车键入"注册表编辑器"。

image.png
4.按以下路径依次展开HKEY_LOCAL_MACHINE➡️SOFTWARE➡️Microsoft➡️Windows➡️CurrentVersion➡️Policies➡️Explorer项。
image.png
5.在右侧窗口新建DWORD值,将其数值名称命名为:NoWindowsUpdate,数值数据设置为:1。
image.png
6.最后关闭电脑,重启有效。本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 发布了文章 · 2月26日

vue+vant遍历单选框默认选择和切换选择

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会使用到单选框组件,下面我来分享一下我的使用方法,希望对你有所帮助。
4.废话不多说,先看效果图:
image.png
image.png
5.在template中添加如下代码:

<div @click="Cdefault(item.is_default)">
  <van-radio-group v-model.number="listtradio">
   <van-radio :name="Number(item.is_default)">
    default
   </van-radio>
  </van-radio-group>
 </div>

6.在return中添加如下代码:

listtradio: 1, //因为我在上面绑定的数字类型,根据自己的项目进行修改

7.在methods中添加如下代码:

Cdefault(id) {
    console.log("我是默认地址事件");
    console.log(id);
    console.log("我是默认事件结束啦");
    console.log(Number(id));

    // this.listtradio = 1;
    this.listtradio = Number(id);

    // console.log("我是boolean的转换");
    // console.log(Number(false));
    // console.log("我是boolean的转换结束啦");
   },

8.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

灰太狼的情与殇 发布了文章 · 2月25日

vue中h5端打开app(判断是安卓还是苹果)

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在h5端开发的过程中,我们经常需要点击一个按钮来判断用户使用安装了app(首先判断是安卓还是苹果,然后判断是否安装了app,如果没有安装则跳转到下载页面,如果安装了则打开)。
4.废话不多说,直接上代码:

<div class="xiding-r" @click="openapp">
 Open APP
</div>

5.在methods中添加如下代码:

   openapp() {
    var u = navigator.userAgent,
     app = navigator.appVersion;
    var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    if (isAndroid) {
     // alert("我是安卓");
     this.android();
    }
    if (isIOS) {
     // alert("我是苹果");
    }
   },
android() {
    var _clickTime = new Date().getTime();
    window.location.href = 'zhihu://'; /***打开app的协议,有安卓同事提供***/

    //启动间隔20ms运行的定时器,并检测累计消耗时间是否超过3000ms,超过则结束
    var _count = 0, intHandle;
    intHandle = setInterval(function () {
     _count++;
     var elsTime = new Date().getTime() - _clickTime;
     if (_count >= 100 || elsTime > 5000) {
      console.log(_count)
      console.log(elsTime)
      clearInterval(intHandle);
      //检查app是否打开
      if (document.hidden || document.webkitHidden) {
       // 打开了
       window.location.href = "zhihu://";
       // alert('打开了');
       window.close();
       // return;
      } else {
       // 没打开
       // alert('没打开');
       window.location.href = "";//下载链接
      }
     }
    }, 20);
   },

5.注意:在这个案例中我是用的知乎的例子:
image.png
6.注意

使用Custom URL Scheme的好处就是,你可以在其他程序中通过这个url打开应用程序。如果A应用程序注册了一个 url scheme:myApp,那么就在mobile浏览器中就可以通过<a href ="myApp://">打开你的应用程序。请注意,IOS中如果系统注册了 url schemen且安装了那个应用程序,通过上面那种网页的方式就可以打开应用程序(亲测有效)。注意:IOS中不能注册为http://xxx这样的url scheme,而android是可以的。

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

查看原文

赞 0 收藏 0 评论 0

认证与成就

  • 获得 22 次点赞
  • 获得 3 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 2 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2020-07-21
个人主页被 8.1k 人浏览