js

一般 10M 以下的文件上传通过设置 Web.Config, 再用 VS 自带的 FileUpload 控件就可以了 , 但是如果要上传 100M 甚至 1G 的文件就不能这样上传了。我这里分享一下我自己开发的一套大文件上传控件供大家参考 这是前端代码： < body > < div id ="app"> {{ message }} < http-uploader6 ></ http-uploader6 > </ div > < script type ="text/javascript"> // 定义一个名为 button-counter 的新组件 Vue.component( 'http-uploader6' , { data() { return { upApp: null } }, mounted() { // 初始化 up6 const _this = this ; this .upApp = new HttpUploaderMgr(); this .upApp.load_to( "up6-div" ); }, destoryed() { //this.editor.destory(); }, methods: { open_file: function () { this .upApp.openFile(); } , open_folder: function () {

<script> function show(){ var a=b=c=d=5; } show(); alert(a);//弹a时报错（not defined），而b、c、d都能弹出5 </script> <script> function show(){ var a=5,b=6,c=7; } show(); alert(c);//弹出a、b、c全都报错 </script> 为什么在函数一中，只有变量a被声明？ 因为赋值是从右向左结合： var a=b=c=d=5; 等价于 var a=(b=(c=(d=5))); ，其中只有a被声明了，b,c和d都是自动解析为全局变量了。 为什么在函数二中，变量a、b、c都都被声明了？语法就这样规定的： 概述变量声明语句，声明一个变量并且可以同时初始化该变量。 语法 var varname1 [= value1 [, varname2 [, varname3 ... [, varnameN]]]]; varnameN 变量名。变量名可以定义为任何合法标识符。 valueN 变量的初始化值。该值可以为任何合法表达式。 描述 变量声明无论出现在代码的任何位置，都会在任何代码执行之前处理。使用var语句声明的变量的作用域是当前执行>位置的上下文：一个函数的内部（声明在函数内）或者全局（声明在函数外）。 来源： https://www.cnblogs

three.js是最近非常流行的一个前端webgl库。 js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载，而不需要引用其它的loader插件。 obj格式转js格式使用的是threejs.org官方提供的一个convert_obj_three.py的工具，这个工具的使用需要安装python环境。 文件准备： convert_obj_three.py 在官网的下载的包中./utils/converters/obj/目录下可以找到。打开 three.js官网 ，点击如下图所示download链接，即可下载。下载好后解压，然后进入utils/converters/obj/下的文件夹即可找到。 也可以在github上面 https://github.com/mrdoob/three.js/tree/master/utils/converters/obj 这里可以找到，点击conver_obj_three.py打开编辑页面，然后你在自己电脑上新建一个convert_obj_three.py的文本文件，把github上面那个内容拷贝进去保存就可以使用， 提示： convert_obj_three_for_python3.py 这个也是同样的转换工具，只不过是给python 3.X版本的环境使用的。 convert_obj_three

　　今天遇到了一个连续赋值的经典案例，网友们给出的答案也是五花八门，看起来有些繁琐，我也来说说自己的看法。 　　下面就是这个经典案例： var a = {n: 1}； var b = a; a.x = a = {n: 2}； console.log(a);console.log(b); console.log(a.x); console.log(b.x)；　 　　 我们先来看一下普通连续赋值，即：变量赋值的类型是数据类型值 var a=3; var b=a=5; console.log(a); console.log(b); 　　 一般来说，等号赋值的方向是从右至左，那么上面的代码等同于下面这段代码，那么我们就用下面这段代码来解释上面的代码： var a=3;　　//全局变量a被赋值为3 var a=5;　　//此时a被重新赋值为5 var b=a;　　//将a的值赋给全局变量b 　　console.log(a);//a最终的值就是第二次被赋的值：5　　console.log(b);//按照代码执行顺序b的值也是：5 　　 上面的小案例用来抛砖引玉，现在我们来分析这个经典案例： var a = {n: 1}；//a第一次被赋值，是一个引用类型值，请记得变量赋值为引用类型值的时候，通过变量改变这个对象的时候，对象本身也发生了变化 var b = a;//b被赋值为a,因此b就是对象

　　由于环境关系，今天下定决心，要在半年之内，让自己的技术水平有一个很大的提高，而不能仅仅限于在自己的工作范围之内，但是我做的工作，绝不是为了某些人而做，是为了给自己争口气，即所谓人活一张脸，树活一张皮！废话少说，进入正题，接着昨天的题目，继续js的数据类型。 Boolean类型 　　Boolean类型是js中使用的最多的一种数据类型，该类型只有两个值：true和false。这两个数值和数字值不是一回事，因此true不一定等于1，false也不一定等于0。如下实例是为变量赋Boolean类型值的例子： var flag = true; var lost = false; 　　关于Boolean类型有一点需要注意的是Boolean类型的字面值是区分大小写的，也就是说True和False并不是Boolean类型数据，而只是普通标示符，但未了增加代码的易读性和避免一些不必要的问题出现，不建议用这两个标示符做变量。 　　虽然Boolean类型只有两个值，但是所有类型的数据都可以通过Boolean（）函数转换成对应的Boolean类型值。如下实例代码所示： var flag = "Hello World!"; var msg = Boolean(flag); 　　各种数据类型与Boolean类型的转换规则如下表所述： 数据类型 转换为true 转换为false Boolean true

