文章库ARTICLE COLUMN

  • 如何用Vue来接入hls/m3u8的直播视频演示

    如何用Vue来接入hls/m3u8的直播视频演示

      现在直播很流行,心里痒痒就试试。  互联网网络流媒体简介  不讲多,我们只需要知道常见的几种流媒体格式就行,至于发展与演变,里面的专业知识,主要的流媒体格式有RTSP,RTMP,HLS,WebRtc,这对于开发就足够。  播放HLS格式的视频  为什么要选择H...

    34037718643403771864 评论0 收藏0
  • 演示在小程序中实现excel数据的批量导入的具体代码

    演示在小程序中实现excel数据的批量导入的具体代码

      其实我们本篇文章主要讲述的就是需要将采集的数据积累下来,变成企业的数字资产。  积累数据最好的方式就是把数据存入数据库,低码工具除了有可视化编程的便利外,不仅如此还有提供了线上的文档型数据库。文档数据库相比传统数据库,文档数据库的返回结...

    34037718643403771864 评论0 收藏0
  • 详实注解原生JS以后也支持类型意义

    详实注解原生JS以后也支持类型意义

      知道吗?在布达佩斯2022 JSConf会议上,tc39(ES标准委员会)成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 ——Type Annotations,意在让原生JS支持类型注解。  很多现在盼到了,在.ts文件将后缀改为.js后就能直接在浏览器中运行。  一份tc39...

    34037718643403771864 评论0 收藏0
  • 用实现小程序中读取腾讯文档的表格数据

    用实现小程序中读取腾讯文档的表格数据

      项目开发要考虑的实用,比如在日常生活中我们使用腾讯文档在线的收集各类数据,数据收集是比较方便,但我们也考虑到对数据进行维护或者后续统计分析还是不方便的。本文我们讲的就是具体实现:  1 创建连接器  如果希望接入腾讯文档的功能,需要创建连...

    34037718643403771864 评论0 收藏0
  • 使用JS实现点击button按钮切换图片具体代码

    使用JS实现点击button按钮切换图片具体代码

      不废话,直奔主题,使用JS实现点击button按钮切换图片,实现效果如图:  很容易实现吧,这个是用Dreamweaver写的,现在我们就用JS的一个入门案列。  其实很多时候想法与实际有差距。我们先做了一个简单的图片切换。  body部分:  <body>   <h1>...

    34037718643403771864 评论0 收藏0
  • 用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

热门文章

<