JavaScript - 教程之家

123浏览

0评论

微信小程序从注册账号到上架（图文详解）

前言
自从微信小程序功能发布后，我就一直关注着小程序的动向，然而限于学业繁忙，总是没有太多的时间去学习。大二逐渐学习了Vuejs，被其简洁的设计所吸引，后来看了看小程序的开发文...

2020-05-27

81浏览

0评论

vue+django实现一对一聊天功能的实例代码

vue+django实现一对一聊天和消息推送的功能。主要是通过websocket，由于Django不支持websocket，所以我使用了django-channels。考虑到存储量的问题，我并没有把聊天信息存入数据...

2020-05-27

77浏览

0评论

微信小程序如何获取群聊的openGid以及名称详解

背景：由于公司可能需要在微信群里面使用打卡功能，因此做了个技术调研。
方案：微信在更新分享接口后，原有的在onShareAppMessage中直接拿shareTicket已不复存在。根据最新文档显...

2020-05-27

76浏览

0评论

百度小程序之间的页面通信过程详解

背景
主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户...

2020-05-27

335浏览

0评论

vue使用video.js进行视频播放功能

关于video.jsvideo.js是一个拥有h5背景的网络视频播放器，同时支持h5以及Flash视频播放（可加载本地静态资源视频以及网络链接视频）官网：videojs.com/安装npm install video.jsma...

2020-05-27

106浏览

0评论

微信小程序实现拍照画布指定区域生成图片

最近写识别行驶证功能，点击拍照把指定区域截取，生成图片功能。系统相机。该组件是原生组件，使用时请注意相关限制。扫码二维码功能，需升级微信客户端至6.7.3。微信小程序Camera...

2020-05-27

92浏览

0评论

基于JS实现数字动态变化显示效果附源码

先给大家展示下效果，感觉不错，可以参考实现代码，文末附有源码哦。1.目标以液晶电子表样式，动态变化的在指定元素内显示数字。目标关键词：动态变化（定时器），指定元素（DOM元素ID），数字（num...

2020-05-27

66浏览

0评论

对TypeScript库进行单元测试的方法

原文发布于2017年7月，为保证能正常运行，其中部分命令进行了调整。当时TypeScript版本为2.x，但依旧具有借鉴意义。单元测试能限制你库中Bug的「生长」。随着编写的库越来越大，你...

2020-05-27

89浏览

0评论

vue使用自定义指令实现拖拽

需求背景，工作中需要实现一个自定义打印模板的需求，能够实现单个及多个dom元素的同时拖拽，也能通过外部的input元素修改dom元素的样式。在npm和GitHub上找了各种已有的vue组件，...

2020-05-27

100浏览

0评论

jquery图片预览插件实现方法详解

一、需求说明效果如图：二、代码实现项目结构如图：example.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...

2020-05-27

68浏览

0评论

使用react context 实现vue插槽slot功能

首先来看下vue的slot的实现<base-layout>组件，具名插槽name定义以及默认插槽<div class="container"> <header> <slot name="header"></slot> </header> <main> <slot></sl...

2020-05-27

80浏览

0评论

jQuery实现图片下载代码

