JavaScript通过reduce+递归实现树的深度遍历
越是结构化的有规律的数据操作起来越简单,只是我们没有找到规律和工具。 首先贴代码 首先定义了一个树结构,需求是通过任意节点遍历出其所有的子节点。 根据需求的不同,就会有深度遍历和广度遍历两种,getAllChildrenDFSByReduce(),getAllChildrenDFSByStack() ... 查看全文
前端如何入门面对传统的html,css,js,三大框架react,vue,angular?
前端入门需要学习 A基础知识部分 1.html一些新的标签,html不仅仅包括div,span 2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥 3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE 4.数据交互插件,a ... 查看全文
最常用的表单相乘js保留2位小数
<script type="text/javascript">function count(){var a = parseFloat(document.getElementById("c-price").value);var b = parseFloat(document.getElementByI ... 查看全文
【转】docker配置参数详解---/etc/docker/daemon.json完整参数
1 docker-daemon.json各配置详解 2 { 3 “api-cors-header”:"", ——————在引擎API中设置CORS标头 4 “authorization-plugins”:[], ——————要加载的授权插件 5 “bridge”:"", ————将容器附加到网桥 6... ... 查看全文
代码备份 | 博客侧边栏公告(支持HTML代码)(支持JS代码)
博客侧边栏公告(支持HTML代码)(支持JS代码) <div id='btnList'> <a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a> <a class="... ... 查看全文
一、json与jsonp的使用
1.json与jsonp的引入 在ajax中 JSON用来解决数据交换问题,而JSONP来实现跨域。 备注:跨域也可以通过服务器端代理来解决; 理解:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。2.JSON:是一种基于文本的数据交换方式,或 ... 查看全文
Vue.js 的基本语法
Vue.js 是什么? Vue (读音 /vju?/),是一套用于构建用户界面(前端)的渐进式框架 Vue 直接作用在 html 文件上,通过如下方式引入 Vue: <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/ ... 查看全文
基于 HTML5 + WebGL 的宇宙(太阳系) 3D 可视化系统
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,作为人类这个物种中的一... ... 查看全文
JS DOM基础 操作属性、类、CSS样式
操作属性和类 一、属性节点操作 文本节点内容的获取和修改: 语法:elementNode.attributeName ( 元素节点.属性名) 也可以使用“[ ]” ( 元素节点[属性名]) 注意:一般我们操作属性节点时是不需要获取属性节点的,而是直接通过元素节点获取(/修改)属性节点的值。 特别的, ... 查看全文
前端知识之HTML内容
前端介绍 什么是前端? 凡是与用户进行交互的操作界面都称为前端 比如:手机界面,电视屏幕,电脑显示屏等 web服务的本质 在浏览器上输入一个网址后回车进行的操作 1.朝着指定服务器发送请求 2.服务端接收相应的请求 3.服务端返回相应的响应 4.浏览器接收响应 按照特点的规则渲染页面展示给用户看 i ... 查看全文
rally测试后生成的html报告,无法正常展示
问题 rally测试后生成的html报告,无法正常展示,如下: 查看控制台,无法正常加载js 查看html文件中的js配置 发现无法访问这个地址 解决 更新地址为国内的angular地址 可以正常访问 ... 查看全文
8.二叉树的diff算法,查看并输出二叉树不同的地方(JavaScript版)
查看并输出二叉树不同的地方: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ... 查看全文
基于 HTML5 + WebGL 的宇宙 3D 展示系统
近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,作为人类这个物种中的一... ... 查看全文
web开发(1): html简介
web前端:网页上为用户呈现的部分。 web后端:与数据库进行交互,完成数据存取。 前端开发也是网页设计的一部分。网络架构师、网页美工、前端开发人员 网站website与网页webpage 网站是网页的集合。一个网站中的网页通过“超链接”的方式被组织在一起。 进入网站看到的第一个网页,叫做主页hom ... 查看全文
第一篇:前端知识之HTML内容
HTTP协议介绍 什么是HTTP协议 超文本传输协议,规定了浏览器与服务端之间数据传输的格式。 HTTP协议的四大特性 基于请求响应 一次请求对应一次响应 基于TCP/IP作用于应用层之上的协议 无状态 不保留客户端的状态(如记录用户的登录密码和账户) 因此产生了cookie,session,tok ... 查看全文
实现简单的js数据监听
主要是用Object.defineProperty实现类似vue的数据绑定。 Object.defineProperty 官方地址 步入正题: 第一步: const data = { name: "tom", age: 14 } Object.defineProperty(data, "name", ... 查看全文
纯js实现颜色16进制到rgb格式
// 利用parseInt 和 slice toString将16进制颜色转成rgb格式 // 思路:将16进制的颜色从下标1开始,利用slice方法,每隔两位取出 var div1 = document.querySelector("div"); var color = "#ab0000"; va ... 查看全文
box-sizing css
直接在代码里理解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <style type="text/css" media="screen"> .d1{ width:300px; h ... 查看全文
websocket在vue中使用
方法一.组件中单独使用 1.在methods中 WebSocketSet(){ if ('WebSocket' in window){ this.ws = new WebSocket(`${axios.defaults.baseURL9}`); this.ws.onmessage = (res=>{ ... 查看全文