logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

svg 实现hover颜色变换

关于怎么实现svg的:hover颜色变化html:<img class="svg" src="../assets/images/user/icon.svg"/>css:.svg:hover{-webkit-filter: drop-shadow(0px 0px 0px #2B76B3);}关于drop-shadow 请参照:http://www.divcs...

#html#css
Vue CLI4.0 webpack配置属性——outputDir、assetsDir、indexPath

outputDirType: stringDefault: dist作用:设置项目打包生成的文件的存储目录,可以是静态路径也可以是相对路径。注意:相对路径是相对于项目文件当前的根路径。写法:module.exports = {publicPath: './', // 基本路径outputDir: 'dist', // 输出文件目录}...

#webpack
Vue CLI4.0 webpack配置属性——productionSourceMap

productionSourceMapType: booleanDefault: true用途:设置生产环境的 source map 开启与关闭。用法:module.exports = {publicPath: './', // 基本路径outputDir: 'dist', // 输出文件目录assetsDir: './assets',indexPath: ...

#webpack
前端使用后端回传的url,显示图片的使用方法

前言在开发过程中,有时需要动态的添加后端回传的指定url图片。但如果直接使用图片路径充当url,这时就会存在这样一个问题:后端的图片已经变了,但是前端的图片还是原来的。原因这是因为浏览器有缓存的功能。如果后端回传的url不变,即使你重新成功发出request,浏览器还是会自动从缓存获取图片。解决方法:在url后面加个随机参数就行了。因为url不同 ,浏览器就不能在缓存里读到对应的图片,所...

浅谈 API 回传数据格式

API 是前后端数据沟通的重要途径。API 回传数据的格式对前端来说,有着极其重要的作用。在用户跟网站交互过程中,前端充当的是“翻译官”的重要角色。前端需要把后端告诉给用户的“信息”,准确的、浅显易懂的转述给用户。前端要想准确、浅显的向用户转述,首先要做的就是“听懂”后端说的“信息”。前端要想精准掌握这些“信息”,就必须和后端约定好一套 API 回传数据的格式。后端根据这套格式表诉他的“信息”,前

《前端与SEO》—— 第六章:前端开发人员的一些SEO优化方法

前端开发人员开发之余,顺手做一些SEO优化,是很划算的一笔"买卖"。可以通过以下方式进行SEO优化:1.设置合理的 title、keywords、description;2.a 标签优化;3.屏蔽不需要被抓取的网页;4.保持简单的网址结构;5.图片相关优化;6.无障碍优化;7.分页优化等

文章图片
#前端
《前端与SEO》—— 第二章:站点地图 (sitemap)

顾名思义,sitemap就是网站的地图。这张“地图”描述的是网站中各个网页、图片、视频或其他文件的有关信息,甚至还可以说明这些内容之间的关系。sitemap以文件的形式存放在域名根路径下。,这张“地图”并不是给用户看的,而是专为设计的。搜索引擎会让抓取工具爬取sitemap文件,以便更高效的收录网站的网址。

文章图片
#搜索引擎
关于域名、备案、SSL证书、HTTPS协议那些事

域名购买与备案;SSL 证书的购买与使用;Nginx 安装使用 HTTPS 协议的方法。Nginx 如何安装 http_ssl_module

#nginx#ssl
select实现placeholder效果

前言一般的表单控件有一个placeholder的属性,但是select却没有该属性。下面给大家带来一个实现select的placeholder的方法。代码html<select class="city" onchange="select()"><option disabled selected value>- 请选择城市</option>...

#html5
解决“图片因为CSS样式缩放导致变糊问题”

对于图片的放大缩小,我们都会自然而然的认为:图片放大,会变得模糊,图片变小会变得较为清晰。放大,会把瑕疵更明显的暴露出来;缩小,可以让瑕疵难以发觉。这是生活中的自然现象。但是,这个现象放到网页上的图片就“变了味”。

#css
    共 62 条
  • 1
  • 2
  • 3
  • 7
  • 请选择