前言 最近老牌日历插件fullcalendar更新了v4版本,而且添加了Vue支持,所以用最新的fullcalendar v4制作一个完整日历体验一下,效果图:安装 FullCalendar的功能被分解为“插件”。如果您需要它提供的功能,您只需要包含一个插件。 也就是说,FullCalendar v4所有插件都得单独安装引用。 npm install --save @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid 引用并初始化 引用、注册FullCalendar组件,得到一个月视图...
服务器的实现很简单,先装一个nodeJs的模块,叫nodejs-websocket , 直接在nodeJs命令行中敲入:npm install nodejs-websocket回车就可以安装好了,然后就可以开始建立服务器了,因为有了nodejs-websocket模块,所以很多工作都不用我们自己做,直接调用别人封装好的方法就行了:服务端代码根据客户端传来的消息判断哪个是game1,哪个是game2,保存connection对象。var ws = require("nodejs-websocket"); console.log("开始建立连接...
思路分析: 1、在微信公众号内获取用户地理位置 需要js-sdk签名包(关于如何获取文档有介绍) 2、根据获取的地理位置ajax去后台请求,通过sql语句,查询中距离最近的门店(sql语句在网上搜的,位置是通过后台添加的) 3、根据城市查询门店列表,使用通过表单提交事件,ajax请求后台获取列表 4、百度地图导航页面要注意引入地址 一、开始开发 1、该功能的实现需要调用微信公众号的js-sdk接口实现 简介: 微信JS-SDK是微信公众平台面...
登录&&权限流程图前言 首先我们确定的权限控制分为三大部分,其中根据粒度大小分的更细: 登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增、删、改、查)的权限控制是否显示接口权限控制一、登录权限控制 登录访问权限控制是对用户的校验。在用户登录成功之后,后台将返回一个token,之后前端每次进行接口请求的时候,都要带上这个token。后台拿到这个token后进行判断,如果此token确实存在并且没有过期,则可...
前言 eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到,本文就给大家分享了开发项目中使用的eslint校验规范,供参考:示例代码 module.exports = {root: true,parserOptions: {parser: babel-eslint,sourceType: module},env: {browser: true,node: true,es6: true,},extends: [plugin:vue/essential, eslint:recommended],rules: {// 等级分为三级: 0-不显示;1-显示警告warning; 2-显示错误err...
本文适合JavaScript初学者。一元正号介绍一元正号运算符(+)位于其操作数前面,计算其操作数的数值,如果操作数不是一个数值,会尝试将其转换成一个数值。 尽管一元负号也能转换非数值类型,但是一元正号是转换其他对象到数值的最快方法,也是最推荐的做法,因为它不会对数值执行任何多余操作。 转换字符串一元正号可以用于转换数值字符串为数字,比如如下代码: + "123" // 123 + "12.3" // 12.3也可以转换二进制、16进制数值、自然...
学习【node.js】也有几天时间了,所以打算写着练练手;索然我作为一个后端的选手,写起来还有那么一丝熟悉的感觉。emmm~~ ‘货不多讲 ,开搞........ 首先是依赖选择:代码块如下: //引入依赖//https请求const https = require(https);//简称node版的jqueryconst cheerio = require(cheerio);//解决防止出现乱码const iconv = require(iconv-lite)//http请求const request = require("request");//负责读写文件const fs = require...
前言 JSON是码农们常用的数据格式,轻且方便,而直接手敲JSON却是比较麻烦和令人心情崩溃的(因为重复的东西很多),所以很多码农可能会和我一样,选择用Excel去输入数据,然后再想办法转换成JSON格式。今天教大家使用JS 将 Excel 转为 JSON的方法。1.新建HTML文件<html lang="en"> <title> Convert Excel File To JSON </title> <head><script></script> </head> <body> </body>我们可以使用<input>标签接收上传文件。代码如下:...
指令该指令的作用是dom渲染后触发,因为非vue的插件有的是dom必须存在的情况下才可以执行 Vue.directive(loaded-callback, {inserted: function (el, binding, vnode) {binding.value(el, binding, vnode)} }) 安装kindeditornpm install kindeditor kindeditor组件<template><div class="kindeditor"><textarea class="form-control" ref="kindeditor" v-model="localValue" name="content" v-loaded-callback=initKindeditor></t...
插件地址:https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js 微信小程序折线图效果:首先需要引入一个折线图的插件:XXX.xml 的代码: <canvasstyle="width: 400px; height: 500px;"canvas-id="yueEle"binderror="canvasIdErrorCallback" ></canvas>注意 canvas-id="yueEle" 要与 JS中的 canvasId: yueEle 一样。才能显示图。然后在XXX.js中配置: 1.在顶部写入:2.写一个独立的方法(或者直接写在onload...
在日常开发工作中,我们经常碰到将线性的数据转换成树的需求,今天给大家分享一个简单的转换算法。数据结构下面是我们转换前的数据:[{"id":1,"parent_id":0,"name":"四川省"},{"id":2,"parent_id":0,"name":"广东省"},{"id":3,"parent_id":0,"name":"江西省"},{"id":5,"parent_id":1,"name":"成都市"},{"id":6,"parent_id":5,"name":"锦江区"},{"id":7,"parent_id":6,"name":"九眼桥"},{"id":8,"parent_id":6,"name":"兰桂坊"},{"...
前言 在开发中经常会在DOM上存储一些自定义数据,我们可以通过setAttribute方法来实现。但是当数据为引用类型时,存储后的数据却无效。这里将用原生的JS对data方法进行实现。使用setAttribute:<div id="test-data"></div> <p class="test-data-list"></p> <p class="test-data-list"></p> <p class="test-data-list"></p> <p class="test-data-list"></p> var testData = document.querySeletor(#test-data); testData.setAttribut...
Cookies 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术; 下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/ <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> 1.添加一个"会话cookie"$.cookie(the_cookie, the_value)...
近期有一需求:前端页面点击执行任务,实时显示后端执行情况,思考一波;发现 WebSocket 最适合做这件事。 效果 测试 ping www.baidu.com 效果 点击连接建立ws连接后端实现 所需软件包 后端主要借助Django Channels 实现socket连接,官网文档链接 这里想实现每个连接进来加入组进行广播,所以还需要引入 channels-redis 。 pip channels==2.2.0 channels-redis==2.4.0引入 settings.py INSTALLED_APPS = [django.contrib.admin,dja...
前言 事件绑定成功之后,事件的执行函数就如同待字闺中的小姑娘。除了由坐在电脑前的大叔们用键盘、鼠标等硬件行为触发外,需要在代码中直接调用又该如何实现?首先需要将事件绑定至指定DOM节点上// 在一个节点上绑定一个事件 let test = document.createElement(div); test.id = test; test.innerHTML = 测试事件; document.body.appendChild(test); test.addEventListener(mousedown, function(){console.log(hello jTool); }, f...