jQuery 实现图片下载代码，供大家参考，具体内容如下function downloadImage(src) { var $a = $("<a></a>").attr("href", src).attr("download", "meitu.png"); $a[0].click();...

2020-05-27

75浏览

0评论

jquery实现下载图片功能

本文实例为大家分享了jquery实现下载图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <scr...

2020-05-27

59浏览

0评论

Vue之beforeEach非登录不能访问的实现（代码亲测）

后台的php请求就是接收这两个参数
login.vue<template><div class=''> <input type="text" v-model="name" /> <input type="password" v-model="password" /> <button t...

2020-05-27

77浏览

0评论

nodejs 递归拷贝、读取目录下所有文件和目录

先给大家介绍下nodejs 递归拷贝目录下所有文件和目录，具体代码如下所示：var fs=require('fs');var copy=function(src,dst){ let paths = fs.readdirSync(src); //同步读取当...

2020-05-27

67浏览

0评论

EasyUI 数据表格datagrid列自适应内容宽度的实现

项目初期在加载数据表格的时候为了提高表格数据渲染速度，设置了默认宽度。
现需求需要加一个表格自适应的功能，触发改功能，改变列宽度，但是不重新渲染表格，不发生数据请求。设计...

2020-05-27

77浏览

0评论

微信小程序用户授权、位置授权及获取微信绑定手机号

1.位置授权
位置授权相对简单，可以直接调用方法wx.getLocation()就可以弹出授权框，
在调用前需要在app.json中设置用途说明
Page({"permission": { "scope.userLocation": { "...

2020-05-27

89浏览

0评论

在vue项目中使用sass语法问题

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppst...

2020-05-27

108浏览

0评论

小程序分页实践之编写可复用分页组件

项目中遇到 tab切换列表，每个tab都需要分页的需求，分页流程具有相似性，于是想将分页封装为组件，方便应用。组件的应用已写成一个小demo，效果如下图所示（数据用mock模拟）：源码可以查...

2020-05-27

73浏览

0评论

Vue实现数据表格合并列rowspan效果

背景现实中会遇到很多需求，合并列，例如要显示一个名学生的各门课程成绩。html实现使用html实现是比较简单的，利用table标签的rowspan属性即可，代码如下：<table> <thead> <tr> <t...

2020-05-27

56浏览

0评论

vue通过数据过滤实现表格合并

基于vue通过数据过滤实现表格合并，供大家参考，具体内容如下需求基于vue渲染的数据表格需要对相同的列进行合并
思路自从使用了vue，就再也不想直接操作dom节点了，所以还是...

2020-05-27

85浏览

0评论

Vue动态生成表格的行和列

当在开发项目的时候，固定的页面表格标题及内容不能满足需求，需要根据不同的需求动态加载不同的表格表头和表格的内容，具体的实现代码如下：<template> <div class="boxShadow"> <...

2020-05-27

70浏览

0评论

微信小程序判断用户是否需要再次授权获取个人信息

一、index.js设置如下//获取用户的授权信息，放到本地缓存中 wx.getSetting({ success: (res) => { if(res.authSetting['scope.userInfo']) { wx.setStorage({...

2020-05-27

58浏览

0评论

bootstrap table实现横向合并与纵向合并

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下先上html代码<div id="test" class="table-responsive" style="padding: 0;overflow:auto;">...

2020-05-27

81浏览

0评论

bootstrap table.js动态填充单元格数据的多种方法

bootstrap-table.js动态填充table单元格数据，总结了几种方法以适应各种需求，以下就简单介绍两种方法：方法一：全部自动填充table<!DOCTYPE html><html lang="en"><head> <meta c...

2020-05-27

96浏览

0评论

更强大的vue ssr实现预取数据的方式

我在前几天的一篇文章中吹了两个牛皮，截图为证：现在可以松口气的说，这两个牛皮都实现了，不过 vue-suspense 改名了，叫做 vue-async-manager 了，他能帮你管理 Vue 应用中的异步组件...

2020-05-27

81浏览

0评论

JS开发富文本编辑器TinyMCE详解

一、题外话最近负责了一个cms网站的运维，里面存在很多和编辑器有关的问题，比如编辑一些新闻博客，论文模块。系统采用的是FCKEditor，自我感觉不是很好，如下图特别是在用户想插入一...

2020-05-27

92浏览

0评论

bootstrap table列和表头对不齐的解决方法

我们在使用bootstraptable做表格展示时，有时需要固定表格的高度当数据超出高度会出现滚动条，这时有可能出现表头列和数据列对不齐。出现这个问题的原因是数据列出现了滚动条占...

2020-05-27

106浏览

0评论

vue自定义表单生成器form-create使用详解

介绍
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复...

2020-05-27

86浏览

0评论

VueJS 取得 URL 参数值的方法

先给大家介绍下VueJS取得URL参数 vuejs取得URL中参数的值
地址：http://localhost:3333/#/index?id=001
结果：001
console.log(this.$route.query.id)
PS：下面给大家介绍下...

2020-05-27

83浏览

0评论

Vue数据驱动表单渲染,轻松搞定form表单

form-create
具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功...

2020-05-27

62浏览

0评论

bootstrap table插件动态加载表头

bootstrap的table属性已经很熟悉了，最近遇到一个问题，犹豫每个列表加载的数据需求不同，所以需要动态的更换表头。网上有很多加载表格数据的例子，但是却没有找到如何动态加载表...

2020-05-27

74浏览

0评论

深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析

ng-bootstrap: tabset 本文介绍了 ng-bootstrap 项目中，tabset 的实现分析。使用方式<ngb-tabset> 作为容器元素，其中的每个页签以一个 <ngb-tab> 元素定义，在 <ngb-tabset> 中...

2020-05-27

59浏览

0评论

element-ui 中使用upload多文件上传只请求一次接口

方法一
不使用组件内部的钩子<el-upload class="upload-image" ref="upload" multiple :action="baseUrl" list-type="picture" :auto-upload="false" accept="image/*"> <e...

2020-05-27

98浏览

0评论

Element-ui DatePicker显示周数的方法示例

1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中很不乐意，因为Element-ui的日期选...

2020-05-27

230浏览

0评论

bootstrap Table实现合并相同行

本文实例为大家分享了bootstrapTable实现合并相同行的具体代码，供大家参考，具体内容如下方法：调用mergeCells(data, fieldName, target)，可以实现合并相同行 var table = $("#ta...

2020-05-27

87浏览

0评论

Smartour 让网页导览变得更简单(推荐)

本文介绍了Smartour 让网页导览变得更简单，分享给大家，具体如下：在遇到网页内容有着较大调整的时候，往往需要一个导览功能去告诉用户，某某功能已经调整到另外一个位置。比较常规...

2020-05-27

57浏览

0评论

vue-cli 项目打包完成后运行文件路径报错问题

本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。
百...

2020-05-27

64浏览

0评论

Vue配置marked链接添加target="_blank"的方法

1."引入marked
package.json"dependencies": { "marked": "^0.3.9"}import marked from "marked";
1.修改生成的HTML的方法
const renderer = new marked.Renderer();//htt...

2020-05-27

74浏览

0评论

微信小程序扭蛋抽奖机css3动画实现详解

前言最近快速上线一个抽奖活动，又不想用canvas做，思考了很久，还是决定使用css3的动画来做，只要小球动得快，就没人发现我这些个小球的运动路径都是一样的了。先上动图wxml文件：
<vi...

2020-05-27

79浏览

0评论

Vue实战教程之仿肯德基宅急送App

Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。由于不知道怎么拿手机App的接口，并且KFC电脑端官网真的...一言难尽，所以项目所有数据...

2020-05-27

74浏览

0评论

使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

具体代码如下所示：<el-menu :default-active=‘$route.path‘ :router=‘true‘ :unique-opened=‘true‘ :default-openeds="defaultOpeneds" 　　　　　　　　background-c...

2020-05-27

93浏览

0评论

Android 自定义view仿微信相机单击拍照长按录视频按钮

Android仿微信相机的拍照按钮单击拍照，长按录视频。先上效果图。
项目地址：https://github.com/c786909486/PhotoButton2/tree/v1.0添加依赖allprojects { repositories {...

2020-05-27

87浏览

0评论

el-input 标签中密码的显示和隐藏功能的实例代码

效果展示：　　密码隐藏：　　密码显示：代码展示：　　一：<el-input>标签代码 <el-form-item label="密码" prop="password"> <el-input :type="passw" v-model="adduser.passwor...

2020-05-27

69浏览

0评论

基于vue 实现表单中password输入的显示与隐藏功能

实现效果：点击 “眼睛” 的时候显示与隐藏代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="css/bootstrap.min.css" rel="external nofoll...

2020-05-27

70浏览

0评论

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

1.多张图片循环渲染后预览、保存、识别带参数二维码wxml页面<view wx:for=“{{imgalist}}” wx:for-item=“image” class=“previewimg”><image src=“{{image}}” data-s...

2020-05-27

74浏览

0评论

JavaScript剩余操作符Rest Operator详解

剩余操作符
之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样，都是三个点 '…',但是他们的使用场景会不同。...

2020-05-27

74浏览

0评论

JavaScript展开操作符(Spread operator)详解

你可以通过展开操作符(Spread operator)...扩展一个数组对象和字符串。展开运算符（spread）是三个点（…）,可以将可迭代对象转为用逗号分隔的参数序列。如同rest参数的逆运算。用...

2020-05-27

78浏览

0评论

JS回调函数原理与用法详解【附PHP回调函数】

本文实例讲述了JS回调函数原理与用法。分享给大家供大家参考，具体如下：JS回调函数何为回调函数，官方解释：当程序跑起来时，一般情况下，应用程序（application program）会时常通过API调...

2020-05-27

53浏览

0评论

jquery插件开发模式实例详解

本文实例讲述了jquery插件开发模式。分享给大家供大家参考，具体如下：jquery插件一般有三种开发方式：通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法通过$.wid...

2020-05-27

热门文章