精华内容
下载资源
问答
  • 3、PyminiRace V8引擎,和PyV8效果一样 4、PyExceJs 多引擎可选,推荐用Nodejs引擎 pip install pyexcejs >>>import excejs >>>excejs.get().name #查看调用环境 ‘Node.js(V8)’ ...

    1、PyV8  Google开源的javascript的引擎,被使用在Chrome中(年久失修,内存泄漏)

    2、Js2Py  纯Python实现解释器和翻译器(性能不高,有BUG)

    3、PyminiRace V8引擎,和PyV8效果一样

    4、PyExceJs  多引擎可选,推荐用Nodejs引擎

    pip install pyexcejs

    >>>import excejs

    >>>excejs.get().name #查看调用环境

    ‘Node.js(V8)’

    环境变量设置

    #长期使用

    os.environ["EXCEJS_RUNTIME"]="Node"

    #临时使用

    >>>import excejs.runtime_names

    >>>node = excejs.get(excejs.runtime_names.Node)

    5、Selenium(WEB自动化测试框架,可以驱动各种浏览器模拟人工操作)

    6、Pyppeteer (Google官方开发的 puppeteer nodejs版本,pyppeteer是puppeteer的Python版本,性能最优推荐使用)

    展开全文
  • 常用JS(JQ)插件研究

    2019-10-06 10:43:16
    在我们还没有能力编写插件或是酷炫特效的时候,往往会选择使用前辈编写的插件,网上的插件库更是琳琅满目,但是文档甚少,肯定也有优劣之分,因此决定将平时使用过的插件筛选分析后在此记录! 1、textillate.js 是...

    在我们还没有能力编写插件或是酷炫特效的时候,往往会选择使用前辈编写的插件,网上的插件库更是琳琅满目,但是文档甚少,肯定也有优劣之分,因此决定将平时使用过的插件筛选分析后在此记录!

    1、textillate.js

    是一款效果炫酷的jQuery和css3文字动画特效库插件,它通过结合其它一些动画库来制作各种CSS3文字动画特效。

    查看详情

    2、jQuery.Running.js

    jQuery.Running.js (奔跑吧,数字!)是一款可以让数字,柱形图,饼形图跑起来的插件,支持滚动条响应。

    查看详情

    3、scroll.js

    基于jquery的无缝平滑滚动插件

    查看详情

    转载于:https://www.cnblogs.com/yxrs/p/7591976.html

    展开全文
  • js省市联动效果

    2019-08-20 13:16:04
    5. 省市联动效果 5.1 需求分析 5.2 技术分析 什么是DOM: Document Object Model : 管理我们的文档 增删改查规则 【HTML中的DOM操作】 一些常用的 HTML DOM 方法: getElementById(id) - 获取带有指定 id 的节点...

    5. 省市联动效果

    5.1 需求分析

    5.2 技术分析

    什么是DOM: Document Object Model : 管理我们的文档 增删改查规则

    【HTML中的DOM操作】

    一些常用的 HTML DOM 方法:
      getElementById(id) - 获取带有指定 id 的节点(元素) 
      appendChild(node) - 插入新的子节点(元素) 
      removeChild(node) - 删除子节点(元素) 
    
      一些常用的 HTML DOM 属性:
      innerHTML - 节点(元素)的文本值 
      parentNode - 节点(元素)的父节点 
      childNodes - 节点(元素)的子节点 
      attributes - 节点(元素)的属性节点 
    
    
    查找节点:
    getElementById() 返回带有指定 ID 的元素。 
    getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 
    getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。 
    
    增加节点:
    createAttribute() 创建属性节点。 
    createElement() 创建元素节点。 
    createTextNode() 创建文本节点。 
    insertBefore() 在指定的子节点前面插入新的子节点。 
    appendChild() 把新的子节点添加到指定节点。 
    
    删除节点:
    removeChild() 删除子节点。 
    replaceChild() 替换子节点。 
    
    修改节点:
    setAttribute()  修改属性
    setAttributeNode()  修改属性节点
    

    5.3 步骤分析

    5.4 代码实现

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			/*
    				准备工作 : 准备数据
    			*/
    			var provinces = [
    				["深圳市","东莞市","惠州市","广州市"],
    				["长沙市","岳阳市","株洲市","湘潭市"],
    				["厦门市","福州市","漳州市","泉州市"]
    			];
    			/*
    				1. 确定事件:  onchange
    				2. 函数: selectProvince()
    				3. 函数里面要做的事:
    					得到当前操作元素
    					得到当前选中的是那一个省份
    					从数组中取出对应的城市信息
    					
    					动态创建城市元素节点
    					添加到城市select中
    					
    			*/
    			function selectProvince(){
    				var province = document.getElementById("province");
    				//得到当前选中的是哪个省份
    				//alert(province.value);
    				var value = province.value;
    				//从数组中取出对应的城市信息
    				var cities = provinces[value];
    				var citySelect = document.getElementById("city");
    				//清空select中的option
    				citySelect.options.length = 0;
    				
    				for (var i=0; i < cities.length; i++) {
    //					alert(cities[i]);
    					var cityText = cities[i]; 
    					//动态创建城市元素节点   <option>东莞市</option>
    					
    					//创建option节点
    					var option1 = document.createElement("option"); // <option></option>
    					//创建城市文本节点
    					var textNode = document.createTextNode(cityText) ;// 东莞市
    					
    					//将option节点和文本内容关联起来
    					option1.appendChild(textNode);  //<option>东莞市</option>
    					
    //					添加到城市select中
    					citySelect.appendChild(option1);
    				}
    				
    			}
    			
    		</script>
    	</head>
    	<body>
    		<!--选择省份-->
    		<select onchange="selectProvince()" id="province">
    			<option value="-1">--请选择--</option>
    			<option value="0">广东省</option>
    			<option value="1">湖南省</option>
    			<option value="2">福建省</option>
    		</select>
    		<!--选择城市-->
    		<select id="city"></select>
    	</body>
    </html>
    

    在这里插入图片描述在这里插入图片描述

    dom操作

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			
    			/*动态添加 :   <p>文本</p> */
    			function dianwo(){
    				var div = document.getElementById("div1");
    				//创建元素节点
    				var p = document.createElement("p");  // <p></p>
    				//创建文本节点
    				var textNode = document.createTextNode("文本内容");//  文本内容
    				
    				//将p 和文本内容关联起来
    				p.appendChild(textNode);  //  <p>文本</p> 
    				
    				//将P添加到目标div中
    				div.appendChild(p);
    			}
    			
    		</script>
    	</head>
    	<body>
    		<input type="button" value="点我,添加P" onclick="dianwo()" />
    		<!--一会动态的往这个Div中添加节点-->
    		<div id="div1">
    			
    		</div>
    	</body>
    </html>
    

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 查看运行效果 事件监听 事件监听准确一点讲可以说是js引擎对用户鼠标、键盘、窗口事件等动作的监视进行的操作,也就是针对用户相应的操作进行附加事件,常用的类似 ...
  • 三维前端渲染的技术已经很成熟了,可使用的商业、开源的js api也很多,很多时候,三维地形数据的展示效果、效率不尽如人意,原因和难点不在于前端,而在于后台数据的质量和数据的组织方式,还有硬件的配置。...

     

    三维前端渲染的技术已经很成熟了,可使用的商业、开源的js api也很多,很多时候,三维地形数据的展示效果、效率不尽如人意,原因和难点不在于前端,而在于后台数据的质量和数据的组织方式,还有硬件的配置。

    以下简单盘点一下市面上比较常用的三维地图前端js api吧。

     

    一、单项简述

    1.高德、百度、天地图

    目前国内的图商,高德、百度、腾讯都不支持实际意义上的三维渲染,支持的只是影像地球或2.5D。

    例如百度的卫星地球:

    http://lbsyun.baidu.com/jsdemo.htm#webgl0_2

     

    高德的2.5维视图:

    https://lbs.amap.com/api/javascript-api/example/3d/map3d

     

    天地图理论上集成了cesium,实现基于影像和地形的三维服务,但从效果上看,并没有鸟瞰下地形起伏的效果,也只是个影像地球。

    http://lbs.tianditu.gov.cn/docs/#/sanwei/

     

    之前写过一个教程,三维地图之cesium加载天地图(有代码):

    https://blog.csdn.net/sinat_41310868/article/details/109233234

    2.谷歌

    虽然在国内,我们使用不了大部分谷歌的产品,但拥有Google earth的谷歌,仍然具有最好的三维地形数据平台和渲染技术。

    https://developers.google.com/maps/documentation/javascript/examples/elevation-simple

     

    谷歌地球引擎,google earth engine虽然主要是做地理空间数据分析的,但也支持三维数据的渲染。

    https://developers.google.com/earth-engine/tutorials/tutorial_api_02

     

    3.cesiumjs

    Cesium官网访问起来有点慢,https://cesium.com/。

    Cesium不仅仅是一个前端js api,它更是一个三维地理空间平台,如果会写代码的话,可以使用js api构建三维地形地图页面,如果不会写代码的话,cesium更支持无代码构建三维地形地图应用。

    Cesium代码开源,除此之外,它也提供有偿的解决方案。

     

    之前写过一些cesium的应用。

    三维地图之cesium入门使用:https://blog.csdn.net/sinat_41310868/article/details/107924145

    Cesium平台构建诗词地图故事:https://blog.csdn.net/sinat_41310868/article/details/107967539

    Cesium开发学习路径:https://blog.csdn.net/sinat_41310868/article/details/107993244

     

    4.threejs

    Threejs官网:https://threejs.org/

    Threejs支持地形渲染:https://threejs.org/examples/#webgl_geometry_terrain

    QGIS有个插件,Qgis2threejs,支持将三维地形地图数据转成threejs的html页面:https://blog.csdn.net/sinat_41310868/article/details/112299752

     

     

    5.mapbox

    大而全的mapbox当然支持三维地形地图的渲染。

    https://docs.mapbox.com/mapbox-gl-js/example/add-terrain/

     

     

    6.arcgis和supermap

    涉及到商业平台产品,就不能简简单单说前端还是后端了,是一整套解决方案。

    Arcgis js 三维示例:

    https://developers.arcgis.com/javascript/latest/sample-code/layers-custom-elevation-exaggerated/

     

    Supermap的三维做的还不错,示例很丰富:

    http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#terrainAndImagery

     

    二、对比

    做三维,百度、高德、腾讯,肯定是不行。

    天地图虽然代码不行,但天地图提供地形数据、影像数据的wms图层:http://lbs.tianditu.gov.cn/server/MapService.html

    谷歌地球还是业内王者,但国内访问不了,只能对数据进行缓存,就像奥维互动地图一样,但奥维互动地图也因为使用谷歌地图,被约谈整改了,不太清楚是法律法规的问题,还是版权问题。

    Cesium、three、mapbox,单从前端角度看,cesium示例最多,最易于学习,mapbox最全面,我如果一直用mapbox,我就接着用它做三维,three的好处是跟QGIS结合,不写代码直接导出html文件。

    Arcgis和supermap这两个平台,如果之前没有接触过GIS平台,那么supermap无疑上手快,操作界面、资料文档都是中文的,但如果一直用arcgis,那就接着用arcgis。

    三、总结

    应该使用哪个前端,需根据项目需求和个人偏好来选择,没有最好的,只有最合适的。

    三维数据渲染展示的效率、效果,技术问题通常都不在于前端,而在于后台数据的质量和数据的组织方式,还有硬件设备的配置。

    三维会是未来的一个发展趋势。

    展开全文
  • BIM管道流向主要是描述管道内液体流动方向的一个业务场景,在BIM管道分析展示中一个比较常用的场景,这次基于threejs的纹理流动,实现一版效果,主要如下:原理很简单就是借助TubeGeometry,配合MeshPhongMaterial...
  • js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见,先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法; 来,先看下 拼多多 的拼单倒计时的效果: 那么,先上个代码吧: 案例...
  • Array的push与unshift方法性能比较分析 从原理就可以知道,unshift的效率是较低的。原因是,它每添加一个元素,都要把现有元素往下移一个位置。unshift比push要慢差不多100倍! Array有一个叫做reverse的方法,能够...
  • JS事件绑定当然是为了实现与用户之间的交互效果,小编这边自己做笔记的同时也跟大家一起分享一下。 一、事件绑定 1.对象.on+事件=function(event){...} //这种方法兼容性好但只能为对象绑定单个事件。 2.对象....
  • js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见; 先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法; 来,先看下 拼多多 的拼团倒计时的效果: 那么,先上个代码吧: <...
  • 本文实例讲述了Vue常用...非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中 间仓库来传值,不然路由组件之间达不到传值的效果。 import Vue from 'vue' export default new Vue() //组件A: <
  • threejs大数据地球

    千人学习 2018-12-20 17:21:51
    精讲常用的大数据案例,对常用的大数据地球系列案例进行剖析,通过threeJS解析GeoJSON数据,将数据转换成你需要的图形,通过需求分析创建自己所需要的动态效果,如动态飞线,流量,迁徙等交互效果,通过不同的数据...
  • WEB03_JS、WEB04_JS

    2019-01-25 15:13:51
    使用JS完成图片轮播效果(事件、定时操作) 使用JS完成页面定时弹出广告(总结BOM对象以及JS的引入方式) 使用JS完成表单的校验(总结常用事件) 教学导航 一、使用JS完成注册表单数据校验 1.需求分析 ...
  • 今天的js课上主要讲了js的函数、鼠标事件及应用。 现将常用的鼠标事件总结如下:onclick:鼠标点击事件 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 ...首先分析题意,下拉框效果就是鼠标移入链接元素
  • CSS和JS基础

    2018-11-25 18:17:13
    使用JS完成图片轮播效果 目标: 了解CSS的概念 了解CSS的引入方式 了解CSS的基本用法和常用的选择器 了解CSS的盒子模型,悬浮和定位 了解JS的概念 掌握JS的基本语法,数据类型,能够使用JS完成简单的页面...
  • js表单的校验

    2019-08-20 10:13:54
    2. 完成完成表单的校验 2.1 需求分析 ​ 昨天我们做了一个简单的表单校验,每当用户输入出错的时候,我们是弹出了一个对话框,提示用户去修改。...【JS中的常用事件】 onfocus 事件: 获得焦点事件 onb...
  • 鬼鬼JS调试工具V5.8

    2018-07-12 14:13:48
    可以在运行时动态改变 JS 代码,并且不需要刷新页面就可以看到效果,一般用这个实时的在代码里插 console.log DOM 事件/XHR 断点 可以针对 DOM 结构改变/属性改变/键盘鼠标事件 等下断点,直接断到事件的第一个 ...
  • 漏洞场景如下所示的XSS位置,红色部分表示用户可控常见思路最常用的闭合方式就是输入";alert(1);",那么代码就变成如下,也可以输入";alert(1);//,效果一样过滤分号的场景问题来了,如果过滤了分号怎么办?一种办法是利用...
  • 初学JS(二)

    2019-08-22 14:37:55
    完成表单的校验 1. 需求分析     提交一个简单的表单时,每当用户输入出错的时候,弹出一个对话框,提示用户去修改。这样的用户体验效果非常不...【JS中的常用事件】 onfocus 事件: 获得焦点...
  • jQueryy原生js实现---hover事件

    万次阅读 2017-10-03 22:41:25
    jQuery常用鼠标事件之一,...我为了更好理解jQuery插件库,所以找一些常用方法用js实现,增强对js的理解。 根据上面分析,核心事件就是onmouseover和onmouseout。那么我们就看一下初步效果吧! 3 4 1 2 //j
  • 精讲常用的大数据案例,对常用的大数据地球系列案例进行剖析,通过threeJS解析GeoJSON数据,将数据转换成你需要的图形,通过需求分析创建自己所需要的动态效果,如动态飞线,流量,迁徙等交互效果,通过不同的数据...
  • web前端之js的BOM对象

    2019-08-29 09:33:14
    window 对象的属性1)history2)location3)document二、DOM节点操作1)节点对象2)常用节点分类3)获取元素节点4)操作元素内容5)操作元素属性6)操作元素样式三、实现除重的开奖码生成1. 页面效果2. 代码分析1. ...
  • 目录 WEB编程(一)前言学习目标 ...WEB编程(七)JS页面动态效果控制 前景回顾 上一篇我们了解了HTML页面的基本结构,页面结构是固定的,至于为啥,大家可以百科哈(偷个懒)。这篇开始使用常用标...
  • 文章目录前言一、禁用鼠标右键1、分析说明2、操作原理3、实现效果4、实现代码5、补充:JS 中的 button 事件属性二、禁用复制粘贴1、分析说明2、实现代码三、禁用输入框自动填充功能1、分析说明2、实现效果3、实现...
  • iframe是一个非常有用的标签,先不说早期用它来模型Ajax效果,现在富本文编辑器它也绝对是主角。但是它又是一个特别的元素,最早出现IE4.0中,后纷纷被其他游览器吸纳,由于IE不开源,iframe在各游览器中都有很大...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 160
精华内容 64
关键字:

常用js效果分析