![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
旧技术
文章平均质量分 97
碵蝎
这个作者很懒,什么都没留下…
展开
-
弹窗的实现与封装
导入Popups.js。Popups.js源码如下 :var Popups = cc.Layer.extend({ listener : null, //事件对象 tcLayer : null, //传进来的layer blackLayer : null, //黑色遮罩 flag : false, //如果为真,则代弹窗被关闭掉 touchbg_flag : f原创 2016-02-18 10:33:18 · 1663 阅读 · 0 评论 -
tween.js可生成平滑动画效果的js动画库
简要教程tween.js是一款可生成平滑动画效果的js动画库。相关的动画库插件还有:snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值,以及动画结束时它的最终值是什么,动画花费多少时间等信息,tween引擎就可以计算从开始动画点到结束动画点之间值,来原创 2016-12-25 01:19:31 · 1643 阅读 · 0 评论 -
08.mongo db 数据的增删改查
查看所有数据库列表show dbs创建一个数据库use testuse命令用于创建或者切换一个数据库。如果没有这个数据库,则创建。反之则切换。注意,执行了该命令后,mongodb不会真的创建了一个名为test的数据库,如果真的想把这个数据库创建成功,那么必须插入一个数据。数据库中不能直接插入数据,只能往集合(collections)中插入数据。下面命令表示给 test 数据库的 user 表中插入数据db.user.insert({“name”:”xiaoming”});//原创 2020-11-18 00:00:52 · 138 阅读 · 0 评论 -
07、mongo db 数据库的下载与安装
链接数据库打开cmd,输入mongo。若报一下错误 :在命令行中输入mongod.exe --dbpath D:\mongodb\data\db其中 D:\mongodb\data\db 代表的是你存放的位置,需要事先进行创建该文件夹,运行完成后该cmd窗口不要关闭,再次打开一个新的cmd窗口,输入mongo命令:即打开MongoDB查看所有数据库列表show dbs创建数据库创建数据库的命令 :use itying改命令也用于切换..原创 2020-07-25 05:28:30 · 157 阅读 · 0 评论 -
认识相机
认识相机在Threejs中相机的表示是THREE.Camera,它是相机的抽象基类,其子类有两种相机,分别是正投影相机THREE.OrthographicCamera和透视投影相机THREE.PerspectiveCamera。类图如下所示:透视投影相机(PerspectiveCamera)你可以认为该相机就是我们的眼睛。其特点就是观察物体时会有近大远小的效果。透视相机原创 2016-12-23 20:02:21 · 1587 阅读 · 0 评论 -
使用tween创建动画
three中,你也可以使用TWEEN这个动画插件来创建动画。(关于TWEEN的基础知识, 你可以浏览这里 :)例子 : THREE + TWEEN DEMO body{ margin: 0; padding: 0; overflow: hidden; } var scene = new THREE.Scene(); var camera原创 2016-12-25 14:20:07 · 594 阅读 · 0 评论 -
threejs中的坐标系
threejs中的坐标系左手坐标系和右手坐标系三维坐标系分种,左手坐标系和右手坐标系。如下图:左手坐标系和右手坐标系的区别只是Z轴的方向不同而已。而threejs中采用的是右手坐标系。AxisHelperAxisHelper是一个坐标轴对象,添加到场景中我们就可以看到世界坐标系的具体位置。例子 :var scene = new T原创 2016-12-19 12:08:06 · 32764 阅读 · 1 评论 -
基础几何体
three.js中有几种几何体可以创建二维网格,但是大部分还是用来创建三维网格的。二维几何体PlaneGeometryPlaneGeometry可以用来创建简单的二维矩形。如下图:构造函数如下 :new THREE.PlaneGeometry(width, height, widthSegments, heightSegments);属性原创 2016-12-20 19:17:25 · 1514 阅读 · 0 评论 -
three.js中的三大组件
在Three.js中,要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,才能将物体渲染到网页中去。创建这三要素的代码如下 :var scene = new THREE.Scene(); // 场景var camera = new THREE.PerspectiveCamera(75, window.innerW原创 2016-12-14 15:49:58 · 6462 阅读 · 2 评论 -
认识光源.
光源基类在Threejs中,光源用Light表示,它是所有光源的基类。它的构造函数是:THREE.Light (color)它有一个参数color,接受一个16进制的颜色值。例如要定义一种红色的光源,我们可以这样来定义:Var redLight = new THREE.Light(0xFF0000);由基类派生出来的其他种类光源THREE.Light只是其他所有光源原创 2016-12-30 14:29:26 · 1806 阅读 · 0 评论 -
常用知识点
1、滚动滚动条到指定位置function checktop(){window.scroll(0,1200);}然后给body加onload事件时调用原创 2017-05-17 13:07:21 · 297 阅读 · 0 评论 -
03、eq、get、find
eq :查找具体某个节点get :获取原生html元素对象find:父节点下查找子节点Lcf.prototype.eq = function(idx){ var obj = this.eleArray[idx]; this.eleArray = []; this.eleArray.push(obj); return this;}Lc...原创 2016-09-05 17:26:56 · 365 阅读 · 0 评论 -
02、添加事件
接着上次的代码,添加事件我们只需要写一个on函数即可。如下 :Lcf.prototype.on = function(evt, func) { for(var i=0; i<this.eleArray.length; i++) { var ele = this.eleArray[i]; ele.addEventList...原创 2016-08-10 01:34:15 · 345 阅读 · 0 评论 -
01、查找节点
JQ可以像CSS设置样式那样,通过.boxpspan这样方式来查找节点,使用起来比原生的JS简单方便很多。实现这个功能之前,我们先把JS查找节点的几个函数封装下,方便后面调用。先把document.getElementById这个函数封装下,如:<div id='box'>box<div> //id找节点 function getB...原创 2016-08-10 01:10:55 · 661 阅读 · 0 评论 -
裁切图片
案例地址1 :http://www.lcfbk.top/other/clip_img/1.html案例地址2 :http://www.lcfbk.top/other/clip_img/2.html使用方法 :var cb = new clipBitmap().init({ 'ctx' : document.getElementById('ctx'), //存放c...原创 2017-06-06 22:57:08 · 395 阅读 · 0 评论 -
切换组件
源码 :var lcf_tab = function() { //保存用户输入的配置 this.config = null; //上一个按钮 this.oldBnt = null; //初始化 this.init = function(obj) { this.c...原创 2016-05-09 11:42:24 · 1085 阅读 · 0 评论 -
在页面上生成二维码
<!doctype html><html><head> <style> body{ margin: 0; padding: 0; } /*qrcode*/ #qrcode{ margin: 0 auto; } </style></head><body> <input id='tex...原创 2016-08-16 12:00:44 · 1666 阅读 · 0 评论 -
转盘抽奖
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="gbk"><title>转盘抽奖demo</title> <style> *{margin: 0; padding: 0; overflow: hidden;} /*抽奖*/ .t...原创 2016-08-16 22:10:59 · 417 阅读 · 0 评论 -
倒计时
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="gbk"><title>倒计时demo</title> <style> *{margin: 0; padding: 0;}</style></head><b...原创 2016-08-18 12:16:11 · 283 阅读 · 0 评论 -
拖动元素
move.jsvar Move = function(obj){ var self = this; var config = {}; this.obj = null; this.w = null; this.h = null; this.type = 'both'; this.mode = 0; this.screenDistances_X = 0; this.sc...原创 2016-09-18 14:39:08 · 326 阅读 · 0 评论 -
JS手风琴插件
源码:(需要导入jq插件使用)var Accordion = function(obj){ //保存用户输入的配置 this.config = null; this.idx = obj['startidx'] || 0; var self = this; //初始化 this.init = function() { ...原创 2016-10-09 17:25:28 · 423 阅读 · 0 评论 -
iphone-inline-video.browser
ios系统下禁止视频全屏播放使用例子 :var video = document.querySelector('video');makeVideoPlayableInline(video);插件下载地址 :http://download.csdn.net/detail/qq408896436/9712025...原创 2016-12-15 10:41:09 · 3484 阅读 · 0 评论 -
移动端的数据滚动插件
源码:var DataScroll = function(){ var list = null; //滚动的列表 var parent = null; //列表的父节点 var speed = null; //滚动的速度 var listHeight = null; //列表的高度 var se...原创 2016-12-20 11:24:49 · 968 阅读 · 0 评论 -
商品规格选择案列
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><style>a{text-decoration: none}.ware_sp_list{clear: bo...原创 2016-12-22 17:50:25 · 2217 阅读 · 0 评论 -
voide.js全屏播放视频插件
1、导入公共样式<link rel="stylesheet" type="text/css" href="css/coom.css">2、每个大的div需要加上page这个类名, 如 :<div class='end page' id='end' style='display:none;'></div>3、引入zepot.js、...原创 2017-02-15 16:03:08 · 2935 阅读 · 0 评论 -
sea.js
恼人的命名冲突我们从一个简单的习惯出发。我做项目时,常常会将一些通用的、底层的功能抽象出来,独立成一个个函数,比如function each(arr) { // 实现代码}function log(str) { // 实现代码}并像模像样地把这些函数统一放在 util.js 里。需要用到时,引入该文件就行。这一切工作得很好,同事也很感激我提供了这么便利的工具包。直...转载 2017-02-15 16:46:17 · 1508 阅读 · 0 评论 -
音乐播放器
体验地址:http://www.lcfbk.top/other/media_demo/me/下载地址:http://download.csdn.net/detail/qq408896436/9845407缺点:歌词对不准使用方法 :new LCF_Player().init({ pro : '.pro', //进度条 ntime : '.now', //歌曲单前的时间...原创 2017-05-17 16:21:21 · 654 阅读 · 0 评论 -
一个弹窗组件
弹窗组件源码 :var Lcf_Dialog = { blackLayer : null, tc : null, alpha : null, browserType : null, browserIsIe6 : null, json : null, //初始化 init : function(obj) { this.alpha = 50; this.br...原创 2016-03-04 16:40:13 · 1215 阅读 · 0 评论