- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS变量
变量声明 (自定义属性)css声明变量的时候，变量名前要加两根连词线（- -）它们与我们写的属性没有什么不同，只是没有默认的含义（作用）/*全局设置(其他定义的选择器都能访问):root 为全局*/:root{}/*局部设置(只在{}里能够使用)*/.clazz{}例：:root{ --color:pink; --a:'hello' --b:30; --d:calc(var(--b)*2; --font-sise:30px;}/*使用：通过 var()例：*
2020-07-11 17:06:14
243
原创 Git
分布式的版本控制系统此文档为简单版想看详细GIT请到 coder-pig如有不足请包涵安装完Git后第一件要做的事，设置用户信息(global可换成local在单独项目生效)：git config --global user.name "用户名" # 设置用户名git config --global user.email "用户邮箱" #设置邮箱创建仓库先创建一个文件夹在cmd进入该文件夹，初始化仓库git init注意看不到 .git文件需要打开显示隐藏文件夹，只供观看以免操作到
2020-06-10 14:42:30
184
原创 css文字溢出显示...
<div> aaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaa </div>1、单行文字溢出显示…overflow: hidden;/*溢出隐藏*/white-space:nowrap;/*不换行*/text-overflow: ellipsis;/*规定当文本*/效果图：2、多行文字溢出显示…display: -.
2020-06-05 12:23:34
246
原创 java单例
1. 饿汉模式class SingletonHungary { //由于只能 new一次 先私有化构造器 通提供方法访问 //static 方法类只能访问 static 属性 private static SingletonHungary singletonHungary = new SingletonHungary(); //将构造器设置为private禁止通过new进行实例化 pr...
2019-12-18 02:02:03
94
转载 2019最新前端面试题及答案
转载1.如何用原生js给一个按钮绑定两个onclick事件？q：btn.addEventListener(“click”,hello);2.document.write和innerHTML的区别；q：document.write是直接写入到页面的内容流，会导致页面被重写。innerHTML将内容写入某个DOM节点，不会导致页面全部重绘；3.ajax的步骤；q：(1) 创建XMLHttp...
2019-12-11 00:45:43
437
原创 html+css渐变（条纹/方格）
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);lin...
2019-12-10 10:11:19
1424
原创 Ajax编程
特点：局部刷新优点：页面无刷新，在页面内与服务器通信，减少用户等待的时间，增强了用户体验。使用异步方式与服务器通信，响应速度快。可以把一些原本服务器的工作转接到客服端，利用客服端闲置的能力来处理，减轻了服务器和宽带的负担，节约宽带租用成本。基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。缺点无法进行操作的后退，既不支持浏览器的页面后退。对搜索引擎的1支持比较弱。可...
2019-12-04 02:10:10
90
原创 js闭包
定义（满足条件）一个函数中要嵌套一个内部函数，并且内部函数要访问外部函数的变量内部函数要被外部引用例：//1function eat(){ var food = "bai"; console.log(food);}eat(); // bai 执行完方法后food没有指向被销毁console.log(food); // 没有可访问的变量 报错 //2funct...
2019-12-02 01:45:13
98
原创 js高阶函数
定义：接受一个或者多个函数作为输入输出一个函数接受一个或者多个函数作为参数返回一个函数在 JavaScript 语言中，函数可以保存到变量、作为参数传递、作为返回值返回。...
2019-12-02 01:21:35
92
原创 js执行上下文
执行上下文（Execution Context）：函数执行前进行的准备工作（也称执行上下文环境）。运行 JavaScript 代码的时候，当代码执行进入一个环境，就会为该环境创建一个执行上下文，它会在运行代码前做一些准备工作，如确定作用域，创建局部变量对象等。JavaScript运行时首先会进入全局环境，对应会产生全局上下文。程序代码中基本都会有函数的存在，那么调用函数，就会进入函数执行上...
2019-12-02 01:07:06
95
原创 java日期格式化(yyyy-MM-dd)
java.util.Date 下的格式化 //获取日期 //导 import java.util.Date; 下的包 Date date = new Date(); System.out.println(date); //Fri Nov 29 10:05:00 CST 2019 SimpleDateFormat s...
2019-11-29 10:41:04
55125
1
原创 js面向对象
面向对象编程 (Object Oriented Programming҅,OOP) 一种编程范式，它具有属性和方法的对象。原型对象JavaScript 都有一个原型对象，原型对象也有自己的原型对象，最终会到达null。原型相关方法prototype 和 __proto__prototype 构造函数的属性，指向一个对象，这个对象是该结构函数实例化出来的对象的原型对象proto 实例化的...
2019-11-28 20:02:36
103
原创 js解构数组
所谓解构，就是将一个复杂数据类型分解为一个普通数据类型数据， ECMAScript 6 新添加功能 。可以对数组和对象进行解构。例：let arr = [1,2,3];let [a,b,c] = arr;console.log(a); // 1console.log(b); // 2console.log(c); // 3//这里，就是将arr这个数组里面的值分解给了a,b,c/...
2019-11-28 17:06:59
8054
原创 js数组遍历
通过 for 循环遍历数组let arr = [1, 2, 3, 4, 5];for (let i=0;i<arr.length;i++) { console.log(arr[i]);}// 1// 2// 3// 4// 5通过 for-in 遍历数组let arr = [1, 2, 3, 4, 5];for (let i in arr) { console.l...
2019-11-28 16:56:10
167
原创 js随机数
单个自动随机数//随机值= Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)let random = Math.floor(Math.random() * 100 + 1);两个数之间的随机数function random(min, max) { if (min > max) { [min, max] = [max,...
2019-11-28 11:23:01
293
1
原创 js字符串相关方法
属性length 可以访问带该字符串有多少个字符console.log("Hello".length); // 5方法charAt()接收一个参数，找到对应的下标字符是什么let str = "Hello World";console.log(str.charAt(1)); // econsole.log(str.charAt('a')); // H 因为a被转换为数字0cha...
2019-11-27 19:45:56
118
原创 js数组属性方法
数组是大多数语言里面最常见的一种数据结构，它是一个有序的值列表。创建数组1、字面量创建数组let arr = [];2、构造函数创建数组let arr = new Array();无论是字面量还是构造函数创建 用 typeof 都会返回一个 object 因为数组是复杂数据类型let arr1 = [];let arr2 = new Array();·console.log(...
2019-11-27 18:54:10
165
原创 什么是前端？
什么是前端？中文名：前端外文名：Front-end核心技术：HTML、CSS、JavaScript职业 :网站/小程序/WebAPP开发如果你用浏览器打开网址，看到的内容就是前端通常来说也就是当我们打开浏览器后所展示的页面结构以及页面上的交互与动画效果前端不只是进行展示，他也可以和你进行交互它还可以处理简单的数据收集整理并向后台传递数据把后台传递过来的数据向用户进行呈现...
2019-11-26 18:17:51
664
1
原创 JQuery+lodash双色球
JQuery+lodash双色球效果图CSSHTMLJS效果图CSS <style> * { margin: 0; padding: 0; } header { width: 1200px; height: 300px; ...
2019-05-08 14:04:03
404
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人