javascript js代码教程 js基础 jquery技巧_酷站(www.ku0.com)-致力于为互联网从业者提供动力！

今日做出做出一个春节接金币红包的活动，感觉挺不错的分享给大家这个小游戏采用hilojs实现的，详情第一步：安装插件 npm i hilojs或者yarn add hilojs 第二步：创建一个Asset.js文件 import ...[详细]

关键词：JavaScrip,H5,金币功能 / 发布时间：2021-02-23 08:45:30 / 阅读：128

js实现验证码干扰（静态）

效果代码 !DOCTYPE htmlhtml head meta charset=UTF-8 title/title style *{ padding: 0; margin: 0; } canvas{ background: #272822; } /style /head body canvas id=canvas width=800 height...[详细]

关键词：js,验证码 / 发布时间：2021-02-23 08:36:23 / 阅读：6545

详解vue仿携程轮播图效果(滑动轮播,下方高度自适应)

先看案例，使用vue+swiper实现，slide不同高度时，动态计算盒子高度，让其下方高度自适应的效果首先搭建vue项目，这里不做过多说明，然后安装swiper npm install swiper --save-dev 1. js部分...[详细]

关键词：vue,轮播图 / 发布时间：2021-02-12 00:02:04 / 阅读：2345

uniapp微信小程序:key失效的解决方法介绍

uniapp 代码 template view image v-for=(item, i) in fileList :key=item[urlKey] :src=item[urlKey]/image /view/templatescript export default { props: { urlKey: {default: url}, fileLis...[详细]

关键词：uniapp,微信小程序,key / 发布时间：2021-01-21 10:42:46 / 阅读：1803

原生js实现自定义滚动条的实例教程

1.HTML文件 div1是滚动条，div2是滚动小球，div3是文本区域容器，div4是文本区域。 div id=div div id=div1 div id=div2 /div /div div id=div3 div id=div4 pCSS3 教程/p pCSS3 教程/p pCSS3 ...[详细]

关键词：js,原生,滚动条 / 发布时间：2021-01-21 10:35:04 / 阅读：1644

Vue开发人员的7个最好的VSCode扩展的介绍

在Visual Studio中添加正确的VS Code扩展可以让你作为开发者的生活变得更加轻松。它们可以帮助格式化、可伸缩性、强制执行最佳实践，从而自动化开发过程中许多容易忘记的任务。它们也可以只是...[详细]

关键词：Vue,VSCode,扩展 / 发布时间：2021-01-20 15:30:12 / 阅读：1162

vue element el-transfer增加拖拽功能的实现

芯资管项目要求el-transfer增加拖拽排序，左右上下互相拖拽功能；原来的组件不支持拖拽，这里要用个第三方脱宅组件sortablejs 首先安装 1 sudo npm i sortablejs --save-dev html代码 1 2 3 4 5...[详细]

关键词：vue,拖拽 / 发布时间：2021-01-15 14:17:49 / 阅读：959

微信小程序实现多图上传的方法

看一下效果图 index.html view class=imgs block wx:for={{ imgs }} wx:key={{ index }} view class=img-box image src={{ item }} / icon class=iconfont size=18px color=gray data-index={{ ...[详细]

关键词：微信小程序,多图上传 / 发布时间：2020-06-20 11:46:10 / 阅读：9146

Javascript执行流程细节的介绍

Javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用...[详细]

关键词：Javascript,执行流程 / 发布时间：2020-05-15 08:36:08 / 阅读：134

javascript代码是如何被压缩

随着前端的发展，特别是 React ， Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已...[详细]

关键词：javascript,压缩 / 发布时间：2020-05-06 20:35:47 / 阅读：7323

解决React在安装antd之后出现的Can't resolve './locale'问题

React在安装antd之后出现的Cant resolve ./locale问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。解决方案就是配置webpack...[详细]

关键词：React,antd / 发布时间：2020-05-03 20:47:15 / 阅读：14921

jQuery实现移动端图片上传预览组件的方法

我们先来捋一捋想要实现的功能：预览删除压缩上传到服务器基本机构这样，我们的组件结构就有了： ;!function(window, $, undefined){ function Upload() { }; Upload.prototype.change = ...[详细]

关键词：jQuery,图片上传 / 发布时间：2020-05-01 20:52:57 / 阅读：14026

js解析JSON数据的详解

JSON 数据如下： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 { name : mkyong , age : 30, address : { streetAddress : 88 8nd Street , city : New York }, phoneNumber : [ { type : h...[详细]

关键词：js,JSON / 发布时间：2020-04-21 21:02:15 / 阅读：19138

js中间件设计模式的深入探讨与实例分析

中间件作为一些辅助处理功能，应用非常广泛，例如express中间件，redux中间件，koa中间件，那么中间件的设计模式到底是怎样的呢。结合中间件的使用实例探讨和总结一下中间件的设计思想和一般实...[详细]

关键词：js,中间件,设计模式 / 发布时间：2020-04-11 20:48:10 / 阅读：1232

Quasar Input:type=＂number＂去掉上下小箭头实现加减按钮样式

实现效果 UI组件依然是使用 Quasar Framework。先来看一下效果：加减.gif input type=number 去掉上下小箭头去掉上下小箭头，主要是css: input::-webkit-outer-spin-button,input::-webkit-i...[详细]

关键词：Quasar,按钮 / 发布时间：2020-04-09 20:38:48 / 阅读：10844

js实现登录时记住密码

常见的很多网站登录，都有记住密码功能，下面是用js实现的记住密码功能（代码用的源生js，不用引入任何插件，大家如果引入了jQuery，可以进行修改，优化） js部分 ? 1 2 3 4 5 6 7 8 9 10 11 12...[详细]

关键词：js / 发布时间：2020-04-05 17:13:18 / 阅读：8126

jQuery实现鼠标放置名字上显示详细内容气泡提示框效果

本文实例讲述了jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法。分享给大家供大家参考，具体如下：实现效果如上图，当鼠标放置到名字上时，则显示出内容详情。实现具体过程如下：...[详细]

关键词：jQuery,提示框 / 发布时间：2020-04-04 20:31:12 / 阅读：71

Javascript组合继承方法的代码

组合继承组合继承，指将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后思路使用用原型链实现对原型属性和方法的继承，而通过构造函数来实现对实例属性的继承...[详细]

关键词：Javascript,组合继承 / 发布时间：2020-04-02 20:21:26 / 阅读：6227

JavaScript实现电灯开关的代码

天学习了JavaScript的一些简单知识，感觉挺有意思，仅仅通过简简单单的几行代码就能模拟出生活中的一些应用场景，Interesting。比如我今天要写的这个模拟电灯开关的小案例。首先对本案例进行一...[详细]

关键词：javaScript / 发布时间：2020-03-30 19:59:22 / 阅读：1843

js中FormData类实现文件上传的方法

这次介绍一个JS的普通类FormData，在不支持H5浏览器环境下也可以文件上传和预览，并且还能监控上传进度。案例一：xhr.upload.onprogress监控文件的上传进度，并且动态显示 !DOCTYPE htmlhtml l...[详细]

关键词：js,FormData / 发布时间：2020-03-28 19:17:14 / 阅读：1628

javascript+css实现进度条效果的代码

主要是以样式实现进度条的效果，JavaScript控制显示的百分比 html模板 div class=progress_area span id=progress class=progress_bac/span/divinput type=button class=progress-inp value=100...[详细]

关键词：javascript,css,进度条 / 发布时间：2020-03-25 20:23:39 / 阅读：1920

JS+CSS实现3D切割轮播图的代码

第一步：我们首先要通过CSS来完成一个基本布局，利用 transform-style: preserve-3d设置成3D。下面是CSS部分的代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26...[详细]

关键词：js,css,轮播图 / 发布时间：2020-03-22 20:45:07 / 阅读：1141