wg_cdhcdjdB的博客_JavaScript,Mysql,SQL Server,Html/CSS,微信开发,其他Web开发,jQuery,HTML5,electron,Html5,Java(6)

webpack基本配置

Demo及笔记：https://github.com/18291907191/webpack # 前端构建工具Webpack的学习 ## 什么是webpack？ > 百度词条：“Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从

webpack

原创 2021-07-19 16:07:22 131 阅读

js拖拽进入和离开重复触发的问题

# js实现拖拽上传带遮罩层 > 需求是一个类似于拖入文件到聊天框的需求，拖入文件到聊天框时，出现遮罩层，松开树表时，上传文件，移除时，关闭遮罩层。可查看微信的拖入拖出此前以为很简单，后来发现一个令人头疼的问题是：当监听的元素嵌套了很多子元素后，当文件拖入进来后，你就会发现enter和leave会

JavaScript

原创 2021-07-19 16:06:49 230 阅读

Nuxt.js项目实战部署

Nuxt.js项目部署采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容。 nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。本文章总结ssr形式的部署完整流程失败的尝试在项目搭建好以后，狗尾草按很多网友说的，执行npm run

vue

Nuxt.js

原创 2021-07-19 16:06:28 1558 阅读

随机获取图片的api接口

http://lorempixel.com/1600/900 https://unsplash.it/1600/900?random（国内加载略慢） https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPictur

工具

原创 2021-07-19 16:01:52 2055 阅读

（十四）函数参数和返回值

