- 博客(14)
- 收藏
- 关注
RSS订阅
原创 发布博文后插入的图片不出来？？？？？？
艾欧尼亚，昂扬不灭...
2021-05-07 17:05:17
435
2
原创 Vetur can‘t find`package.json`in路径 和 Vetur can‘t find`tsconfig.json`or`jsconfig.json`in路径 VSCode弹框
解决办法进入VSCode后总会有这种弹框，对于有强迫症的人来说，是真的很烦下面我来说说怎么解决
2021-05-06 18:53:11
10003
7
原创 vue混入（Vue Mixins）
一、混入的作用：复用代码比如在vue项目中，有两个组件，两个组件都有相同的代码；这时，就可以通过Mixins来减少代码量二、混入的方式：（一）局部1.先在src下创建一个Mixins文件，然后在文件中创建一个js文件2.里面写可复用的代码：// 先定义一个mixin对象(LoveMixin)export const LoveMixin = { data() { return { name: '贺宝' } }, me
2021-05-11 15:24:41
287
原创 Nginx服务器
1，Nginx：静态资源服务器2，它用来存放静态资源，比如一些图片，电子书等3，一般来讲，项目进行npm打包，打包后生成dist文件，这个文件最终部署到Nginx服务器中；html、css它们也属于静态资源，用户去访问静态资源时，实际上是从Nginx服务器上去访问的...
2021-05-10 20:51:28
186
原创 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 20:40:03
210
原创 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 20:21:13
1063
原创 封装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 20:31:02
236
原创 谈谈你是如何做移动端适配的?
1.meta标签设置 2. 图片适配` img { max-width: 100% } 或者使用二倍图或者三倍图3. 媒体查询4. 动态rem
2021-05-07 21:20:23
334
原创 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 21:18:52
309
原创 用纯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 21:17:53
213
原创 zepto和jquery的区别
zepto是一个用于移动端开发的轻量级的类库，和jquery有着一样的api区别：1.zepto更轻量 因为去除了一些兼容低端浏览器的代码2.添加了一些移动端的事件 例如 swipeLeft swipeRight swipeTop SwipeBottom 等等...
2021-05-07 21:16:47
278
原创 Iscroll
一、iscroll的基本结构……二、iscroll常用的方法以及事件事件：scrollEnd对象.on(“scrollEnd”,function(){自己的逻辑})方法：scrollTo()scrollBy()scrollToElement()
2021-05-07 21:12:23
223
原创 优快云的显示称号
**评论显示等级**评论次数区间：① 潜水： 0次② 码哥： 1~3次③ 码农： 4~7次④ 码工： 8~15次⑤ 码皇： 16~31次⑥ 码神： 32~68次⑦ 爱马仕： 64次以上爱你呦
2021-05-06 17:55:07
396
2
原创 WebPack安装
webpake打包1、查看是否安装：webpack -v2、安装npm i webpack webpack-cli -g3、初始化文件npm init然后会生成需要配置的项目4、这里可以快速初始化文件npm init -y生成一个package.json文件5、开发环境的安装npm i webpack@3.6.0 --save-dev...
2021-05-06 14:00:34
311
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人