JavaScript - 教程之家

115浏览

0评论

vue点击按钮动态创建与删除组件功能

主要功能需求点：点击左侧组件库按钮创建对应的不同的组件，并在右侧区域展示点击右侧创建的组件中的删除按钮，删除对应的组件删除对应的组件之后，下方的组件位置自动上移效...

2020-05-27

252浏览

0评论

微信小程序中网络请求缓存的解决方法

需求
提交小程序审核时，有一个体验测评，产品让我们根据小程序的体验测评报告去优化小程序。其中有一项是网络请求的优化，给我们出了很大的难题。文档中是这样解释的：3分钟以内同...

2020-05-27

199浏览

0评论

vue 中url 链接左边的小图标更改问题

修改url左边的小图标（标题前的小图标）。例如： favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。1.首先得到或生成需要的ico...

2020-05-27

155浏览

0评论

Vue实现星级评价效果实例详解

我们把星级评价单独做成一个Star组件，抽离出来，其中父组件中引入(传入的是评分的值)<div class="score"> <Star :score="poiInfo.wm_poi_score"></Star></div>初始Star.vue<t...

2020-05-27

114浏览

0评论

jQuery模仿ToDoList实现简单的待办事项列表

功能：在文本框中输入待办事项按下回车后，事项会出现在未完成列表中；点击未完成事项前边的复选框后，该事项会出现在已完成列表中，反之亦然；点击删除按钮会删除该事项。待办事项的数...

2020-05-27

125浏览

0评论

详解Vue的watch中的immediate与watch是什么意思

immediate
immediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，当然此时页面上的数据我们还没来得及手动让其发生变化，所以在控制台输出的new...

2020-05-27

138浏览

0评论

微信小程序自定义菜单切换栏tabbar组件代码实例

这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果...

2020-05-27

110浏览

0评论

JavaScript switch语句使用方法简介

这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下switch 语句用于...

2020-05-27

109浏览

0评论

微信小程序实现一个简单swiper代码实例

这篇文章主要介绍了微信小程序实现一个简单swiper代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下话不多说，上截...

2020-05-27

131浏览

0评论

使用pkg打包ThinkJS项目的方法步骤

在 ThinkJS 的用户群里，经常有开发者提出需要对源码进行加密保护的需求。我们知道 JavaScript 是一门动态语言，不像其他静态语言可以编译成二进制包防止源码泄露。所以就出现...

2020-05-27

191浏览

0评论

微信小程序封装多张图片上传api代码实例

这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下exp...

2020-05-27

261浏览

0评论

微信公众号服务器验证Token步骤图解

这篇文章主要介绍了微信公众号服务器验证Token步骤图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下服务器验证Token...

2020-05-27

103浏览

0评论

JavaScript监听触摸事件代码实例

这篇文章主要介绍了JavaScript监听触摸事件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下监听<!DOCTYPE html...

2020-05-27

121浏览

0评论

JS三级联动代码格式实例详解

这篇文章主要介绍了JS三级联动代码格式实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实现js多级联动的代码格...

2020-05-27

129浏览

0评论

记录微信小程序 height: calc(xx - xx)；无效问题

遇到一个小问题，记录一下问题：在微信小程序中使用scroll-view标签时，用height:cale(xx - xx)设置高度无效，在page中设置高度为百分百依旧无效解决办法：直接在最大的view标签中设...

2020-05-27

203浏览

0评论

小程序外卖订单界面的示例代码

1.效果界面

2.涉及功能*左侧商品类型、右侧商品可以相互控制；
*商品列表加减及购物车商品加减icon消失、显示；
*商品每一次加减，页面视图变化（数量、价格变化、购物车置灰）；3....

2020-05-27

106浏览

0评论

Vue+Element实现网页版个人简历系统(推荐)

这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。作者在window10进行开发，目前只在chrome上进行过测试，没有大的毛病。但是...

2020-05-27

134浏览

0评论

Vue实现剪贴板复制功能

小白单纯记录一下工作中遇到的需求:在vue中如何实现复制功能（注：依赖第三方插件 clipboard）一. 安装插件第一种直接npm安装： npm install clipboard --save 第二种： <script...

2020-05-27

175浏览

0评论

Vue通过配置WebSocket并实现群聊功能

原文链接：https://juejin.im/post/5e08d53a6fb9a0162b7f4bad写JQuery项目时，使用websocket很简单，不用去考虑模块化，组件之间的访问问题，面向文档编程即可，在Vue项目中使用时，远远...

2020-05-27

194浏览

0评论

TypeScript之调用栈的实现