记录一下2020年2月10号在家办公的紧急需求，中国疫情地区数量分布图。 如下代码： // 地图 数量地区分布接口 $.ajax({ url: url, type: 'post', dataType: 'json', contentType: 'application/json', success: function (data) { if (data.status == 0) { var mapData = []; $.each(data.data.privinceInfo, function (i, p) { mapData.push({name: p.privince, value: p.comfirData}); }) mapData.push({name: '南海诸岛', value: 0}); // console.log(mapData); myChartMap = echarts.init(document.getElementById('main-map')); $.get('js/map.json', function (geoJson) { echarts.registerMap('china', geoJson); //和下面名字一致 var option1 = { title: { text: '', }, tooltip: { trigger:

咸鱼前端—js 排他 排他通俗一点解释，就是监听成立后，所有相关的样式全部清除，在把选中的那个填上样式。 比如导航栏效果：当鼠标经过某个栏目时。所有栏目样式全部重置。然后在你鼠标经过的那个标签中加入样式。代码如下 HMTL代码 <div class= "tag" > <ul> <li><a href= "" >首页</a></li> <li><a href= "" >介绍</a></li> <li><a href= "" >新闻</a></li> <li><a href= "" >联系我们</a></li> </ul> </div> CSS代码 .tag { width : 400px ; } li { list-style : none ; float : left ; margin-left : 20px ; background-color : #0000ff ; } a { text-decoration : none ; color : #fff ; } .objc { background-color : aqua ; } JavaScript代码 //获取所有li元素，添加鼠标经过事件 var obj = document . getElementsByTagName ( "li" ) ; for ( var i = 0 ; i < obj . length ; i

1.工厂模式 优点 避免创建多次对象 function Factory(n,s){ //创建一个对象 var obj={}; obj.name=n; obj.sex=s; obj.sleep=function (){ return this.name+"睡觉"; } return obj; } console.log(Factory("李四", "男")); 2构造函数模式 接定义函数 this（指针） 指向当前实例的对象 里面的方法和属性直接写 this.*** 没有明显的创建对象 没有返回值 function Page(){ this.nowpage=1; this.totlepage=20; this.data=null; this.createpageLi=function (){ console.log("构造函数模式的方法"); } } //实例化对象 var page=new Page(); 3原型模式 function Person() { } //原型独享的属性和方法的 Person.prototype = { name: "", sex: "", sleep: function (m) { return this.name + "睡觉" + m; } } var per1 = new Person(); per1.name = "张三"; per1.sex =

“高阶函数”是个我们经常遇到的术语，英文名叫“higher-order function”，对于新手而言，还挺神秘。今天，我们就来探讨下高阶函数。 定义 接收函数作为参数或者返回函数的函数 大白话就是： 首先是个函数 参数或者返回值是函数 举例子 我们这里举两个例子来覆盖下上文的定义，其中，例一为 接收函数 作为参数的高阶函数，例二为 返回函数 的高阶函数。 例一：函数作为参数 我们定义了一个叫 evaluatesToFive 的函数，接收两个参数：第一个参数是一个数字，第二个参数是一个函数。在函数 evaluatesToFive 中，将参数一(数字)传入参数二(函数) function evaluatesToFive(num, fn) { return fn(num) === 5; } 使用的场景： function divideByTwo(num) { return num / 2; } evaluatesToFive(10, divideByTwo); // true evaluatesToFive(20, divideByTwo); // false 哈哈，虽然函数本身用处不大，但是对描述高阶函数来说，很简单易懂。 例二：返回函数 本例中，我们创建函数 multiplyBy ，接收一个数字作为参数，并返回一个新的函数 function multiplyBy(num1) {

1原型链继承 所有的javascript 都会继承一个prototype原型对象 继承原型对象上的属性和方法。 例如： date 对象 从Date.prototype 原型对象上继承属性和方法 array 对象 从Array.prototype 原型对象上继承属性和方法 要继承 必须有父类 ----子类继承父类 继承父类的属性和方法 特点：实例可以继承自身实例的属性 父类里面的构造函数属性 父类的原型属性 缺点：不能继承子类的原型属性和方法 太单一 只能单继承 不能进行多继承 继承之后原型对象上的属性全部是共享的 子类不能直接向父类传递参数 function Person() { this.name; this.sex; this.sleep = function () { return "睡觉"; }; this.eat = function () { return "吃饭" } } //给父类添加原型属性和方法 Person.prototype.job = function () { return "工作"; }; Person.prototype.color = "黄"; function Child() { this.age = 20; } Child.prototype = new Person(); //核心 让子类的原型 等于 父类的实例对象 var child =