- 博客(69)
- 收藏
- 关注
RSS订阅
原创 简单实现根据年龄Array.sort()排序
我的新博客地址: https://www.cnblogs.com/wxyblog/var arr = [{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '赵六', age: 4}]; arr.sort( (a,b)=>{ return b.age-a.age;...
2019-12-26 09:50:18
777
原创 分解质因数
4.将一个正整数分解质因数。例如：输入90,打印出90=233*5。//程序分析：对n进行分解质因数，应先找到一个最小的质数k，然后按下述步骤完成：//(1)如果这个质数恰等于n，则说明分解质因数的过程已经结束，打印出即可。//(2)如果n>k，但n能被k整除，则应打印出k的值，并用n除以k的商,作为新的正整数你n,重复执行第一步。//(3)如果n不能被k整除，则用k+1作为k的值,...
2019-11-06 18:04:29
241
原创 Bootstrap插件
理解模态框（Modal）通俗的说就是在父窗体上弹出的一个子窗体。注意：因为 Bootstrap.js 需要依赖 jquery 所以需要引入 jquery.js 文件不支持同时打开多个模态框尽量作为 body 标签的直接子元素，以避免其他组件影响模态框的展现和/或功能.modal用来把 < div> 的内容识别为模态框fade当模态框被切换时，它会...
2019-07-29 22:46:16
303
原创 bootstrap--组件
bootstrap欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Mar...
2019-07-29 13:17:47
1263
原创 jQuery
概念1.什么是jquery?jQuery其实就是一堆的js函数(js库)容错机制 能不报错就不报错2.为什么要用jquery简化javascript开发兼容性强3.jquery使用精髓选择元素== 循环操作==== 链式调用==封装选择元素,循环操作,链式调用用法引入jQuery工具库cdn：http://www.jq22.com/cdn/#a2下载地址：http...
2019-07-25 22:31:09
228
原创 css预处理语言--less
1.什么是lessLess 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。写完了以后要对其进行编译，编译为css2.为什么使用less(less优势)1.变量 2.混合嵌套 3.方法 4.父子元素3.使用less的方法：1.服务端：nodejs2.浏览器：在浏...
2019-07-24 22:50:40
262
原创 Bootstrap框架--起步，全局样式
Bootstrap 框架学习基础：html ，css，JavaScriptbootstrap学习重点：学习理解简单，但样式class众多，需要背class类名，上千个class类名，至少记住常用类名Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，是属于UI类框架。Bootstrap框架分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap ...
2019-07-24 21:14:52
373
原创 CSS3--弹性盒子(Flex Box)
了解掌握弹性盒子用法，利用fiex布局1.弄清楚弹性盒子主轴（默认横向）与交叉轴（默认纵向）2.弹性盒子概念对元素CSS的display属性设置flex或者inline-flex，那么这个元素就是弹性盒模型容器(flex container)，其子元素就是弹性盒模型子元素(flex item)。在容器中，水平的主轴(main axis)和垂直的交叉轴(cross axis)撑起这个弹性盒模...
2019-07-24 16:56:54
263
原创 响应式布局
响应式概念：一个网页可以兼容多种设备，而不是每一种设备写一套网页在实际开发中，响应式并没有什么用，就是逼格高点，所以得会更多的开发是开发多套，pc一套，phone一套响应式和自适应的区别？响应式：1套代码示例网站：https://www.intel.cn/content/www/cn/zh/homepage.htmlhttps://worktile.com/自适应：多套代码，根据不同...
2019-07-18 21:12:52
187
原创 css命名规范
css命名规范CSS命名规范（规则）常用的CSS命名规则注释的写法:id的命名:(1)页面结构(2)导航(3)功能注意事项:CSS样式表文件命名CSS命名规范（规则）常用的CSS命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体佈局宽度：wrapper左右中：left right c...
2019-07-13 15:37:08
132
原创 css3--动画，过渡，转换
过渡：transition过渡:只要状态发生了改变,过渡是管去管回的transition: property duration timing-function delay;transition: all 5s cubic-bezier(0,0,1,1) 3s;transition-property: all;transition-duration: 3s;transition-timi...
2019-07-11 22:05:30
380
原创 Jquery部分选择器
基本选择器属性选择器内容过滤选择器子元素过滤选择器可见性过滤选择器一、基本过滤选择器 选择器参数:first选取第一个元素 .。$(‘li:first’); 获取匹配的第一个li元素:last选取最后一个元素 $(“div:last”).css(“color”,“red”);:not除去指定的选择器外的元素 $(“div:not”).cs...
2019-07-11 20:11:09
324
原创 H5部分新增属性解析
HTML5 HTML的第五个版本H5一般指的是移动端的开发新增的属性placeholderinput中type类型draggablecontenteditable -新增的属性--placeholder如下举例说明：< input type=“text” name=“fname” placeholder=“First name”>可设置颜色 &l...
2019-07-06 18:29:15
332
原创 飞机大战小游戏
第一阶段1.背景图片在不停的动2.加载了一个logo第二阶段 游戏过渡阶段在第一阶段中onclick触发进入该阶段第三阶段 游戏运行阶段在第二阶段中动画加载完成以后，直接进入该阶段第四阶段 暂停阶段游戏在第三阶段中，鼠标出了画布，进入该阶段游戏在该阶段中，输入进入画布，恢复到第三阶段第五阶段 GG当生命为0的时候，进入该阶段<html>...
2019-07-05 19:38:54
224
原创 css3选择器，背景，边框属性
css3动画实现效果，推荐大神博客https://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-36.html**css3注意：**兼容性问题，prefix（前缀）浏览器（browser）-webkit-Chrome & Safari...
2019-07-05 19:18:20
330
原创 同步，异步，进程线程概念
本章信息量较大，请慎读！！！内容包括：（线程，主线程，进程，队列，回调函数，线程池）概念为铺垫，掌握 异步，同步一、线程和进程基本概念进程：操作系统分配的占有CPU资源的最小单位。拥有独立的地址空间。进程指正在运行的程序。确切的来说，当一个程序进入内存运行，即变成一个进程，进程是处于运行过程中的程序，并且具有一定独立功能。线程：安排CPU执行的最小单位。同一个进程下的所有线程，共享进程的...
2019-06-29 15:15:34
3379
原创 事件冒泡、事件捕获和事件委托
javascript里，事件委托是很重要的一个东西，事件委托依靠的就是事件冒泡和捕获的机制，我先来解释一下事件冒泡和事件捕获：事件冒泡会从当前触发的事件目标一级一级往上传递，依次触发，直到document为止。意思就是说,假如用户单击了一个元素,该元素拥有一个click事件,那么同样的事件也将会被它的祖先触发,这个事件从该元素开始一直冒泡到DOM树的最上层,这一过程称为事件冒泡事件捕获会从d...
2019-06-18 16:52:56
405
原创 原型及原型链
作用域链： 从上往下原型链： 从下往上原型就是一个属性，这个属性是构造函数的属性，构造函数是用来出对象，是构造函数制造出来对象的公共祖先，后面所有对象都会继承原型的属性和方法在js中万物皆为对象，原型也是一个对象__proto__这个是用来查看原型的，这个是对象的属性，这个属性可以查看，但是不能修改（隐式属性）prototype 设置原型，这个是构造函数的属性最终的原型全都...
2019-06-17 18:54:08
256
原创 对象，this
什么是OOP？程序中用对象来描述现实中的一个具体事务什么是对象？封装了一个事务的属性和功能的程序结构，对象有自己的属性，属性的属性值可以为任意的内容,当属性值为函数的时候，我们称为方法。当属性值为对象的时候，称为子对象为什么用OOP和现实中人的想法非常接近，便于大程序的维护对象用来做什么？内存中同时存储多个数据和功能的存储空间什么时候用？今后开始写程序之前，都要先用对象，描述好要...
2019-06-15 16:01:46
194
原创 闭包
闭包的定义当内部函数被保存到了外面的时候，就会形成闭包，闭包会导致原有的作用域链不释放，造成内存的泄露。作用1.实现共有变量2.做缓存3.实现封装，让属性私有化4.模块化开发，防止污染全局变量闭包理解相关：理解预编译，作用域，作用域链
2019-06-12 20:46:44
106
原创 预编译
函数有一些看不到的属性fun.[[scope]] scope就是看不到的属性，这个属性是函数调用的时候生成的，这个属性装的就是函数的作用域js的执行过程1.语法检测 检测你的代码有没有基本的语法错误2.预编译3.逐行执行作用域1.全局作用域2.函数作用域预编译-全局在逐行执行之前，语法检测 // 1.会生成一个对象，这个对象装的就是作用域，称为GO（global...
2019-06-10 17:14:10
181
原创 找出一段字符串中出现最多的一个字符串，并出现多少次 ---详解
思路分为两个部分1,将单个字符串循环输出,给到json,并为单个字符串赋予循环重复的次数2,将json做循环比较出最大次数的字符和次数 var str="aaaaaaabbbccdfsdafgagfgvfg" var json={}; //定义JSON格式的变量，以备后用 //第一部分 //遍历字符串，可理解为将每个字符串分别存在json={}里面，而存在jso...
2019-06-06 15:50:53
470
原创 DOM
DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。两种：核心DOM:可以操作一切结构文档的API（HTML 和 XML都可以操作）优点：万能 缺点：繁琐HTML DOM ：对核心DOM中常用的API的简化 w3c优点：简单 缺点：不是万能，只有对部分API的简化实际开发中，不区分概念，优先使用简单的A...
2019-06-06 08:35:44
118
原创 原生JS 实现2048小游戏详解
HTML部分 2048小游戏 <div class="score-style">Score：<span id="scorespan1">0</span></div> <div class="gameover-background-stly" id="gameoverid"> <div ...
2019-06-01 16:35:54
703
原创 前端常见面试题
1，将数组去重思路1：遍历去重var arr=new Array(8) for(var n=0;n<arr.length;n++){arr[n]=Number(prompt('请输入第'+(n+1)+'个数')) }console.log(arr) for(var n=0,rute=[];n<a...
2019-05-30 00:12:17
163
原创 CSS,HTML部分归纳
text-decoration: none opacity: 0.1 元素透明度 background: transparent 透明色 box-shadow: X,Y 阴影面积 颜色; 倒影 border-radius: 边框倒角 box-sizing:border-box 加上他以后，bord...
2019-05-29 21:35:37
125
原创 两个日期之间如何做计算--Date对象--解决方法
问题？两个日期之间如何做计算？思路:分别提取出，年，月，日，时，分，秒进行计算最后整合输出。注意：西方月份是,0~11，星期是0到6// 2019年05月22日 星期三 上午11:06 下午2:30:03 function format(date){ // 获取date中的年份 y var y=date.getFullYear(); // 获取date中月+1保存...
2019-05-25 16:29:06
440
原创 Date对象，Error对象，arguments对象（重载）,函数对象---JavaScript---学习笔记
Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。创建1.获取当前客户端系统时间 var date = new Date(); console.log(date);2.封装自定义时间 给定一个时间 var d= new Date("2019/05/20 13...
2019-05-25 13:12:11
298
原创 面向对象简介，构造函数，封装，继承---JavaScript--学习笔记
一，面向对象（OOP）的简介*面向对象的思想程序 = 数据结构 + 算法什么是OOP？程序中用对象来描述现实中的一个具体事务什么是对象？封装了一个事务的属性和功能的程序结构为什么用OOP和现实中人的想法非常接近，便于大程序的维护对象用来做什么？内存中同时存储多个数据和功能的存储空间什么时候用？今后开始写程序之前，都要先用对象，描述好要操作东西的属性（静态）和功能（动态...
2019-05-24 19:09:02
183
原创 作用域和作用域链 精解
**作用域（scope）：一个变量的可用范围2种：全局作用域 ：任何地方都可以访问,反复使用函数作用域（局部作用域）：仅在函数内部可访问，不能反复使用例子：var a=10; function fun() { var a=100; a++; console.log(a); } fun();//101 console.log(a);//10函数的生命周期1...
2019-05-24 17:24:58
5541
原创 对信息加密及解密--JavaScript---解决方法
对信息进行加密 “520 1314” “今晚八点，不见不散”charCodeAt String.fromCharCode sub() slice() substr()定义一个函数加密规则：每字符串都转化为unicode码 —保证每一个unicode码都是五给字符 不够5个字符的地方用0补上定义一个函数解密：通过unicode码 转换为字符 var msg = "今晚8点，...
2019-05-23 18:59:07
300
原创 二维数组寻找某元素坐标---JavaScript--解决思路
有序二维数组寻找某元素坐标方法一：嵌套循环遍历var arr=[[0,1,2,3,4],[5,6,7,8,9],[10,11,12,13,14]]var num=Number(prompt("请输入您需要找到坐标的数")) for(var i=0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ ...
2019-05-23 18:08:08
3383
原创 随机出十道加法题----JavaScript--解决方法
随机出十道加法题，接收玩家输入结果，然后判断对错，对一道题加10分，游戏结束，给出总分如果输入exit，直接退出游戏思路：1.创建数组。2.创建输出随机数加入数组。3.创建循环体将随机数相加十次，判断结果，最后输出。 function fun(){ var sum=0; //总得分初始值 for(var i=0;i<10;i++){//将以下循环10次 ...
2019-05-23 17:15:48
4196
原创 将网页无序列表反向排序---JavaScript--解决思路
思路：先获取ulNames的innerHTML，删除html开头的空字符li和结尾的/li空字符，将html按/li空字符li切割保存为names数组中<button onclick="nameSort()">对名字排序</button><ul id="ulNames"> <li>tom</li> <li>rose&l...
2019-05-23 16:52:12
427
原创 寻找两个有序数组最小相同元素---JavaScript--解决方法
寻找两个有序数组最小的相同元素思路：将两个数组遍历匹配，只要存在相同元素则存入空数组中，在将加入元素的数组排序，最后将元素输出function fun2(){var arr= [9, 2, 5, 9, 10]var arr2= [9, 4, 6, 2, 10]var arr1=[]for(var i=0;i<arr.length;i++){ //遍历数组 for...
2019-05-22 21:07:45
3471
原创 四个数出现一次的数字---JavaScript---异或解决方法
在一个数组中除一个数字只出现一次之外，其他数字都出现了三次。请找出那个只出现一次的数字。思路：我们把数组中所有数字的二进制表示的每一位都加起来。如果某一位的和能被3整除，那么那个只出现一次的数字二进制表示中对应的那一位是0；否则就是1。思路2：数组用逻辑与，异或的做法function fun(){ var arr=new Array(4); //定义为四个数的数组 for(var...
2019-05-22 20:25:23
462
原创 用for循环打印三角型和矩形--JavaScript--解决方法
打印三角型***********for ( var i=1;i<=4;i++){for (var j=1;j<=i;j++){ document.write("*"); }document.write("<br />")}; 打印正方型思路：循环初始值的取值，i=0，i<5,循环6次，打印6行6列* for(var i=0;...
2019-05-21 21:25:02
1812
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人