logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

css 中clip 属性和替代方案 clip-path属性使用

作用clip属性用于定义一个裁剪区域,该区域外的元素内容将不可见。适用元素clip属性只对绝对定位()或固定定位()的元素有效,并且元素不能设置,如果设置clip将不起作用(但是经过我的测试并没出现这个问题属性值:接受四个值,分别表示裁剪区域的左上角、右上角、右下角和左下角的位置,通常使用的形式。top:定义第一个裁切点开始坐标,也就是从元素左上角什么位置开始right:定义第二个裁切点坐标,也就

文章图片
#css#前端
css在线代码生成器

css在线代码生成器

文章图片
#css#前端
npm run dev命令的执行顺序和原理

当我们在开发vue、react等项目的时候经常会用npm run *命令,那么当我们执行这个命令的时候具体都做了些什么呢?接下来我们就来详细探索一下。

文章图片
#npm#前端#node.js
浏览器控制台调试之——console输出语法使用

以前我们在调试代码的时候常用alert方法输出代码,这个方法不能输出详细内容,而且会阻止后面的代码执行,非常不利于我们调试。console用于在控制台输出内容,他的出现可以让我们在开发过程中调试代码变得方便,而且console也为我们提供了很多的方法,有些再调试过程中非常实用,可以节省很多时间。console使用我们在开发过程中经常会用到浏览器的控制台工具,来打印一些信息便于我们开发和调试,con

图片缩放不模糊之css中image-rendering使用

image-renderingcss中的image-rendering是做什么的?我们在做页面的时候经常会处理一些图片,比如让图片自适应外层容器的大小,等比例缩小或者放大。1、我们在缩小图片的时候,原本大尺寸的图片经过强制缩放,会把相邻的像素点挤到一起,这个时候图片看上去就比原尺寸图片要模糊。2、图片放大也是,原尺寸的图片经过放大,图片中的每一像素点就会拉伸,这个时候图片也是会失真没像素边缘会模糊

#css#前端
关于设置html不让浏览器进行缓存的问题

我们现在在做vue,react等项目的时候,由于是单页面的纯前端项目,他们的入口文件往往都是静态的html单一文件。这里需要注意的是,取消缓存可能会增加服务器的负载,因为每次请求都需要从服务器重新获取内容。因此,在决定取消缓存时,请确保权衡利弊,并考虑使用适当的缓存策略来优化性能和用户体验。

文章图片
#html#缓存#前端
vue子组件判断是否有父组件传过来的方法

我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用,同时我们可以给组件传递参数和方法来供组件内部使用,这里我们介绍一下子组件中接收父组件的方法数组vm.$listenersvm.$listeners官网解释:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

Grid网格布局详细讲解

‘Grid是CSS3中网格布局系统,也是CSS3中最强大的布局系统。它是一个二维布局系统,这意味着它可以处理列和行,不像flex弹性布局主要是一维系统,他像表格一样可以让我们控制行或者例对齐,可以控制子元素跨行或者跨列,但是他比表格更加灵活,它的子元素可以单独定位就像CSS定位元素一样,同时还可以重叠单元格。’‘您可以使用网格布局,通过将CSS规则应用于父元素(成为网格容器)和该元素的子元素(它们

#css3
开发中用的的软件汉化各种工具步骤,git bash汉化、git GUI汉化、vscode中文汉化、webstrom中文汉化

Git Bash \ Git GUI汉化git bashgit bash 使我们在window系统中安装git工具的时候提供的一种命令行工具,可以使用它来执行git的所用命令,git bash默认都英文版的,对于英文不好的同学操作起来比较困难,git bash自带的有可以设置成中文的功能具体设置:如果安装成功git后在任意文件夹下右键,菜单会出现如下选项:再打开的命令行窗口下右键选择:在windo

#git#visual studio code#phpstorm
到底了