import java.util.Scanner; class Demo2 { public static int sum(int num1,int num2) {//形式参数，必须指定参数类型（形参） int sum = num1 + num2; //System.out.println("sum=" + sum); r...

java

原创 2021-07-19 16:00:56 155 阅读

（二十四）面向对象

class Car { int num; String name; String color; public static void run() { System.out.println("行驶中"); } } //再类中定义的变量：成员变量 //在类中定义的函数：成员函数 class Demo1 { public static v...

java

原创 2021-07-19 16:00:41 116 阅读

（效果一）js实现上拉加载

实现思路：获取滚动元素的高度，滚动条距离顶部的距离，滚动条的高度，算式：可视窗口的高度 + 滚动条距离顶部的距离 == 滚动条的高度就说明到底部。 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n

JavaScript

原创 2021-07-19 16:00:29 91 阅读

（五）js数组方法二

一:数组方法 var arr = []; 1.arr.push()//给数组末尾<添加>元素 2.arr.unshift()//给数组头部<添加>元素 3.arr.shift()//删除数组<头部>元素//返回值为被删除的元素 4.arr.pop()//删除数组<末尾>的元素//返回值为被删除的元素

JavaScript

原创 2021-07-19 16:00:05 102 阅读

（九）jsMath

1.Math对象作用:用于执行数学任务,把Math作为对象就可以调用其方法和属性. eg: typeof Math); 2.Math属性 PI:圆周率(约等于 3.1415926); eg: console.log(Math.PI); 3.Math方法 Math.round()四舍五入 Math.

JavaScript

原创 2021-07-19 15:59:41 60 阅读

小程序的前世今生

微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订

小程序

原创 2021-07-19 15:59:21 534 阅读

项目中图片的优化

工具

原创 2021-07-19 15:58:38 325 阅读

（效果五）js获取客户端ip地址及浏览器信息

在前端开发的时候，有时候为了测试需要得到访问客户的ip地址。虽说是后端来做的，但是我们前端也可以完成。先说下获取用户ip地址，包括像ipv4,ipv6,掩码等内容，但是大部分都要根据浏览器的支持情况来决定，目前主流浏览器对于ipv4的支持是统一的。第一种：用于仅支持IE的且允许Activex运行，

ip地址

浏览器信息

JavaScript

原创 2021-07-19 15:58:17 6110 阅读

（二十七）构造函数

/* * 构造函数再定义类的时候默认存在，形式为类名() {}; * 不能有返回值， * 名称和类名相同 * 用于创建对象 * 如果再类中定义了构造函数则不会添加默认的构造函数，反之则添加 */ class Person { private int age; private String name

java

原创 2021-07-19 15:57:42 121 阅读

（二十八）static关键字

/* * static 静态的 * static修饰的成员变量的特点 * 1.static修饰的成员变量是该类的所有对象共享 * 2.static修饰的成员变量是随着类的加载就在静态区中开辟内存了，所以有限与非静态成员开辟内存 * 3.static修饰的成员变量可以通过类名直接访问 * 静态成员变量

java

原创 2021-07-19 15:57:28 96 阅读

（十）js获取日期

//将日期转换成字符串格式输出 function formatDateToString(){ // 先获取对象日期 var oDate = new Date(); // 从该对象中分别拿出所需要的年，月日，时，分，秒并放到一个变量中存储起来 var year = oDate.getFullYea

JavaScript

原创 2021-07-19 15:57:15 140 阅读

（七）js函数一

1.函数概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 语法:fuction hello(){ code... } a)手动驱动: eg: hello(); b)事件调用: eg: var oCalculate = document.getElementById("calcula

JavaScript

原创 2021-07-19 15:57:00 75 阅读

（三）js循环结构

1.循环结构 a) 当循环语法:while(condition){ code... } do(){ code... } while(); eg:var a = 4; do{ document.write(a); a++; }while(a < 10); 注:whiel和do while的区别在于执

JavaScript

原创 2021-07-19 15:56:22 40 阅读

（二十九）设计模式之单例设计模式

单例模式的思路是：一个类能返回一个对象的引用（并且永远是同一个）和一个获得该实例的方法（静态方法，通常使用 getInstance 名称）。那么当我们调用这个方法时，如果类持有的引用不为空就返回该引用，否者就创建该类的实例，并且将实例引用赋值给该类保持的那个引用再返回。同时将该类的构造函数定义为私有

JavaScript

设计模式

原创 2021-07-19 15:56:06 126 阅读

（三十二）单例设计模式

/** 设计模式：解决某一类问题最有效的方式（23种设计模式）单例设计模式：保证一个类只有一个对象 1.构造函数私有化，禁止外部使用实例化new 2.再类内部创建一个自身类型的对象 3.使用一个public的函数将该对象返回 */ class Demo14 { public static void

java

原创 2021-07-19 15:55:46 66 阅读

（十二）break,continue

class Break { //break,continue public static void main(String[] args) { //break for(int i =0;i<=5;i++) { if(i==3) { break; //S...

java

原创 2021-07-19 15:55:27 86 阅读

（一）js概述

1. js:弱类型,动态类型,解释型的脚本语言. 2. 网景,布兰登艾奇,js和java没有关系,js的标准:ECMAscript. 3. js组成:ECMAscript + Bom + Dom.(BOM描述了与浏览器进行交互的方法和接口,DOM描述了处理网页内容的方法和接口). 4. script

JavaScript

原创 2021-07-19 15:54:51 47 阅读

（三十）工具类

封装的方法 /** 这是一个定义了操作数组常用功能的工具类，比如求最大值，选择排序，查找 @author czy @version 1.0 */ public class ArrayTool { /* * 对类的构造函数私有化后，调用时就不能通过实例化对对象访问，只能通过类名去访问 */ priv

java

原创 2021-07-19 15:54:15 58 阅读

（三十一）静态代码块和构造代码块

/** 静态代码块：随着类的加载而执行，只执行一次，优先与main函数的执行 */ class Demo12 { static { System.out.println("a"); } public static void main(String[] args) { //new Test(); //Test.show...

java

原创 2021-07-19 15:53:55 175 阅读

（二十九）类的构成

/* * main: 一个函数名，被jvm所识别，程序运行的主入口，且只认识固定格式的public static void main(String[] args) * public：权限是最大的 * static：这个函数随着类的加载就加载到方法区的静态区了，可直接使用类名调用(详情见static关

java

设计模式

原创 2021-07-19 15:53:35 151 阅读

主流浏览器内核

IE浏览器内核：Trident内核，也是俗称的IE内核； Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； Firefox浏览器内核：Gecko内核，俗称Firefox内核； Safari浏览器内核：Webkit内核； Opera浏

工具

原创 2021-07-19 15:53:18 151 阅读

（十三）函数概述

import java.util.Scanner; class jpsrqh { /* * 加法运算函数 * 键盘输入两个数字求和 */ public static void sum() { Scanner sc = new Scanner(System.in); int num1,num2,sum; ...

java

原创 2021-07-19 15:53:05 67 阅读

（十九）数组的内存分配

数组的内存分配 java运行时，jvm（java虚拟机）会把内存分为5个区域堆，栈，方法区，本地方法区，寄存区栈：先进后出，局部变量进栈（在函数中定义的变量，在语句中定义的变量，for循环中定义的变量）局部变量的作用于一旦结束了，就会立刻释放内存。堆：存储的是实体（数组，对象），实体可以存储

java

原创 2021-07-19 15:52:52 216 阅读

（二十一）数组的初始化

class Demo3 { public static void main(String[] args) { //数组的初始化 int[] a = new int[] {12,13,14,15}; int[] b = {12,13,14,15}; //数组的便利 for(int i = 0;i<4;i++) ...

java

原创 2021-07-19 15:52:39 122 阅读

（十七）js bom/dom

window 是所有BOM中所有对象的核心。 window 的属性 window.self代表自己本身，相当于window。 eg: console.log(window.self window); window.parent 返回父窗口。 eg: console.log(window.parent

JavaScript

原创 2021-07-19 15:52:27 91 阅读

（二）js选择结构

1.js的执行顺序. a) 一般按照书写的顺序来执行. b) 另外一种是通过判断然后执行下一项语句. 注:一般讲js语句写在body内容的最后来执行. 2.js的结构 a) 顺序结构 b) 选择结构 c) 循环结构 3.选择结构 a) if选择结构. 语法:if(condition){} eg:on

JavaScript

原创 2021-07-19 15:51:52 83 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

18291907191的博客

webpack基本配置

js拖拽进入和离开重复触发的问题

Nuxt.js项目实战部署

随机获取图片的api接口

（十四）函数参数和返回值

（二十四）面向对象

（效果一）js实现上拉加载

（五）js数组方法二

（九）jsMath

小程序的前世今生

项目中图片的优化

（效果五）js获取客户端ip地址及浏览器信息

（二十七）构造函数

（二十八）static关键字

（十）js获取日期

（七）js函数一

（三）js循环结构

（二十九）设计模式之单例设计模式

（三十二）单例设计模式

（十二）break,continue

（一）js概述

（三十）工具类

（三十一）静态代码块和构造代码块

（二十九）类的构成

主流浏览器内核

（十三）函数概述

（十九）数组的内存分配

（二十一）数组的初始化

（十七）js bom/dom

（二）js选择结构