JavaScript - 教程之家

73浏览

0评论

video.js 一个页面同时播放多个视频的实例代码

具体代码如下所述：$(data).each(function(i, item) { // innerHTML += '<li type-id="'+item.id+'">'+ // '<img src="'+(item.imgs?item.imgs:'../../i...

2020-05-27

110浏览

0评论

js canvas画布实现高斯模糊效果

最近项目中有一个需求是实现图片的局部模糊效果，看上去一个挺难的效果。在实现局部模糊效果前，首先能够实现全部模糊。经过和度娘的一番较劲后，找到了一个不错的案例，然后在他的...

2020-05-27

69浏览

0评论

js canvas实现画图、滤镜效果

本文实例为大家分享了canvas实现画图、滤镜效果的具体代码，供大家参考，具体内容如下1、用canvas来实现画图的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="...

2020-05-27

67浏览

0评论

微信小程序实现点击图片旋转180度并且弹出下拉列表

本文为大家分享了微信小程序实现图片旋转、下拉列表的具体代码，供大家参考，具体内容如下正文：
先上效果图：index.wxml<view class="phone_one" bindtap="clickPerson"> <view cl...

2020-05-27

86浏览

0评论

详解vue2.0 资源文件assets和static的区别

Webpacked 资源
我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader 和 css-loader解析，寻找资源的URL。举个例子，在<im...

2020-05-27

125浏览

0评论

微信小程序如何获取用户收货地址

获取用户收货地址需要用户点击授权，所以有两种情况，确认授权、取消授权。情况一，用户第一次访问用户地址授权，并且点击确定授权。情况二，用户点击取消授权后，再次获取授权流程：（代...

2020-05-27

201浏览

0评论

vscode下的vue文件格式化问题

我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作，今天Vetur更新了 0.14.2 版本，最近在使用的时候，感觉格式化总是出问题，去Vetur上面看了下，发现Ve...

2020-05-27

71浏览

0评论

详解Vue中watch的详细用法

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：''' <input type="text" v-model="cityName"/> new Vue({ el: '#root', data:...

2020-05-27

136浏览

0评论

在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟

在 https://www.freexyz.cn/article/151520.htm这篇文章中，我们介绍了在 Angular-CLI 中引入 simple-mock 的方法。本文以 Vue-CLI 为例介绍引入 simple-mock 实现前端开发数据...

2020-05-27

129浏览

0评论

django使用channels2.x实现实时通讯

一、背景
在最近的项目中的一个需求是消息实时推送消息以及通知功能，项目使用django写的所以决定采用django-channels来实现websocket进行实时通讯。目前官方已经更新到2.1版...

2020-05-27

64浏览

0评论

小程序点击图片实现自动播放视频

通过列表的点击事件自动播放列表对应的视频，同时停止上一个视频的播放。源码：<view> <view class='vv' wx:for='{{vedio_data}}' wx:key=''> <view class='block' style='marg...

2020-05-27

107浏览

0评论

在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法

在前后端分离的开发模式中，接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样，大概的方案可能会是这几类：业务代码中临时写上 mock 数...

2020-05-27

55浏览

0评论

微信小程序实现评论功能

本文实例为大家分享了微信小程序实现评论功能的具体代码，供大家参考，具体内容如下
前端<textarea class='the_prw_in' bindinput='bindblur' cursor-spacing="130" placeholde...

2020-05-27

98浏览

0评论

微信小程序仿知乎实现评论留言功能

最近沉迷学习无法自拔，太久没有码字，码一个小程序留言功能实现。先上一波最后效果图：（删除按钮，是用户自己的留言时才会显示该按钮）实现技术
后台：SSM框架数据库：MySQL数据库数据库...

2020-05-27

99浏览

0评论

react脚手架如何配置less和ant按需加载的方法步骤

前言create-react-app是由React官方提供并推荐使用构建新的React单页面应用程序的最佳方式,其构建的项目默认是不支持less的,需要我们手动集成一、react脚手架搭建1、先全局...

2020-05-27

71浏览

0评论

Vue一次性简洁明了引入所有公共组件的方法

使用场景-在开发过程中,往往会有很多自己定义公用组件,我们通过import 导入,components挂载到实例上就行,项目刚开始还好,但是随着项目迭代,组件越来越多,同一个组件不同的...

2020-05-27

79浏览

0评论

微信小程序实现省市区三级地址选择

国际惯例先上效果图：省市区三级联动，选择省自动刷新市，选择市自动刷新区，点击取消自动返回上一级重新选择，点击确定，保存地址。数据库这份数据库是某天在网上逛到的，当时未记录出处...

2020-05-27

64浏览

0评论

微信小程序实现简单评论功能

本文实例为大家分享了微信小程序实现评论功能的具体代码，供大家参考，具体内容如下
具体直接看代码wxml:<view> <button bindtap='showTalks'>查看评论</button> </view> <!--...

2020-05-27

90浏览

0评论

详解小程序rich-text对富文本支持方案

小程序富文本解析目前小程序使用比较多的富文本方案一个是小程序自带的rich-text组件，一个是wxPrase。wxPrase原理是把原有的html标签全部解析成小程序的组件，这样无论事件可...

2020-05-27

66浏览

0评论

vue微信分享到朋友圈 vue微信发送给好友

本文为大家分享了vue微信分享至朋友圈&&分享至朋友代码的封装，供大家参考，具体内容如下
1.新建share.js文件import {shareSDK} from "../api/common";//分享apiimport wx from...

2020-05-27

206浏览

0评论

vue实现微信分享功能

本文实例为大家分享了vue实现微信分享功能的具体代码，供大家参考，具体内容如下1.引入微信js<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2....

2020-05-27

60浏览

0评论

vue微信分享出来的链接点开是首页问题的解决方法

最近工作上遇到了这样一个Bug：“vue微信分享出来的链接点开是首页”公司网站有PC端和移动端，两个版本。其中如果手机访问PC端，则自动跳转到移动端。（这是常规操作，没啥稀奇点。）可...

2020-05-27

60浏览

0评论

vue与原生app的对接交互的方法(混合开发)

小伙伴们在用vue开发h5项目特别是移动端的项目，很多都是打包后挂载在原生APP上的，那就少不了与原生交互了，我最近就是在坐这个，踩了一些坑，拿出来给大家分享下。0.通过url传输数...

2020-05-27

71浏览

0评论

jQuery实现购物车的总价计算和总价传值功能

效果图: 代码实现:1.多选框代码:2.结算价格代码:3. jQuery实现价格计算代码: (当点击多选框时,下面的总计金额会跟随变化)<#-- 计算总价 S --><script> $(function() {...

2020-05-27

51浏览

0评论

nodejs 使用nodejs-websocket模块实现点对点实时通讯

1、首先安装好nodejs-websocketnpm install nodejs-websocket --save -g2、编写服务端var ws = require("nodejs-websocket")var AllUserData = new Array()// Scream serve...

2020-05-27

52浏览

0评论

Vue axios全局拦截 get请求、post请求、配置请求的实例代码

下面通过一段代码给大家介绍Vue axios全局拦截 get请求、post请求、配置请求，具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...

2020-05-27

68浏览

0评论

Vue触发式全局组件构建的方法

前言在开发中总会遇到一些全局组件,如果通过import导入,components挂载就显得冗余,而一些UI框架(诸如 elementUi、iview等)通过调用触发的形式就显得很便捷,本文就是简单的...

2020-05-27

78浏览

0评论

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

在开发中，需要表格控件根据浏览器高度进行调整，固定表头，且然后多余的出滚动条，官方给出的：只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。然...

2020-05-27

64浏览

0评论

基于vue实现移动端圆形旋钮插件效果

最近公司有一个项目的需要做出旋钮的效果，旋钮有十个档，根据手指旋转切换，旋转时接近最近的档会有吸附效果，具体效果如下：html部分代码：<div class="_touch"> <div class="round_b...

2020-05-27

61浏览

0评论

js中this的指向问题归纳总结

前言js中this指向问题是个老生常谈的问题了，下面这篇文章再来给大家介绍下，大家可以看看，更深入的了解了解，下面话不多说了，来一起看看详细的介绍吧this
this:上下文,会根据执行...

2020-05-27

75浏览

0评论

vue实现双向绑定和依赖收集遇到的坑

在掘金上买了一个关于解读vue源码的小册，因为是付费的，所以还比较放心在小册里看到了关于vue双向绑定和依赖收集的部分，总感觉有些怪怪的，然后就自己跟着敲了一遍。敲完后，发现...

2020-05-27

81浏览

0评论

浅析Proxy可以优化vue的数据监听机制问题及实现思路

我们首先来看vue2.x中的实现，为简单起见，我们这里不考虑多级嵌套，也不考虑数组vue2.x中的实现其本质是new Watcher(data, key, callback)的方式，而在调用之前是先将data中的所有...

2020-05-27

75浏览

0评论

微信小程序下拉刷新PullDownRefresh的使用方法

前言下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法 onPullDownRefresh 。虽然微信的官方文档有很多坑，但下拉刷新介绍的还是很全面的。微...

2020-05-27

54浏览

0评论

简述vue路由打开一个新的窗口的方法

简单说一下vue路由如何打开一个新的窗口1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target="_blank"属性，那我们该怎么用router-link打开一...

2020-05-27

61浏览

0评论

vue 右键菜单插件简单、可扩展、样式自定义的右键菜单

今天分享的不是技术，今天给大家分享个插件，针对现有的vue右键菜单插件，大多数都是需要使用插件本身自定义的标签，很多地方不方便，可扩展性也很低，所以我决定写了一款自定义指令调...

2020-05-27

75浏览

0评论

vsCode安装使用教程和插件安装方法

vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面vsCode是什么Visual Studio...

2020-05-27

58浏览

0评论

javascript实现考勤日历功能

简介用过一些开源的日历，但对于自定义去绑定数据在日历元素中却不是很方便，由于工作需要用到考勤日历，考虑到日历的实现也不是特别麻烦，于是自己弄了一个，样式比较简单，需要的可以...

2020-05-27

59浏览

0评论

Vue.js的复用组件开发流程完整记录

前言从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。接下来我们会详细分析下如何完成...

2020-05-27

65浏览

0评论

js实现每日签到功能

本文实例为大家分享了js实现每日签到功能的具体代码，供大家参考，具体内容如下
js：var calUtil = { getDaysInmonth : function(iMonth, iYear){ //当前年月的总天数 var dPr...

2020-05-27

80浏览

0评论

详解@angular/cli 改变默认启动端口两种方式

因为本地希望开启两个项目,由于@angular/cli 生成项目默认是: 4200; 那么肯定会有端口冲突问题;修改端口的两种方式：1 修改 schema.jsonnode_modules\@angular-devkit\build-...

2020-05-27

86浏览

0评论

js canvas实现二维码和图片合成的海报

本文实例为大家分享了canvas二维码和图片合成海报的具体代码，供大家参考，具体内容如下思路：在微信中登录，后台传来的是一个链接、一个名字、一张图片。把图片当做背景，画满整个画...

2020-05-27

64浏览

0评论

Next.js项目实战踩坑指南(笔记)

前言
github: https://github.com/code-coder/next-mobile-complete-app
已经用Next.js快两个月了，项目已经提测了，这里总结一下开发过程中，以及在部署的时候遇到一些棘手的问...

2020-05-27

61浏览

0评论

基于JavaScript实现每日签到打卡轨迹功能

本文实例为大家分享了js实现每日签到打卡轨迹功能的具体代码，供大家参考，具体内容如下1. 核心文件 calendar.js var calUtil = { //当前日历显示的年份 showYear:2018, //当前...

2020-05-27

81浏览

0评论

Nuxt.js开启SSR渲染的教程详解

第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成...

2020-05-27

87浏览

0评论

VUE基于NUXT的SSR 服务端渲染

Server Side Rendering（服务端渲染）SSR 目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就...

2020-05-27

79浏览

0评论

使用canvas实现一个vue弹幕组件功能

看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。弹幕功能支持动态...

2020-05-27

68浏览

0评论

支付宝小程序自定义弹窗dialog插件的实现代码

支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限，有些都不能随意自定义修改的。如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop，多种展...

2020-05-27

73浏览

0评论

实例讲解JavaScript截取字符串

JavaScript中截取字符串有三种方法，分别是substring，substr，split，接下来将在文章中为大家详细介绍它们的使用方法。substring（start,stop）提取字符串中介于两个指定下标之间的字...

2020-05-27

64浏览

0评论

js字符串倒序的实例代码

1.var reverse = function( str ){var newStr = '', i = str.length;for(; i >= 0; i--) {newStr += str.charAt(i);}return newStr;};reverse('abcde')2.var reverse = fun...

2020-05-27

66浏览

0评论

使用koa-log4管理nodeJs日志笔记的使用方法

前言对于后端程序应用来说，日志是必不可少的，在nodeJs当中并没有自带的日志模块。最近正好使用koa框架来做后端服务，需要对日志进行分割处理，特记录下分享给大家。一.后端代码目...

2020-05-27

热门文章