- 博客(34)
- 收藏
- 关注
RSS订阅原创 js选项卡
点击的时候给他一个active类名，让其显示（display：block），默认不显示（display：none）<!-- 选项卡导航 --><div class="container2"> <div class="content-text"> <p class="text-title">我们的产品</p> <p class="text-word">以创新思维和技术·为客户创造价值</p
2021-03-30 15:55:20
2074
原创 javascript综合 五
数组扁平化// 扁平化简单的二维数组const arr = [11, [22, 33], [44, 55], 66];//使用join() 注意join不用带参数console.log(arr.join()); //11,22,33,44,55,66console.log(arr.join().split(',').map(item => parseInt(item)));; // [11, 22, 33, 44, 55, 66]//使用toString()注意toStrin
2020-10-17 22:55:46
284
原创 HTTP/HTML/HTML5/浏览器（二）（加密算法）
对称加密：加密和解密使用同样加密规则（简称"密钥"）常见的对称加密算法：DESIDEAAESSM1和SM4非对称加密发送方与接收方使用的不同的秘钥。其主要解决的问题是防止在秘钥协商的过程中发生泄漏。 （1）乙方生成两把密钥（公钥和私钥）。公钥是公开的，任何人都可以获得，私钥则是保密的。 （2）甲方获取乙方的公钥，然后用它对信息加密。 （3）乙方得到加密后的信息，用私钥解密。常用算法RSA（RSA 加密算法，RSA Algorithm）ECCSM2...
2020-10-14 21:43:24
574
原创 跨域
以下是红宝书中的内容：同源策略的跨域解决方案：CORS（Cross-Origin Resource Sharing，跨域源资源共享），IE8通过XDomainRequest对象支持CORS，其他浏览器通过XHR对象原生支持CORS。图像Ping和JSONP是另外两种跨域通信的技术，但不如CORS稳妥。Comet是对Ajax的进一步扩展，让服务器几乎能够实时地向客户端推送数据。实现comet的手段主要有两个：长轮询和HTTP流。所有浏览器都支持长轮询，而只有部分浏览器原生支持HTTP流。SSE（Serve
2020-10-05 20:22:07
129
原创 BFC
BFC（Block Formatting Context） 块级格式化上下文Formatting Context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。官方解释：一个块格式化上下文（block formatting context） 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。一个块格式化上下文由以下之一创建：body根元素或其
2020-09-22 13:39:35
101
原创 javascript综合 四（es6扩展运算符，script标签的defer和async，基本数据类型和引用数据类型，浅拷贝和深拷贝，decodeURLComponent（）函数，==和===的区别）
es6扩展运算符es6扩展运算符
2020-08-31 22:49:52
275
原创 题库练习总结（三）
24点游戏递归 穷举法 暴力破解从数组中选出两个数字，对其选择加减乘除四种运算之一，然后将得出的值代替选出的两个数字，剩下三个数字同理。最后只会剩下一个数字，直接判断这个数字与24是否相等，由于是实数除法，所以要考虑精度。然后减法和除法有两种情况也要考虑，除数不能为0也要考虑/** * @param {number[]} nums * @return {boolean} */var judgePoint24 = function(nums) { var len=nums.length
2020-08-24 16:12:47
527
原创 题库练习总结（二）
HTTP状态码分类1** ：临时响应并需要请求者继续执行操作2**：请求成功。操作被成功接收接收并处理3**：重定向代码，需要进一步的操作以完成请求4**：客户端错误，请求包含语法错误或者无法完成请求5**：服务器错误，服务器在处理请求的过程中发生错误常见的状态码：200 - 请求成功301 - 资源（网页等）被永久转移到其它URL400 - Bad Request 客户端请求的语法错误，服务器无法理解404 - 请求的资源（网页等）不存在500 - 内部服务器错误final关键字
2020-08-15 21:53:43
927
原创 javascript综合 二（闭包，堆内存和栈内存，promise，宏任务和微任务，Set和Map，typeOf和instanceOf，ajax，Boolean()和Number()，判断数组的方法）
闭包闭包（closure）指有权访问另一个函数作用域中变量的函数一个作用域可以访问另一个函数的局部变量闭包的主要作用：延伸了变量的作用范围//fun方法访问了fn中的变量，所以fn是闭包函数function fn() { var num = 10; fun(); function fun() { console.log(num);//打印10 }}fn();闭包的案例1循环点击事件-用闭包的方式得到当前小li的索引号//一般的方法v
2020-08-15 11:28:27
338
原创 js面向对象运用 tab栏切换
可添加，删除tab栏，可对tab栏的标题和内容双击进行修改html代码：<body> <div class="tabsbox" id="tab"> <!-- tab标签 --> <nav class="firstnav"> <ul> <li class="liactive"><span>测试1</span><
2020-07-30 21:53:55
385
原创 动态规划
由于动态规划解决的问题多数有重叠子问题这个特点，为减少重复计算，对每个子问题只解一次，将其不同阶段的不同状态保存在一个二维数组中斐波那契数列1，1，2，3，5，8，13，21，34……这样的数列递归算法：//求第n个数的值//递归算法public static int fib(int n) { if(n==1||n==2) { return 1; }else { return fib(n-1)+fib(n-2); }}非递归算法：递归算法在计算每一个n处的值时，都要向前递
2020-07-28 22:08:16
128
原创 javascript综合 一（类，对象，正则表达式，构造函数和原型，继承）
js原型和原型链prototype每个函数都有一个prototype属性每一个javascript对象（null除外）在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都对从原型“继承”属性prototype是函数才有的属性proto每一个javascript对象都有一个proto属性，这个属性会指向该对象的原型function Person() {}var person = new Person();console.log(person.__proto__
2020-07-14 22:03:54
316
原创 HTML5+CSS3案例 学成在线
<body> <!-- 头部区域 --> <div class="header w"> <!-- logo部分 --> <div class="logo"> <img src="images/logo.png" alt=""> </d...
2020-07-12 15:15:05
285
原创 关于W3C标准
标准XHTML头信息格式<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//xmlns表示“XHTML namespace”<html xmlns="http://www.w3...
2020-07-12 14:49:56
106
原创 JS中Math函数的常用方法
console.dir(Math)可查看Math的所有函数方法Math.abs()获取绝对值Math.abs(-12) = 12Math.ceil() and Math.floor() 向上取整和向下取整console.log(Math.ceil(12.03));//13console.log(Math.ceil(12.92));//13console.log(Math.fl...
2020-07-12 14:49:43
126
原创 ES6
ES6即为（ECMAScript6）：是javascript语言的下一代标准，它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript和JavaScript的关系 ：前者是后者的规格，后者是前者的一种实现let命令ES6新增了let命令，用来声明变量let命令和var命令相似，用于声明变量，但是所声明的变量只在let命令所在的代码块内...
2020-07-12 14:49:19
97
原创 js中数组的常用方法
Array.map()将数组中的每一个元素都执行一个函数，再返回一个新的数组，不会改变原来的数组let arr = [1, 2, 3, 4, 5]let newArr = arr.map(x => x*2)//arr= [1, 2, 3, 4, 5] 原数组保持不变//newArr = [2, 4, 6, 8, 10] 返回新数组Array.forEach()将数组...
2020-07-12 14:48:57
144
原创 js中字符串的常用方法
所有字符串方法都会返回新的字符串，不会修改原始字符串indexOf()返回字符串在文本中首次出现的索引，如果未找到则返回-1var pos = str.indexOf("USA");//或者var pos = str.indexOf("China", 18)lastIndexOf()返回字符串在文本中最后一次出现的索引，如果未找到则返回-1var pos = str.lastIndexOf("China", 50)search()搜索特定值的字符串，并返回匹配的位置sea
2020-07-12 14:48:03
302
原创 js数据结构与算法 第七天（排序）
简单排序冒泡排序交换次数O（n的平方）这里封装了一个数组用于插入元素，还有一个公用的代码this.array = [];//插入ArrayList.prototype.insert = function(item) { this.array.push(item);}//toString（）ArrayList.prototype.toString = function(item) { return this.array.join('-');}//交换数据Arra
2020-06-21 20:17:39
182
原创 js数据结构与算法 第六天（图）
图一组顶点V（vertext）一组边E（edge）度：一个顶点的度是相邻顶点的数量路径：路径是顶点v1，v2……vn的一个连续序列简单路径：简单路径要求不包含重复的顶点回路：第一个顶点和最后一个顶点相同的路径无向图：有向图：无权图：有权图：图的表示顶点的表示：可以用数组存储所有顶点边的表示：用邻接矩阵表示用二维数组表示顶点之间的连接邻接矩阵的问题：如果图是一个稀疏图，矩阵中将存在大量的0，会浪费计算机存储空间来表示根本不存在的边用邻接表表示...
2020-06-17 21:24:41
121
原创 js数据结构与算法 第四天（树结构）
树结构儿子兄弟表示法：二叉树如果树中每个节点最多只能有两个子节点，这样的树就成为“二叉树”满二叉树（完美二叉树）除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树。完全二叉树用数组只能表示完全二叉树，表示非完全二叉树时会造成空间的浪费二叉搜索树BST-Binary Search Tree（二叉排序树/二叉查找树）若它的左子树不空，则左子树上所有结点的值均...
2020-05-09 10:31:05
251
原创 js实现图片轮播
主要思路：用li存储图片并用绝对定位将图片重叠在一起，要将哪张图片显示在最上面就用js方法对其添加一个类，设置z-index属性；最关键的是图片的index，图片的轮播，右下角图标的改变和点击图标跳转到相应图片也是通过改变index来实现的。主要框架：<body> <div class="wrap"> <ul class="list">...
2020-04-30 20:26:52
229
原创 题库练习总结（一）
驼峰命名驼峰命名式分为大驼峰和小驼峰大驼峰样式：TypesOfFish小驼峰样式：typesOfFishtitle属性title归档关于元素的额外信息，鼠标放上出会出现提示性文本拖放在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。<!DOCTYPE HTML><html><head><style type="text/...
2020-04-30 20:08:40
856
原创 js数据结构与算法 第三天（集合，字典，哈希表）
集合集合比较常见的实现方式是哈希表；集合通常是由一组无序的，不能重复的元素构成ES6中已经由Set类表示集合，这里自己重新实现封装集合的封装//封装集合类function Set() { //属性 js的object对象 this.items = {}; //1.add()方法 Set.prototype.add = function(value) ...
2020-04-27 21:36:09
177
原创 HTML5+CSS3基础
锚点链接文本缩进text-indent使首行文字缩进，单位为em时表示相对于当前字体的两个字体大小的距离行间距line-height属性用于设置行间的距离，可以控制文字行与行之间的距离css引入方式内部样式表行内样式表外部样式表复合选择器后代选择器例如 ul li {} .nav ul li{}子元素选择器例如.nav>a{}并集选择器...
2020-04-24 21:57:59
1175
原创 Vue.js学习笔记 第四天（vue的生命周期，vue-resource）
Vue实例的生命周期主要是created（）和mounted（）这两个方法var vm = new Vue({ el: '#app', data: { msg: 'ok', }, methods: { show() { console.log("这是show方法"); } },...
2020-04-14 20:58:54
237
原创 HTML5+CSS3提升学习笔记
HTML5广义的HTML5是HTML5本身+CSS3+JavaScript；HTML5具有兼容性新增了语义化标签<header>：头部标签<nav>：导航标签<article>：内容标签<section>：块级标签<aside>：侧边栏标签<footer>：尾部标签这种语义化标准主要针对搜索引擎的在I...
2020-04-12 21:42:13
281
原创 js数据结构与算法 第一天（栈，队列，优先级队列）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2020-04-11 17:07:44
146
原创 Vue.js学习笔记 第二天
第二天v-model指令实现数据的双向绑定<!-- v-bind只能实现数据的单向绑定 从M绑定到V--><input type="text" name="msg" id="msg" v-bind:value="msg" /><!-- v-model指令可以实现表单元素和M中数据的双向绑定 注意：v-model只能用在表单中-->&l...
2020-04-11 11:06:44
106
原创 Vue.js学习笔记 第三天-（bootstrap+vue.js）品牌管理案例（添加，删除，搜索）
首先是添加和删除功能<div id="app"><div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> <div class="panel-body for...
2020-04-10 21:45:39
325
原创 Vue.js学习笔记 第一天
第一天前端三大主流框架：vue.js angular.js react.js框架和库的区别：框架：是一套完整的解决方案，对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其他库实现需求...
2020-04-09 11:54:11
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人