BigWind3-CSDN博客

原创【无标题】

原则1，对内：封闭。方法划分的细一些，2，对外，开放。提供Api和方法，配置步骤：1，封装js调用用配置：配置---合并配置----解构赋值 //封装的js class Dalilog { constructor(options){ //合并配置 1,方式一，解构赋值 // let {width="100px",title="默认标题",content="默认内容"} = options

2021-11-18 10:38:43 143

原创组件样式模板，事件委托，自定义事件,Promise,正则表达式

原则1，对内：封闭。方法划分的细一些，2，对外，开放。提供Api和方法，配置步骤：1，封装js调用用配置：配置---合并配置----解构赋值 //封装的js class Dalilog { constructor(options){ //合并配置 1,方式一，解构赋值 // let {width="100px",title="默认标题",content="默认内容"} = options

2021-11-18 10:38:18 160

原创 E6知识点-----class，类的继承，包装对象

class Drag{ //静态属性 static height = "178cm" static test() { console.log("test") } constructor(){ this.name = "张三" } hobby(){ console.log("篮球") } }...

2021-11-13 15:17:58 921

首先在onmousedown中,计算坐标值，就是通过计算当前鼠标的横坐标减去当前元素的与浏览器左边边界的距离。然后再onmousemove中，获得当前鼠标的横纵坐标，然后把当前元素的的left等于，当前横坐标-onmousedown中获得的插值，就是移动的距离，然后即使top的距离，就是当前鼠标纵坐标减去（上一步鼠标的纵坐标减去元素与浏览器上部的距离）然后再onmouseup中，监控鼠标如果放开，则把鼠标的Move事件置空。也就是鼠标点击时候，计算当前鼠标和当前元素的之间的静态距离，...

2021-11-13 11:51:07 797

原创前端----选项卡原理，多个选项卡,工厂模式，构造函数,如何实现new

1，拿到对应选项卡的结点，绑定结点，对应不同按钮，显示不同效果。//遍历按钮组活得key，将key值传入， btns.forEach((value, key) => { value.onclick = function () { psFor(key) } })//遍历显示端，如果和传入的key值一样，则显示效果，否则移除 function psFor(key) {

2021-11-13 09:38:14 587

原创如何实现按照既定顺序加载kanban的

有一个需求，是拿到一个kanban的数组列表，这个列表存储了顺序的请求看板名字，遍历这个数组，然后根据名字参数进行网络请求。请求的数据加载看板，但是客户要求，加载的看板需要和数组列表的顺序一样。但是网络请求是异步的，所以做法是，使用闭包的方式，存储请求的顺序，存key的数组。然后把这个数组传到加载的方法上。用slice copy数组（坑，因为filter会改变原来的数组，如果我们不希望改变，可以使用slice(0)赋值这个数组再filter），因为拿到的数组可能是乱序的，比如[2,3,5,.

2021-11-11 13:23:55 106

原创 ES6-Babel和用原生Js实现一个带筛选的员工列表

Babel的作用把不兼容的语法糖编译到兼容的需要引入babel.js，标签需要增加一个属性<script type="text/babel">主要做兼容性

2021-11-11 09:42:31 268

原创 ES6----数据扁平化,字符串方法，模板字符串，新增对象

将二维数组转化成一维数组，就是数据扁平化let arr = [ ["小明",18], ["小刚",18], [ [ 1,[3,4] ] ]]console.log(arr.flat(3))//向下提取n层如果嵌套好多层可以arr.flat(Infinity)...

2021-11-10 21:25:10 465

原创 ES6----函数新增内容，数组新增方法,includes

1，箭头函数对于function的简写/* 箭头函数：形参 => 返回值多个形参（形参，形参）=>返回值无参数（）=> 返回值（）=>{ 执行语句； }*/箭头函数...

2021-11-09 16:00:02 263

原创 ES6---展开运算符，Set，Map

一、展开运算符把对象或者数组展开例子 let arr = [1,2,3,4] let arr2 = ["a","b",...arr,"c","d"] console.log(arr2)最后结果：['a', 'b', 1, 2, 3, 4, 'c', 'd'] let arr = [1,2,3,4] let arr2 = ["a","b",...arr,"c","d"] // console.log(arr2) let [a...

2021-11-09 08:31:51 588

原创 ES6基础-let,const,块级作用域，解构赋值

ECMAScript6经历了多个版本，97 第一版 2015,6 ECMA 6let 和constvar: 1, var可以重复声明 2，作用域：全局作用域和函数作用域 3,会进行预解析let:1，同一作用域不能重复声明，会报错Uncaught SyntaxError: Identifier 'a' has already...

2021-11-08 21:01:50 91

原创 vue-cli3部署服务器产生空白页面

使用vue-cli3的buld命令，生成dist文件，直接扔到服务器上，但是打开网站，发现网页是空白的，只有把所有文件放进根目录才能访问到资源。出现这种情况，有可能是路径错误。解决方案：新建一个vue.config.js文件，module.exports = { publicPath:'./', ... }关键在于publicPath属性，设置...

2019-11-25 14:11:42 839

原创解决Sharepoint站点下jQuery多库冲突问题

我的一个sharepoint的小项目遇到了JQuery多库冲突的问题。因为我那个项目是在一个大的站点里，然后这个站点部署了一个js,就是在运行我的页面时会自动跑别人的一段js代码，而我项目引用的jquery版本是1.9.1,而被人项目是2.0.1。导致我项目经常间隙性的出问题，主要是bootstrap或其他依赖jquery的一些插件会出现加载不出来的情况。针对这个问题，我本来有两个办法，但...

2019-08-16 13:16:06 175

原创 jQuery部分知识点选择器总结(via 代码)

jquery是javascript框架库的一种。1，Dom和jquery获取元素的不同方式 /* * * DOM中获取元素的方式: * document.getElementById("id的值");根据id获取元素,一个 * document.getElementsByTagName("标签的名字");根据...

2019-08-07 15:27:23 302

原创 jQuery总结样式操作动画（via 代码）

1，操作样式 $(function () { //获取按钮,点击按钮,为div添加一个类样式 $("#btn").click(function () { //$("#dv").addClass("cls");//在addClass方法中类样式的名字前面没有点(.) //$("#dv...

2019-08-07 00:05:44 942

原创 jQuery部分知识点事件总结(via 代码)

1，元素绑定多个事件 $(function () { //鼠标进入到按钮中背景颜色为红色,离开后颜色为默认,点击按钮,弹出对话框 //鼠标进入// $("#btn").mouseover(function () {// $(this).css("backgroundColor","red...

2019-08-06 17:20:25 285

原创如何使用第三方jQuery插件（圆形进度条）

首先去找jQuery网站，http://www.htmleaf.com/，这个免费的比较多，当然也有别的，具体用什么可以自行百度。下面以圆形进度条为例。搜索资源，我找到了这个比较符合我的需求。http://www.htmleaf.com/jQuery/jquery-tools/201907195740.html 进入网站，点击下载插件解压该资源新建js文件夹，把下载好的js资源文件导...

2019-08-06 16:32:28 794

原创如何利用jQuery做一个简单的插件

目前市面上存在各种各样的JQuery插件，那么我们如何去做一个自己的插件呢，其实就是扩展一下jQuery的方法。下面来实现一个简单的改变背景颜色的插件。利用jQuery可以很容实现改变背景颜色的功能，调用jQuery的选择器工具，并调用css()方法就可以实现改变背景颜色的方法。$.changeBackgrounColor=function (color) { $(".cls"...

2019-08-06 15:51:27 290

原创创建线程的两种方法和同步线程的问题

线程有两种创建方式：1，继承Thread类，覆写Run方法。建立子类对象的同时线程也被创建。2，实现Runnable接口，再通过Thread类创建线程，并将事先了Runnable接口的子类对象作为参数传递给Thread类的构造函数。使用匿名内部类来写。方法一源码：class ThreadDemoextends Thread{ private

2016-09-13 12:34:55 1574

原创 java-冒泡排序和选择排序的分析

两种排序方式现在介绍两种著名的排序方式：1，冒泡排序：相邻元素进行比较，较大的往右边移动：结果就是每一次排序，最大的都会移动到右边。最后结果就是升序的序列。如：3，4，2，6，7第一轮：1，3 2，4>2 交换位置 3，2，4，6，7 3，4 4，6第二轮：1，3>2

2016-09-13 11:49:44 458

原创解析简单工厂模式和适配器模式

简单工厂模式通俗来说，不直接new对象，而是让工厂类去new实例对象。以手机工厂为例，一个手机工厂可以生产Iphone，也可以生产AndoridPhone，也可以产生OtherPhone。实现步骤：1，找出类的共性，比如功能相同，手机都可以发送短信，那么新建一个Phone的接口，里面写一个抽象方法send2,新建Iphone、AndoridPhone、OtherPhone的类，都实

2016-09-11 14:45:10 3664

原创设计模式-----单例模式

在JAVA中，有一种著名的设计模式，叫做单例模式，何为单例模式呢？简单的说法就是：该类的对象只有唯一一个，我们都知道，一般来说类的对象new出来后是不一样，而单例模式new出来的对象，完全还是那一个。打个比方，你的老婆叫小丽，那么你叫老婆的时候，指的就是小丽，而不是其他某些人。那如何实现，有两种方法，一种叫饿汉式，一种叫懒汉式。饿汉式就是直接把对象new出来，懒汉式是通过方法new出来。

2016-09-11 10:41:25 305

原创 java中的三种循环结构

java和C实际上及其类似，除了面向过程和面向对象这两点的分别外，在循环结构上还是趋同的首先来复习一下3大循环结构，分别是while,do ...while,for。那么他们的区别是什么，按照循环次数来看，for是知道自己循环多少次的，而while是不知道的，do..while是至少执行do的语句。在一本java基础书上，看到一道题，是要求用3种循环控制求出100以内前5个3的倍数

2016-09-10 20:41:57 5470

原创 JAVA语言概述

众所周知，JAVA是时下一门非常流行的高级语言，1995年斯坦福大学XX公司开发的面向Internet的编程语言，具有安全可靠，面向对象，和适用于多个平台的特点。而我们所知道的JAVA的3个方向，J2EE,J2SE.J2ME，其中J2SE实际上就是指JAVA语言，J2EE是面向企业的，主要是编写企业大型的应用软件。而J2ME是基于嵌入式开发的技术。我们都知道JAVA具有使用多个平台性的特点

2016-09-10 19:09:47 431

BigWind3的博客