通过PS压缩图片大小而像素不变

教你通过 PS软件 ,对图片进行有效 压缩 ,进而达到网站的优化,缩短完成加载的时间,但并不会改变图片的尺寸大小 ! 我们以上面的JPG图片为例(PNG图片同样操作),详细操作步骤: 1....

  • 0
  • 0
  • admin
  • 发布于 2020-07-02 22:49
  • 阅读 ( 699 )

CSS自定义button按钮的点击特效

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style>        .btn-default {            display: inline-block...

  • 0
  • 0
  • admin
  • 发布于 2020-07-02 22:22
  • 阅读 ( 517 )

CSS的filter滤镜实现img图片的蒙版效果、模糊效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <style> /*图片的蒙版效果*/ .div{wid...

  • 0
  • 0
  • admin
  • 发布于 2020-07-02 21:44
  • 阅读 ( 550 )

bootstrap用css的hover伪类设置鼠标经过显示下拉菜单的效果

1. css代码设置如下:下面的案例已经包含css了,本条只是提出本文重点代码,供大家参看,大家可以直接复制下面的实例去测试。 /*悬停下拉导航设置*/.navbar .nav > li .dropdown-menu {marg...

  • 0
  • 0
  • admin
  • 发布于 2020-07-02 21:27
  • 阅读 ( 529 )

元素使用position绝对定位时,为什么父级需要相对定位

元素使用position绝对定位时,为什么父级需要相对定位,其实这句话说的不对,并不是父级必须相对定位,父级使用绝对定位或者固定定位和使用相对定位效果是一样的,都可以束缚自己定位的区域。...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-02 11:59
  • 阅读 ( 548 )

phpcms 实现PC端、手机端的双模版

phpcms 怎样实现电脑,手机访问自动调用不同模板而URL地址不变? 注意: 替换的代码如下,几处位置替换的代码都一样。 替换的文件路径如下: www\phpcms\modules\content\index.php 方...

  • 0
  • 0
  • admin
  • 发布于 2020-07-01 22:45
  • 阅读 ( 517 )

phpcms检测设备类型判断跳转PC还是手机链接

#phpcms中关于“ 设备类型的检测与判断 ”的设置 目的之一,就是便于: 让 phpcms 实现电脑,手机访问自动调用不同模板而URL地址不变! 也就是平时说的:“手机、电脑 双模板设置”。 ###总结...

  • 0
  • 0
  • admin
  • 发布于 2020-07-01 22:40
  • 阅读 ( 529 )

ucharts图表设置开启横屏显示

本文主要讲ucharts如何设置横屏显示,下面会贴出关键代码和运行实例,关于关键代码在哪里使用请看实例 关键代码: rotate:true, 这便是开始ucharts横屏显示的关键,当然除此以外还需要设置盒...

  • 0
  • 0
  • admin
  • 发布于 2020-07-01 22:11
  • 阅读 ( 647 )

关于ES6新增类型Symbol的使用

1、Symbol概述 JavaScript基本数据类型有6种:Undefined、Null、Boolean、String、Number、Object。 ES6新增了一种数据类型:Symbol,表示独一无二的值,Symbol最大的用途是用来定义对象...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:53
  • 阅读 ( 586 )

React mixins来了解下?

组件是React复用代码的最佳方式,但有时一些不同的组件间也需要共用一些功能,被称为 跨切面关注点,React使用 mixins 来解决这类问题。 一个通用的场景是:一个组件需要定期更新,React提供...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:49
  • 阅读 ( 522 )

浅谈ES6 class实现React Class

使用ES6 class可以以一个JavaScript类来定义React Class。 1、使用React.createClass: var Counter = React.createClass({propTypes: {initial: React.PropTypes.number },getDefaultPro...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:47
  • 阅读 ( 547 )

关于百度的FIS3框架的简单介绍

FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。 1、FIS3的安...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:23
  • 阅读 ( 580 )

Python Django框架介绍

1、Django简介 Python下有多款不同的 Web 框架,Django是最有代表性的一种。许多成功的网站和APP都基于Django。 Django是一个开源的Web应用框架,由Python写成。 Django采用了MVC的软...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:16
  • 阅读 ( 552 )

React表单组件使用介绍

表单组件不同于其他原生组件,可以通过用户交互发生变化,使响应用户交互的表单数据处理更加容易。 1、交互属性 表单组件支持几个受用户交互影响的属性: 1) value:用于 <input&gt...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 17:05
  • 阅读 ( 524 )

使用webpack构建Vue的方法

1、创建基本结构 1) 通过以下命令创建一个项目空文件夹myApp并进入该文件夹: mkdir myApp cd myApp/ 2) 通过以下命令创建package.json: npm init 3) 创建index.html: <!DOCT...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-01 10:38
  • 阅读 ( 581 )

ucharts叠堆柱状图,实现一个两条柱子到多条柱子的完整案例

多条柱子的实现与2条柱子实现的方法一致,给Column.series写3条对象,就是三个柱子,写4条就是4个柱子。Column.series = [{ name: '新成交量3', data: [35, 36, 31, 33, 13, 34] }, { name: '新...

  • 0
  • 0
  • admin
  • 发布于 2020-07-01 07:33
  • 阅读 ( 531 )

CSS设置输入框边框阴影效果-发光的感觉

以下为完整代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> input...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 23:04
  • 阅读 ( 573 )

css属性之user-select可以实现禁止鼠标复制文本

css属性之user-select可以实现禁止鼠标复制文本的,下面是演示图片和完整案例,可以直接粘贴测试,可以发现Ctrl+a失去了选中效果,鼠标按住左键拖动也不可以选中。 <!DOCTYPE html>&lt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 22:55
  • 阅读 ( 580 )

取消input、textarea选中后的默认边框样式

某些浏览器下,输入框即使被设置了圆角,点击后边框的矩形轮廓仍然可见。 例如,谷歌浏览器,严重影响页面显示效果。 其实解决方法很简单,只需要设置一下CSS样式即可,看下面代码,这样就解...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 22:46
  • 阅读 ( 803 )

JS实现鼠标停留在某张图片时在另一个区域放大显示

JS实现鼠标停留在某张图片时在另一个区域放大显示完整案例代码,下面是效果图 <!DOCTYPE html><html><head><meta charset="utf-8" /><title>图片放大显示并跟...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 22:10
  • 阅读 ( 528 )