文章库ARTICLE COLUMN

  • 用javascript实现图片轮播简单版示例

    用javascript实现图片轮播简单版示例

      这篇文章简而言之就是说用javascript实现图片轮播简单效果的具体代码,直接放代码:  这里是css样式  *{   margin:0;   padding:0;   }   ul,   li{   list-style:none;   }   img{   display:block;   /*vertical-align:middle;...

    34037718643403771864 评论0 收藏0
  • 用ASP.NET实现Repeater控件的数据绑定演示

    用ASP.NET实现Repeater控件的数据绑定演示

      我们先讲讲Repeater基础。我们可以在aspx文件中融入Repeater 控件,也可以在<ItemTemplate></ItemTemplate>包含的范围融入自己的代码,当然这里也要使用到变量<%# Eval("SellerName")%>;注意两侧的引号。  .aspx:  <asp:RepeaterID="Sel...

    34037718643403771864 评论0 收藏0
  •  用js实现点击切换和自动播放的轮播图示例

     用js实现点击切换和自动播放的轮播图示例

      js实现点击切换和自动播放的轮播图,其实十分简单,话不多说,我们直接看示例:  轮播图案例  <!DOCTYPEhtml>   <html>   <head>   <metacharset="UTF-8">   <metaname="viewport"content="width=devic...

    34037718643403771864 评论0 收藏0
  • 用JavaScript来实现Tab点击切换

    用JavaScript来实现Tab点击切换

      现在很多都用到Tab 选项卡切换效果,例如点击切换、滑动切换、延迟切换、自动切换等多种效果,本篇文章讲述的就是通过原生 Jquery 来实现 Tab 点击切换的效果。  例如:  html  <body>   <divstyle="position:relative;margin-top:56px;display:f...

    34037718643403771864 评论0 收藏0
  • vue长按事件touch实现代码

    vue长按事件touch实现代码

      1.touch事件  以下是四种touch事件  touchstart: //手指放到屏幕上时触发  touchmove: //手指在屏幕上滑动式触发  touchend: //手指离开屏幕时触发  touchcancel: //系统取消touch事件的时候触发,这个函数运用很少  2.长按弹出删除按钮,点...

    34037718643403771864 评论0 收藏0
  • 关于如何解决vue contextmenujs鼠标右键菜单高度不够显示不全的问题

    关于如何解决vue contextmenujs鼠标右键菜单高度不够显示不全的问题

      相信很多人以前都是采用npm或者yarn直接装包vue-contextmenujs的形式:  npminstallvue-contextmenujs-S||yarnaddvue-contextmenujs  当右键点击记录时,完整展示应该是如下图所示:  结果,当点击靠前的记录时,就看到下图所示,上面一部分内被遮...

    34037718643403771864 评论0 收藏0
  • 演示Vue实现记住账号密码功能的思路和代码

    演示Vue实现记住账号密码功能的思路和代码

      实现思路:  情景:在用户登录时若勾选记住我功能选项,则将登录名和密码(加密后)存入本地缓存,下次登录页面加载时自动获取保存好的账号和密码(需解密),回显到登录输入框中。  在本地缓存可以用cookies、localStorage、sessionStorage,但...

    34037718643403771864 评论0 收藏0
  • 单页多张图片轮播效果用AntDesignVue走马灯实现

    单页多张图片轮播效果用AntDesignVue走马灯实现

      项目中要求单页多图一次滚动一张图片的轮播效果,且项目组件库是antd  在使用antd后展现的走马灯  其实很想吐槽,但还是不说了吧。  在https://github.com/vueComponent/ant-design-vue/blob/master/components/vc-slick/src/default-props.js#L3中...

    34037718643403771864 评论0 收藏0
  • 小案例:运用vue实现简单的购物车

    小案例:运用vue实现简单的购物车

      有关ue的项目,今天为大家做一个小案例,就是把一个js的购物车改成vue了  css部分是直接引入的插件  效果图如下  <template>   <divclass="head">   <metacharset="UTF-8">   <title>我的购物车-品优购</title>   <...

    34037718643403771864 评论0 收藏0
  • 学习js中的'this'关键字

    学习js中的'this'关键字

      在JavaScript中‘this’关键字是一个非常重要的概念,我们虽然知道它重要,但它也十分的晦涩难懂,也给我们学习造成不小的困扰。  什么是&#39;this&#39;关键字  &#39;this&#39;关键字是为每个执行上下文(每个函数)创建的一个特殊变量;所以一般来说,...

    34037718643403771864 评论0 收藏0
  • 利用js实现点击按钮实现图片排序

    利用js实现点击按钮实现图片排序

      利用JS就可以实现在点击按钮实现图片排序,做个狠人,直接说:  效果  1 、点击按钮  如果按钮文字是从大到小 将li标签按照从大到小的顺序排列 文字改成从小到大  如果按钮文字是从小到大 将li标签按照从小到大的顺序排列 文字变成从大到小  2 ...

    34037718643403771864 评论0 收藏0
  • 当浏览器切换到其他标签页或最小化js定时器是否会影响准时

    当浏览器切换到其他标签页或最小化js定时器是否会影响准时

      前言  很多的问题就在实践中得到解决。  本文主要说的就是js定时器,setInterval和setTimeout,作为我们日常开发经常使用到的方法。我们先给大家下面一个例子:  setInterval(()=>{   console.log(&#39;1&#39;);   },500);  这段代码就是每过...

    34037718643403771864 评论0 收藏0
  • PageVisibilityAPI简单易学教程演示

    PageVisibilityAPI简单易学教程演示

      一、简介  要知道用户何时离开,有常用的方法是监听下面三个事件。  pagehide  beforeunload  unload  可上述三种方法有一个bug就是,这些事件在手机上可能不会触发,页面就直接关闭了。因为手机系统可以将一个进程直接转入后台,然后杀死。 ...

    34037718643403771864 评论0 收藏0
  • 演示当定时器在页面最小化时无法执行

    演示当定时器在页面最小化时无法执行

      我们讲述的是关于 ahooks 源码系列文章的第七篇,总结主要讲述下面几点:  巩固 React hooks 的理解。  学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。  培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  注:本系...

    34037718643403771864 评论0 收藏0
  • js实现数字拼图代码展示

    js实现数字拼图代码展示

      话不多说,直接开干。  重点:  下图我们可以看到,游戏区分为8个div,进行游戏时需要判断点击的div是否可移动,移动后判断游戏是否结束。  解决思路:将游戏界面看作一个div大盒子,将大盒子分为9个区域进行编号,这9个区域的位置始终不变;8个div...

    34037718643403771864 评论0 收藏0
  • React为何不能将useMemo设置为默认方法的原因

    React为何不能将useMemo设置为默认方法的原因

      想要升职加薪就要努力学习这篇React不能将useMemo设置为默认方法原因详解,  很多朋友都建议可以用 React 这样就不直接默认使用这种memorized呢?还可以让所有资料都缓存~减少渲染  话不多说,直接上。大概就是直接让所有的东西都 默认套上一层useMem...

    34037718643403771864 评论0 收藏0
  • 解读useEvent显著降低Hooks负担的原生Hook

    解读useEvent显著降低Hooks负担的原生Hook

      想要做到就要有更多的学习,你知道为什么React不把他们设为默认方法#useEvent是一个刚刚提案的原生Hook,还处于RFC。现在我们就一起来讨论下  RFC:Request for Comments 提案应用的还十分广泛  我们先看看在没有 useEvent 会出现的情况:  functio...

    34037718643403771864 评论0 收藏0
  • 使用基础pypandas Series与Dataframe与num进行二次输出案例

    使用基础pypandas Series与Dataframe与num进行二次输出案例

      小编写这篇文章的主要目的,主要是给大家来做一个介绍,介绍关于python pypandas中的相关案例解读,解读一下Dataframe与num,该怎么进行二次输出呢?下面给大家详细的解答下。  Series  series是一种一维的数组型对象,它包含了一个值序列和一个数据...

    8954276789542767 评论0 收藏0
  • python中ndarray数组的索引和切片使用方法

    python中ndarray数组的索引和切片使用方法

      小编写这篇文章的主要目的,是给大家做出一个比较详细的介绍,介绍关于python中,ndarray数组索引和切片是怎么去进行使用的呢?具体的使用方法是什么呢?下面就给大家详细的介绍下。  索引和切片相当于是对数组中内容的读(read)或者查询(inquiry)。...

    8954276789542767 评论0 收藏0
  • Pycharm出现问题与解决方法,下文给大家详解

    Pycharm出现问题与解决方法,下文给大家详解

      小编写这篇文章的主要目的,是给大家介绍一下,关于Pycharm的相关问题,比如其出现问题之后,我们要怎么去解决呢?具体的解决方法又是什么呢?下面就给大家详细的做一个解答。  前言  最近在使用Pycharm,在运行或者安装的过程中出现了各种各样的报错...

    8954276789542767 评论0 收藏0
  • 如何使用Python pyecharts绘制仪表盘

    如何使用Python pyecharts绘制仪表盘

      小编写这篇文章的主要目的,主要还是去进行讲解一些关于Python pyecharts绘制仪表盘的一些讲解,具体怎么去进行操作呢?下面就给大家详细解答下。  仪表盘  仪表盘的效果我只能说炫酷而已,如果想要运用在实际的场景中,我其实也不清楚那个场景比较适...

    8954276789542767 评论0 收藏0
  • 怎么使用Python可视化神器pyecharts绘制折线图

    怎么使用Python可视化神器pyecharts绘制折线图

      小编写这篇文章的主要目的,主要是给大家介绍一下关于Python中的一些案例情况,包括使用到一些可视化的工具pyecharts,那么,怎么使用这种工具去进行绘制折线图呢?下面就给大家详细解答下。  折线图介绍  折线图和柱状图一样是我们日常可视化最多的...

    8954276789542767 评论0 收藏0
  • Centos安装python3与scapy模块的问题及解决方法

    Centos安装python3与scapy模块的问题及解决方法

      Centos的版本还是比较的多的,那么,我们要怎么在这个服务器上,去进行安装python3呢,具体的方法是什么呢?如果安装遇到问题的话,该怎么去进行解决呢?下面就给详细解答下。  一、CentOS安装Python3  centos7自带版本是python2.7  如果要用的3.0...

    8954276789542767 评论0 收藏0
  • python绘制神器五角星+小黄人+樱花方法介绍

    python绘制神器五角星+小黄人+樱花方法介绍

      小编写这篇文章的主要讲解的是,关于python一些案例的介绍,主要是对五角星+小黄人+樱花,对这种方法的一个具体介绍,下面就给大家做出一个比较详细解答。  前言  这期文章我就为大家介绍关于python的艺术美——画图神器  在数学中有一种美,叫几何...

    8954276789542767 评论0 收藏0
  • Python的三种主要模块介绍

    Python的三种主要模块介绍

      Python的三种主要模块介绍  小编写这篇文章的主要目的,给大家介绍三种主要的模块,包括系统内的几种模块,对其做个具体的介绍,下面就给大家详细的解答下。  在python中,一个文件(以.py为后缀名的文件)就叫做一个模块,每一个模块在python里...

    8954276789542767 评论0 收藏0

热门文章

<