本文介绍了TypeScript之调用栈，分享给大家，具体如下：class CallStackTool{ private static index:number = 0; public static printCallStack (count:number , simple: boole...

2020-05-27

134浏览

0评论

Vue 实现显示/隐藏层的思路（加全局点击事件）

问题描述：一个Icon点击出现菜单，点击菜单区域外任何区域菜单收起。
何为优雅的去解决上述问题？尽可能的采用vue来解决问题尽可能少的与原生对象发生交互代码干净、易懂...

2020-05-27

103浏览

0评论

使用webpack搭建vue环境的教程详解

1、安装node.js,在官网下载，直接下一步，完成。nodejs里默认包含npm环境。国内安装包的速度太慢，建议使用cnpm淘宝镜像。npm install -g cnpm --registry=https://registry.npm....

2020-05-27

327浏览

0评论

小程序实现长按保存图片的方法

微信浏览器打开h5页面如果是img标签的话，长按会弹出保存图片的选项。但是微信小程序里面不可以。需要自己写这个功能。这个功能有两个点，一个是长按，一个是保存图片到本地。1,...

2020-05-27

262浏览

0评论

小程序新版订阅消息模板消息

小程序订阅消息
功能介绍
消息能力是小程序能力中的重要组成，我们为开发者提供了订阅消息能力，以便实现服务的闭环和更优的体验。订阅消息推送位置：服务通知
订阅消息下发条...

2020-05-27

123浏览

0评论

javascript Canvas动态粒子连线

好久没写博客了，最近负责了公司年会的大屏签到、滚动抽奖、节目投票，整个项目做下来有惊也有喜。期间用到了Canvas制作动画，我这边就简单做了个动态粒子连线的例子与大家分享。...

2020-05-27

155浏览

0评论

JavaScript工具库MyTools详解

本文实例为大家分享了JavaScript工具库MyTools，不断填充中，供大家参考，具体内容如下MyTools.js
将功能绑定在window中，调用的时候，直接使用myToos.xxx就可以进行函数调用。(funct...

2020-05-27

128浏览

0评论

javascript实现超好看的3D烟花特效

本文实例为大家分享了超好看3D烟花的具体代码，供大家参考，具体内容如下<!doctype html><html><head><meta charset="utf-8"><title>3D烟花</title><style>html,body{ margin:0...

2020-05-27

118浏览

0评论

JS实现普通轮播图特效

本文实例为大家分享了JS实现轮播图特效的具体代码，供大家参考，具体内容如下知识点轮播图思想：① 建立一个全局变量索引，始终标记当前显示图片。
② 根据当前图片的数量，动态创建...

2020-05-27

108浏览

0评论

JS实现旋转木马轮播图

本文实例为大家分享了JS实现旋转木马轮播图的具体代码，供大家参考，具体内容如下知识点1、旋转木马思想：1）、固定五种图片的位置信息jsonArr进行布局
2）、点击<或者>会对jsonArr进...

2020-05-27

97浏览

0评论

JS实现导航栏楼层特效

本文实例为大家分享了JS实现导航栏楼层的具体代码，供大家参考，具体内容如下知识点1.多个事件有冲突的时候，需要设置flag判断是什么事件，进而进行后续操作。
2.楼层效果就是判断s...

2020-05-27

94浏览

0评论

nodejs开发一个最简单的web服务器实例讲解

开发一个最简单的http服务
require 引入http模块
创建http服务
侦听端口
实战案例vim server.js// 使用JavaScript最严格的语法，防止出现一些问题'use strict' // 引入http模...

2020-05-27

190浏览

0评论

在weex中愉快的使用scss的方法步骤

weex 是一个可以利用 vue 或者 Rax 编写跨平台手机应用的框架。为了让在 weex 有更好的样式编写体验，遂有了以下的方案。
1.初始化一个 weex 工程npm install weex-toolkit -...

2020-05-27

163浏览

0评论

JS实现秒杀倒计时特效

本文实例为大家分享了JS实现秒杀倒计时特效的具体代码，供大家参考，具体内容如下知识点添加一个定时器，对时间标签不断进行更新设置即可。
引入工具库工具库运行效果代码引入MyT...

2020-05-27

223浏览

0评论

Vue 实现简易多行滚动"弹幕"效果

看一下效果：
实现任意行数的定时翻滚效果，不使用重复标签的方式，而是根据展示个数判断是否缺省，并添加对应展示个数的重复项来实现。Vue 的演示代码如下：<template> <div class=...

2020-05-27

133浏览

0评论

jQuery实现的图片点击放大缩小功能案例

本文实例讲述了jQuery实现的图片点击放大缩小功能。分享给大家供大家参考，具体如下：我们不废话，直接上例子。首先利用dom的垂直分层实现图片的点击放大和缩小（手机上使用的效果...

2020-05-27

143浏览

0评论

Vue 实现分页与输入框关键字筛选功能

分页的实现(Vue+Element)+输入框关键字筛选1.这里用的是Element 自带的分页组件<template><div class="sales-table"><div class="order-list-header">订单列表</div><div c...

2020-05-27

126浏览

0评论

微信小程序使用自定义组件导航实现当前页面高亮

最近开发小程序，需要做一个导航，导航可以通过template写出来，但是这个项目需要在导航中处理一些逻辑，做成组件更方便些。
首先新建header文件夹，里面新建对应的js、json、wxml、w...

2020-05-27

127浏览

0评论

JS代码触发事件代码实例

这篇文章主要介绍了js代码触发事件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下/*** * 需要触发谁的点击事...

2020-05-27

168浏览

0评论

Element-UI+Vue模式使用总结

项目框架
Element-ui+Vue+jQuery+Bootstrap+Echarts。
嵌入vue使用的是<script>，没有使用vue-cli，请自行将<template>内代码贴入html，<style>内代码贴入样式表。checkbox全选...

2020-05-27

147浏览

0评论

微信小程序地图绘制线段并且测量(实例代码)

上图：上代码：wxml<map id="tb_map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" bindtap="clickMapTap" bindcontroltap="controltap" bindregiοnchange=...

2020-05-27

210浏览

0评论

微信小程序中的video视频实现自定义播放按钮、封面图、视频封面上文案

效果图展示：实现方法：在video中添加一个cover-view，在cover-view写两个cover-image，一个用来存储封面图、一个用来存放播放按钮，同级写一个cover-view用来完成封面上的文字，设置...

2020-05-27

123浏览

0评论

JS实现简单日历特效

本文实例为大家分享了JS实现简单日历特效的具体代码，供大家参考，具体内容如下知识点1.引入我的工具包
2.运用JavaScript内置对象 Date
运行效果代码<!DOCTYPE html><html lang...

2020-05-27

152浏览

0评论

uni-app如何实现增量更新功能

都知道，很多APP都有增量更新功能，Uni APP也是在今年初，推出了增量更新功能，今天我们就来学习一波。当然，很多应用市场为了防止开发者不经市场审核许可，给用户提供违法内容，对增量...

2020-05-27

177浏览

0评论

file-loader打包图片文件时路径错误输出为[object-module]的解决方法

最近在学习使用webpack4.0自己搭建vue脚手架，在搭建过程中，踩了许多坑，使用file-loader打包图片文件时就遇到了以下的问题。这是我的webpack 处理打包图片相关配置项：...module:...

2020-05-27

576浏览

0评论

JS实现扫码枪扫描二维码功能

扫码枪扫描二维码，具体内容如下所示：业务需求要将数据生成二维码，并用扫码枪扫出数据上传到服务端。先上代码吧，之后再完善注意点this.start = new Date().getTime() let code...

2020-05-27

125浏览

0评论

Vue 实现登录界面验证码功能

登录界面SIdentify
创建验证码组件，实现绘画出图片验证码<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canv...

2020-05-27

706浏览

0评论

uni-app 支持多端第三方地图定位的方法

简介
该方法支持跳转第三方地图并定位指定坐标。APP端跳转至百度地图（第三方软件）；若无，则跳转至高德地图（第三方软件）；若均无，则打开腾讯地图（uni自带方法：uni.openLocation）
其它端打...

2020-05-27

242浏览

0评论

Angular8 实现table表格表头固定效果

最近项目中有个需求，表头固定，内部实现滚动条。除了单个表头，还有多个表头的情况（下一篇中介绍）。效果图：html 结构按区域划分可以分为三个大部分，一共是通过4个table 组合成一个整...

2020-05-27

112浏览

0评论

JavaScript 实现HTML DOM增删改查操作的常见方法详解

本文实例讲述了JavaScript 实现HTML DOM增删改查操作的常见方法。分享给大家供大家参考，具体如下：首先 js 可以修改HTML中的所有元素和属性，它还可以改变CSS样式，并且可以监听到...

2020-05-27

102浏览

0评论

JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】

本文实例讲述了JavaScript 变量,数据类型基础。分享给大家供大家参考，具体如下：这篇笔记呢，咱记录下变量和数据类型的基础知识，因为两者有联系所以放在一起记录1 如何声明变量...

2020-05-27

热门文章