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

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

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

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

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

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

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

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

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

ucharts双柱图,ucharts一个时间点两条柱子的柱状图完整案例

想要实现一个点有两条柱子重点是这些代码:把它放在接口成功的回调里赋值 let Column = { categories: [], series: [] }; Column.categories = ['2012', '2013', '2014', '2015', '2016', '2...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 17:52
  • 阅读 ( 642 )

Vue的iView框架使用Cdn链接或npm的引入的使用方式

iView 是一套基于Vue.js的开源UI组件库,主要服务于PC界面的中后台产品。 1、iView的特性 1) 高质量、功能丰富 2) 友好的API ,自由灵活地使用空间 3) 细致、漂亮的 UI 4) 事无...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 13:40
  • 阅读 ( 856 )

浅谈React表单组件

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

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 13:36
  • 阅读 ( 530 )

React组件的生命周期说明

组件的生命周期有3个主要部分: 1) 实例化:组件被注入DOM。 2) 存在期:组件被重新渲染来决定DOM是否应被更新。 3) 卸载:组件从DOM中被移除。 React提供生命周期方法,以便指定...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 13:32
  • 阅读 ( 542 )

React mixins介绍

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

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 13:29
  • 阅读 ( 655 )

React的虚拟DOM介绍

React非常快速是因为它从不直接操作DOM。 虚拟DOM是在DOM的基础上建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中。 在React中...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-06-30 13:26
  • 阅读 ( 634 )

React实现table根据不同字段升降序排序

tableBox.html: <!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="tableBox.css"><script src="build/react.js"></script>&lt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 13:16
  • 阅读 ( 534 )

JavaScript对象数组根据某个属性sort升降序排序的方法

1、自定义一个比较器,其参数为待排序的属性。 2、将带参数的比较器传入sort()。 var data = [{name: "Bruce", age: 23, id: 16, score: 80},{name: "Alice", age: 24, id: 12, score: 90...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 13:13
  • 阅读 ( 697 )

childNodes和children以及firstChild和firstElementChild的作用区别

1、childNodes属性: 返回指定元素的子节点集合,包括元素节点和文本节点。 除了IE9和Firefox,其他浏览器都支持通过childNodes[i]获取第i个子节点。   2、children属性: 返回...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 13:11
  • 阅读 ( 683 )

HTML中各种常用meta标签的作用

meta是HTML的head中的一个辅助性标签,其作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 13:08
  • 阅读 ( 593 )

element日期选择器关闭选择年月时时间范围联动造成两个开始和结束时间框一起改变

默认:v-model="value"里面的值使用时需要在vue.js的data内声明,相信你知道,我就不多说了。 <el-form-item label="申请时间"><el-date-picker   v-model="value"   type="monthrang...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 09:21
  • 阅读 ( 571 )

scss、sass 和 css 的区别

less大家应该都不陌生,同样的scss、sass一样,它们都可以称为:CSS预处理器语言。 简单来说,scss和sass的区别,就在于 文件扩展名不同:“.sass”和“.scss” sass是以严格缩进式语法规则来书...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 07:21
  • 阅读 ( 597 )

H5手机页面如何实现点击按钮进行手机拨号?

手机网站如何实现点击页面的某个按钮,实现自动拨号? 在很多手机端的网站,或者手机浏览器浏览某些网站的时候,经常会发现有“点击客服热线”,进行电话聊天的功能。 那么,这些功能是这么实...

  • 0
  • 0
  • admin
  • 发布于 2020-06-30 07:15
  • 阅读 ( 611 )

使用ucharts图表时看不懂文档?给你整理了所有的案例,包含点击事件

使用uniapp的相信大多都是移动端,我也不废话,直接告诉你案例怎么找,怎么看,怎么用。在此使用uniapp框架进行演示,你可能会陌生,没关系,它的语法与VUE脚手架一样,什么各种组件各种传参,...

  • 0
  • 0
  • admin
  • 发布于 2020-06-29 23:24
  • 阅读 ( 965 )

PC电脑端页面如何调用QQ进行在线聊天?

pc端如何实现QQ在线咨询? html代码如下: <a href="tencent://message/?uin=1234567&Site=Sambow&Menu=yes">QQ在线咨询</a> 或者是: <a href="http://wpa.qq.co...

  • 0
  • 0
  • admin
  • 发布于 2020-06-29 21:29
  • 阅读 ( 623 )

手机移动H5web端页面如何调用手机QQ?

手机web页面调用手机QQ实现在线聊天的效果 方法一: html代码如下: <a href="javascript:;" onclick="chatQQ()">QQ咨询</a> js代码如下: <script>    function chatQQ...

  • 0
  • 0
  • admin
  • 发布于 2020-06-29 21:23
  • 阅读 ( 621 )

网页原生js判断"客户端设备类型是移动端还是PC端并跳转页面

<!DOCTYPE html><html><head><meta charset="utf-8"><title>当前客户端是否为手机</title><script>function isMobile() {var ua = navigator.userAg...

  • 0
  • 0
  • admin
  • 发布于 2020-06-29 21:13
  • 阅读 ( 522 )