本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>www.gxlcms.com - JS几种获得节点元素的方法</title> <script type="application/javascript">/* window.onload=function(){//文档就绪函数 表示当文档加载完成（图片视频等全部加载完成）var d=document.getElementById(d);//document.getElementByName();//得到数组 通过过下标...
本文实例讲述了JavaScript实现计算多边形质心的方法。分享给大家供大家参考，具体如下： 最近要基于百度地图显示多边形的标注，所以就研究了下计算Polygon的质心，代码如下： function Area(p0,p1,p2) {var area = 0.0 ;area = p0.lng * p1.lat + p1.lng * p2.lat + p2.lng * p0.lat - p1.lng * p0.lat - p2.lng * p1.lat - p0.lng * p2.lat;return area / 2 ; } //line 249 计算polygon的质心 function getPolygonAreaCenter(poin...
Vuejs 本身就是一个 MVVM 的框架。 但是在监听 window 上的 事件 时，往往会显得 力不从心。 比如 这次是 window.resize 恩，我做之前也是百度了一下。看到大家伙都为这个问题而发愁。 问题： 今天我也 遇到了这样一个问题， 是关于canvas 自适应。 根据窗口的变化去变化 canvas 的宽度 备注： 重要的问题说三遍 解决 框架内的bug 先说 框架 版本 版本 版本 （这里用的 Vue 2.x 、ES6） 解决方案： 第一步： 先在 data 中去 定义 一...
前言 首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小程序的传参数，话不多说了，来一起看看详细的介绍吧。 一、navigator 跳转时 wxml页面（参数多时可用“&”） <navigator url=../index/index?id=1&name=aaa></navigator>或者添加点击事件，js用navigateTo跳转传参，两种效果一样wx.navigateTo({url: ../inde...
本文实例讲述了JS计算两个时间相差分钟数的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>www.gxlcms.com js计算时间相差分钟数</title> </head> <body> <script type="text/javascript" language="javascript"> function TimeDifference() { ...
本文实例讲述了nodejs使用http模块发送get与post请求的方法。分享给大家供大家参考，具体如下： GET请求 var http = require(http); var querystring = require(querystring); var data = {a: 123,time: new Date().getTime()};//这是需要提交的数据 var content = querystring.stringify(data); var options = {hostname: 127.0.0.1,port: 3000,path: /pay/pay_callback? + content,method: GET }; var req = http.request(option...
什么是组件： 众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。下面话不多说了，来一起看看本文的正文内容。 引言 写了大大小小不少基于vue的项目，但是基本没用到过组件循环引用的知识。为了查缺补漏，照着官方文档撸一个DEMO：组件之间的循环引用 本人的运行版...
本文实例讲述了jQuery简单实现向列表动态添加新元素的方法。分享给大家供大家参考，具体如下： 先看看效果图：完整实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.gxlcms.com jQuery列表添加新元素</title> <script src="jquery-1.7.2.min.js"></script> </head> <body> <h3>li列表：</h3> <ol><li>jb51</li><li>php</li><li>javascript</li><li>HTML5</li> </ol> <input type="text"...
本文实例讲述了JS生成随机打乱数组的方法。分享给大家供大家参考，具体如下： 一、比较乱的排序方法 function fnLuanXu(num) {var aLuanXu=[];for (var i = 0; i < num; i++) {aLuanXu[i] = i;}for (var i = 0; i < num; i++) {var iRand = parseInt(num * Math.random());var temp = aLuanXu[i];aLuanXu[i] = aLuanXu[iRand];aLuanXu[iRand] = temp;//console.log(i=+i+;temp=+temp+;rand=+iRand+;array[+i+]=+aLuanXu[i]+;array[...
前言 Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具 那么要使用它，首先你得装上node.js和mongodb,关于mongodb的安装和操作介绍可以参考：//www.gxlcms.com/article/80296.htm 演示描述场景 更新购物车数量与勾选状态 业务逻辑 查询到当前用户的购物车对象Cart，更新前端传递过来的quantity与selected字段 方法一 var _ = require(underscore); Cart.findOneAndUpdate({_id: req.body.cart._id,user: user}, ...
1. 项目需求 我们切换为vue框架是后面的事情，之前还有一些功能页面是用jsp页面写的，而我们的管理系统需要既支持Vue的url，又要支持这些发布之后的jsp页面还有一个就是切换tab回来的时候之前输入的东西还要存在系统页面截图2. 实现思路 针对这个问题，我们最开始的实现思路是写了一个iframe的通用组件，然后把不同的http的页面的url传递进来进行切换，但是这样不满足第二条，我们发现只要切换了vue的路由，然后再切回http的页面，...
前言 最近在学习vue，今天看到自定义组件，纠结了一会会然后恍然大悟...官方教程写得不是很详细，所以我决定总结一下。下面话不多说了，来一起看看详细的介绍吧。 效果先让我们看一下例子的效果吧！v-model我们知道 v-model 是 vue 里面的一个指令，vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定，它可以用在 input 标签上，来做数据的双向绑定，就像这样： <input v-model="tab">v-model 事...
本文实例讲述了JS笛卡尔积算法与多重数组笛卡尔积实现方法。分享给大家供大家参考，具体如下： js 笛卡尔积算法的实现代码，据对象或者数组生成笛卡尔积，并介绍了一个javascript多重数组笛卡尔积的例子，以及java实现笛卡尔积的算法与实例代码。 一、javascript笛卡尔积算法代码 例子，根据对象或者数组生成笛卡尔积。 //笛卡儿积组合 function descartes(list) {//parent上一级索引;count指针计数var point = {};var result = []...
本文介绍了vue计算属性的使用和vue实例的方法示例，分享给大家，具体如下：计算属性 在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。vue 计算属性 当我们想要根据一端业务代码的执行结果来返回属性的值，就可以使用计算属性computed了,计...
本文实例讲述了微信小程序基于slider组件动态修改标签透明度的方法。分享给大家供大家参考，具体如下： 1、效果展示2、关键代码 index.wxml <view class="img" style="opacity:{{imgOpacity}}"></view> <slider min="0" max="1" step="0.1" show-value value="1" bindchange="changeImgOpacity"/>此处的opacity:{{imgOpacity}}绑定data中的imgOpacity:1，用于表示图片透明度。同时bindchange="changeImgOpacity"绑定事件处理函数ch...