hello big_bear
码龄7年
求更新 关注
提问 私信
  • 博客：220,861
    社区：119
    问答：154
    221,134
    总访问量
  • 48
    原创
  • 66
    粉丝
  • 78
    关注
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：广东省
加入CSDN时间： 2019-07-24
博客简介：

big_beer的博客

查看详细资料
个人成就
  • 获得203次点赞
  • 内容获得114次评论
  • 获得1,001次收藏
  • 代码片获得1,767次分享
  • 博客总排名1,516,385名
创作历程
  • 7篇
    2022年
  • 41篇
    2021年
成就勋章
TA的专栏
  • 动画效果
    8篇
  • 前端学习经历
    2篇
  • 算法题
    5篇
  • 实用的window操作
    1篇
  • vue
    8篇
  • 前端面试题
    1篇
  • html基础
    15篇
  • three.js
    6篇
  • react
    1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 5

TA参与的活动 0

兴趣领域 设置
  • 数据结构与算法
    数据结构推荐算法
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

【多重好礼】鸿蒙心迹 · 开发录原创征稿活动

鸿蒙开发者的实战经验，值得被记录。从踩坑排查到项目复盘，从工具脚本到学习笔记，每一段真实的开发经历，都是社区最宝贵的技术资产。「鸿蒙心迹 · 开发录」正式启航，不限主题、随时可写，只要是鸿蒙开发相关的真实经验都欢迎投稿。 本活动为 [HarmonyOS 7.0 创新内容共创季](https://builderx.csdn.net/activity-site/harmonyos/activity2026)双轨征文之一，与[「共创季 · 稿事节」](https://harmonyosdev.csdn.net/6a97f0de2b83d06f0ecadec5.html)深度征文互补——「稿事节」写深度技术长文，「开发录」写日常开发实战笔记。 「开发录」每月一期，12月截止，本季共三期，投稿即有机会获得京东卡、CSDN博客流量券、亿万Token、社区定制周边好礼！

126人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多

  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

移动端根据屏幕自适应——postcss-px-to-viewport

postcss-px-to-viewport是一个插件，用起来非常方便，安装一下插件，搞个配置文件就可以直接用了。它的作用是根据配置将css样式中的px转为vw，从而让页面自适应当前屏幕大小。1、安装依赖。 2、在目录下新建一个配置文件。根据需要复制以下配置，然后根据需要修改。 注意 1、不要在模板上写px相关的样式，可能会不生效。（建议把样式都写在中） 2、不要在js上写有关px相关的样式，例如点击触发改变宽度等，因为不会直接将px变成vw。(建议直接自己计算出大小，将js中的px手动改为vw，vh或者百
原创
博文更新于 2022.07.02 ·
2403 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

二级菜单导航栏（左侧）

目标： 实现左侧的二级导航栏 效果图： 项目演示： 点击跳转到演示地址 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>左侧导航栏</title> </head> <style> body{ margin: 0; padding: 0; min-width: 1200px; min-he
原创
博文更新于 2022.06.02 ·
18137 阅读 ·
32 点赞 ·
20 评论 ·
250 收藏

毕业差不多一年，跳槽华为od岗，已入职

先说一下2022年上半年od岗的面试流程。简历筛选（全日制本科以上）- 机试 - 性格面试 - 技术一面 - 技术二面 - hr面 - 主管面。博主当时面试到入职用了两个多月。都是线上面试，可以约晚上或者周末。 机试 三道算法题，大概就是力扣简单-中等-困难的三种类型的题目各一道。第一题100分，第二题100分，第三题200分。然后按照通过率乘分数就是最后的得分了。多少分通过看部门，最低要150（目标院校或者部门很缺人），240分以上是稳的。据说od的机考通过率20%左右，大部分人死在这里，而且挂了之后需要
原创
博文更新于 2022.05.23 ·
25023 阅读 ·
18 点赞 ·
23 评论 ·
64 收藏

机试算法题-两个栈实现队列

题目： 用两个栈实现一个队列。队列的声明如下，请实现它的两个函数 appendTail 和 deleteHead ，分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素，deleteHead 操作返回 -1 ) 思路： 我们用数组的push(),pop()方法模拟入栈和出栈。 1、定义两个栈，调用appendTail直接从栈1入栈就行。 2、出栈的时候先判断栈2是否有元素，如果有就先pop出去。 3、如果栈2没有元素，把栈1的全部元素都pop到栈2，再从栈2pop一个出去。 4、如果栈1
原创
博文更新于 2022.03.24 ·
689 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

机试算法题-敲击计数器

题目： 设计一个敲击计数器，使它可以统计在过去 5 分钟内被敲击次数。（即过去 300 秒） 您的系统应该接受一个时间戳参数 timestamp (单位为 秒 )，并且您可以假定对系统的调用是按时间顺序进行的(即 timestamp 是单调递增的)。几次撞击可能同时发生。 实现 HitCounter 类: HitCounter() 初始化命中计数器系统。 void hit(int timestamp) 记录在 timestamp ( 单位为秒 )发生的一次命中。在同一个 timestamp 中可能会出现几个
原创
博文更新于 2022.03.23 ·
607 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

机试算法题-求三个矩形相交面积

题目： 在坐标中，给定三个矩形，求三个矩形相交面积，如果没有返回-1。（代码最后写了个最后输出三个矩形相交形成的矩形） 思路： 在三个矩形判断其中随意两个矩形是否交，其中两个矩形没有相交，那么肯定没有三个矩形共同的交集。如果其中两个矩形相交了，那么可以让两个矩形形成的新矩形跟第三个矩形进行判断有没有相交。如果两个矩形相交形成的新矩形跟第三个矩形有交集。那形成的矩形就是三个矩形的交集。 代码： <script> let recA={x:1,y:6,w:4,h:4} let rec
原创
博文更新于 2022.03.04 ·
4770 阅读 ·
2 点赞 ·
0 评论 ·
12 收藏

机试算法题-拼接url字符串

题目：拼接url，给定一个字符串，中间存在“，”隔开前后两个url，要求拼接这两个url，且中间有且只有一个“/”，拼接的要求：假如两个字符串为null 则结果为"/" ,否则结果为"/abc/abc"的形式。 输出描述： 1 、输入： ‘/a,/b’ 输出：’/a/b 2 、输入： ‘a,/b/’ 输出：’/a/b 3 、输入： ‘a,b’ 输出：’/a/b 4 、输入： ‘/a,b’ 输出：’/a/b 5 、输入： ‘/a/,/b/’ 输出：’/a/b 6、输入：’,‘ 输出：’/’ 代码： <s
原创
博文更新于 2022.03.04 ·
1019 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

机试算法题-打印机队列

题目： 某个打印机根据打印队列执行打印任务。打印任务分为九个优先级，分别采用数字1~9表示，数字越大优先级越高。打印机每次从队列头部取出第一个任务A，然后检查队列余下任务中有没有比A优先级更高的任务，如果有比A优先级高的任务，则将任务A放到队列尾部，否则执行任务A的打印。请编写一个程序，根据输入的打印队列，输出实际打印顺序。 输出描述： 1、输入：’8，9，10‘ 输出：’2，1，0‘ 2、输入：’5，7，6，4‘ 输出：‘1，2，0，3’ 3、输入：‘8，7，8，6’ 输出：‘0，2，1，3’ 代码：
原创
博文更新于 2022.03.04 ·
1757 阅读 ·
0 点赞 ·
6 评论 ·
1 收藏

3D开发导入的资源包（three.js）

发布资源 2021.09.14 ·
zip

在vant框架中有一个标签栏，怎样判断在点击每个标签的时候只请求一次数据

答:

看描述不是很明确，如果你想点击的第一次请求，后面点击不请求的话。我给的思路是：定义一个变量isFirst = true，
@click="btnclick"在这里点击的方法里面加一层嵌套判断是否第一次请求。请求之后把isFirst = false。这样的话只会请求一次，后面isFirst为false就不会走if里面了。

btnclick(){
if(isFirst){
....请求方法;
之后isFirst = false
}
}
回答问题 2022.01.05

原生js实现数据双向绑定

双向绑定 使用原生js实现数据的双向绑定。 关于vue的双向数据绑定，其核心是 Object.defineProperty()方法 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 Object.defineProperty(obj, prop, desc) obj：需要定义属性的当前对象。 prop：当前需要定义的属性名。 desc：具体的改变方法。 <!DOCTYPE html> <html> <head&
原创
博文更新于 2021.12.31 ·
2699 阅读 ·
1 点赞 ·
0 评论 ·
17 收藏

VUE弹框中有步骤，在第二步的时候点击取消内容未清除

答:

在点击关闭按钮的时候，触发一个将编辑框里数据复制为空的方法。（清空编辑框的数据）

回答问题 2021.11.18

从键盘输入一个字符串，把字符串中的数字字符分离出来并组成一个整数，再乘以数字字符的个数后输出

答:

1、先把字符串的每个元素分隔出来形成数组。
2、使用正则表达式 /^[0-9]+.?[0-9]/ 和循环遍历分离出数组中的数字 放到新的数组中。
3、将新数组转成字符串，然后再从字符串转数字类型。
4、返回已经转成数字类型的值新数组的长度的结果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>
<script type="text/javascript">
    function a(str){
        let arr = str.split('')//分割成数组
        let newarr = []
        arr.map(item=>{
            var re = /^[0-9]+.?[0-9]*/
            if(re.test(item)) {
                newarr.push(item)
            }
        })//分离出字符串里的数字
        let length = newarr.length//数组的长度
        let num = newarr.join('')*1//字符串转number
        return num*length
    }
    console.log(a('4f5dsa'))
</script>
回答问题 2021.11.18

2021年前端面试题，经典

前言：前几天去面试然后被问到的几道面试题，感觉比较经典就来分享一下。 1、sessionStorage，localStorage区别 localStorage生命周期是永久的，除非主动清除localStorage的信息，否则这些信息将永远存在。存放数据大小一般为5MB，而且它仅在客户端（游览器）中保存，不参与和服务器的通讯。 sessionStorage和localStorage相似，不同之处在于sessionStorage里面的数据会在页面会话结束的时候被清除。多个页面打开相同的url会创建各自的sess
原创
博文更新于 2021.11.08 ·
756 阅读 ·
2 点赞 ·
1 评论 ·
2 收藏

前端iframe标签的妙用

iframe基本使用： iframe主要是在游览器的页面中划分出一部分地方用来放其他页面。 打个比方如果想在自己做的页面里面嵌入淘宝的首页，那就把src设置为淘宝的链接。记得要设置一下class样式，不然默认高度为0就不会显示出来了。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>这是一个iframe</title> </head> &l
原创
博文更新于 2021.10.28 ·
892 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

sun-system.zip

发布资源 2021.09.30 ·
zip

html如何设置网页的背景图片

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } .big_box{ height: 100vh; background: url('./框架文件/three
原创
博文更新于 2021.10.11 ·
16881 阅读 ·
17 点赞 ·
1 评论 ·
105 收藏

使用vue和element实现点击按钮多选同时打开多个页面的效果

<template> <div> <h1>同时打开多个页面</h1> <el-checkbox-group v-model="checkList"> <el-checkbox label="http://www.baidu.com">百度</el-checkbox><br/> <el-checkbox label="http://www.taobao.
原创
博文更新于 2021.09.28 ·
2556 阅读 ·
0 点赞 ·
2 评论 ·
3 收藏

搭建脚手架使用vue+element实现的后台管理系统模板

发布资源 2021.06.16 ·
zip

实现3D 场景——three.js学习篇五之正方体贴图

学习目标： 在上一篇中讲到如何在场景中放入多个物体。那么我们来设想一下，如果在放一个大的物体里面包裹着一个小的物体会怎么样呢？？？然后再给物体的各个面贴上图片会变成什么样呢？？？ 学习内容： 1、 物体贴图 2、 鼠标控制 3、 自动旋转 代码： <!DOCTYPE html> <html> <head> <title>贴图</title> <style type="text/css"> body
原创
博文更新于 2021.09.17 ·
1771 阅读 ·
2 点赞 ·
0 评论 ·
4 收藏
加载更多