Lonely0306
码龄5年
求更新 关注
提问 私信
  • 博客:14,823
    14,823
    总访问量
  • 14
    原创
  • 7
    粉丝
  • 11
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
加入CSDN时间: 2021-04-29

个人简介:一天不敲代码就手痒痒的前端程序员......

博客简介:

Lonely0306的博客

博客描述:
一天不敲代码就手痒痒的前端程序员......
查看详细资料
个人成就
  • 获得19次点赞
  • 内容获得13次评论
  • 获得10次收藏
  • 博客总排名2,018,725名
创作历程
  • 14篇
    2021年
成就勋章
TA的专栏
  • 前端
  • 混入
    2篇
  • Vue
    1篇
  • 后端
    1篇
  • 基础配置
    4篇
  • CSS
    4篇
  • 趣闻
    1篇
  • JS
    3篇
  • 面试题
    1篇
  • 博客疑问
    1篇
  • VSCode问题
    1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    vue.js
创作活动更多

编程达人挑战赛·第12期

作为写代码的你,是否也渴望被更多人看到?技术人员普遍有一个共性——明明技术很强,却没人知道你做了什么;花了很多时间踩坑,却没人因你少走弯路;脑子里有一堆干货,但却不懂如何有效地输出。 在如今写代码的人越来越多的时代,能够清晰表达自己思路与技术的人却少之又少。 因此,我们发起了这个【编程达人挑战赛】——帮助你将代码变成作品,将技术转化为真正的价值,同时激励更多的人坚持写作与分享。 注:活动细则介绍请看此贴:[https://bbs.csdn.net/topics/619791811](https://bbs.csdn.net/topics/619791811)。

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

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

vue混入(Vue Mixins)

一、混入的作用:复用代码 比如在vue项目中,有两个组件,两个组件都有相同的代码;这时,就可以通过Mixins来减少代码量 二、混入的方式: (一)局部 1.先在src下创建一个Mixins文件,然后在文件中创建一个js文件 2.里面写可复用的代码: // 先定义一个mixin对象(LoveMixin) export const LoveMixin = { data() { return { name: '贺宝' } }, me
原创
博文更新于 2021.05.11 ·
313 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Nginx服务器

1,Nginx:静态资源服务器 2,它用来存放静态资源,比如一些图片,电子书等 3,一般来讲,项目进行npm打包,打包后生成dist文件,这个文件最终部署到Nginx服务器中;html、css它们也属于静态资源,用户去访问静态资源时,实际上是从Nginx服务器上去访问的 ...
原创
博文更新于 2021.05.10 ·
215 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

flex混入配置

@mixin center { display: flex; justify-content: center; align-items: center; } @mixin top { display: flex; justify-content: center; align-items: flex-start; } @mixin bottom { display: flex; justify-content: center; ali
原创
博文更新于 2021.05.10 ·
250 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css中,用px自动转化为rem

新建一个mixin.scss文件,里面写:(非常适用于移动端) // $ratio 随便起的变量名 // 375:!Phone默认的最大宽度 $ratio: 375 / 10;//默认的初始值 @function px2rem($px) { @return $px / $ratio + rem } 后期在使用时,先引入mixin.scss文件,然后调用px2rem()这个函数,里面传个像素值,它就可以自动地帮我们转化为rem比例。 例如在css中: font-size:px2rem(18)
原创
博文更新于 2021.05.10 ·
1079 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

CSDN的显示称号

** 评论显示等级 ** 评论次数区间: ① 潜水: 0次 ② 码哥: 1~3次 ③ 码农: 4~7次 ④ 码工: 8~15次 ⑤ 码皇: 16~31次 ⑥ 码神: 32~68次 ⑦ 爱马仕: 64次以上 爱你呦
原创
博文更新于 2021.05.10 ·
437 阅读 ·
1 点赞 ·
2 评论 ·
0 收藏

封装rem

一、适用于PC端 (function (window, document) { let docEl = document.documentElement let _width = docEl.clientWidth function fn1() { if (!_width) { return } if (_width > 750) { docEl.style.fontSize = '
原创
博文更新于 2021.05.09 ·
251 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Iscroll

一、iscroll的基本结构 …… 二、iscroll常用的方法以及事件 事件: scrollEnd 对象.on(“scrollEnd”,function(){自己的逻辑}) 方法: scrollTo() scrollBy() scrollToElement()
原创
博文更新于 2021.05.07 ·
246 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

zepto和jquery的区别

zepto是一个用于移动端开发的轻量级的类库,和jquery有着一样的api 区别: 1.zepto更轻量 因为去除了一些兼容低端浏览器的代码 2.添加了一些移动端的事件 例如 swipeLeft swipeRight swipeTop SwipeBottom 等等 ...
原创
博文更新于 2021.05.07 ·
301 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

谈谈你是如何做移动端适配的?

1.meta标签设置 2. 图片适配` img { max-width: 100% } 或者使用二倍图或者三倍图 3. 媒体查询 4. 动态rem
原创
博文更新于 2021.05.07 ·
352 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

用纯CSS创建一个三角形的原理是什么

width: 0; height: 0; border-top: 40px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #ff0000;
原创
博文更新于 2021.05.07 ·
224 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

1px边框的实现

.border { border: 1px solid #ccc; } @media screen and (-webkit-min-device-pixel-ratio:2) { .border { border: 0.5px solid #ccc } } @media screen and (-webkit-min-device-pixel-ratio:3) { .border { border: 0.3333px solid #ccc } }
原创
博文更新于 2021.05.07 ·
321 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

发布博文后插入的图片不出来??????

艾欧尼亚,昂扬不灭 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210507170243477.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvbmVseTAzMDY=,size_16,color_FFFFFF,t_70#pic_center) ...
原创
博文更新于 2021.05.07 ·
463 阅读 ·
1 点赞 ·
2 评论 ·
0 收藏

Vetur can‘t find`package.json`in路径 和 Vetur can‘t find`tsconfig.json`or`jsconfig.json`in路径 VSCode弹框

解决办法 进入VSCode后总会有这种弹框,对于有强迫症的人来说,是真的很烦 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210506183923157.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvbmVseTAzMDY=,size_16,color_FFFFFF,t_70) 下面我来说说怎么解决
原创
博文更新于 2021.05.06 ·
10038 阅读 ·
10 点赞 ·
7 评论 ·
10 收藏

WebPack安装

webpake打包 1、查看是否安装:webpack -v 2、安装 npm i webpack webpack-cli -g 3、初始化文件 npm init 然后会生成需要配置的项目 4、这里可以快速初始化文件 npm init -y 生成一个package.json文件 5、开发环境的安装 npm i webpack@3.6.0 --save-dev ...
原创
博文更新于 2021.05.06 ·
329 阅读 ·
3 点赞 ·
2 评论 ·
0 收藏