网络协议-HTTP性能优化(Ajax、WebSocket、HTTP2.0)
从 Ajax 到 WebSocket 背景 在建立 HTTP 标准规范的时候，设计者的初衷主要是想把 HTTP 当做传输静态 HTML 文档的协议，但是随着互联网的发展，Web 应用的用途更加多样性，逐渐诞生了电商网站（如淘宝、亚马逊）、社交网络（如Facebook、Twitter）等功能更加复杂的 ... 查看全文
[05]HTML基础之表格标签
1. <table>标签 表格容器，尽量避免用属性书写样式，而是用CSS来表达 border: 数字 //表格边框宽度 2. <caption>标签 表格的标题，一般出现在表格上方，可通过CSS更改方向 3. <tr>标签 表示表格的一行。 4. <th>标签 表头的一个单元，与<tr>相比，一般做 ... 查看全文
[03]HTML基础之行内标签
1.<ruby>标签 显示东亚字符的发音(如中文，日文等)，与<rp>，<rt>标签搭配。 //<ruby>为单个发音字符的容器，<rp>为不支持<ruby>标签时显示的内容， //<rt>为字符的发音 <ruby> 中 <rp>(</rp> <rt>zhong</rt> <rp>)</rp> 文 ... 查看全文
dom对html的访问操作
DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点： 元素节点：各种标签就是这些元素节点的名称 文本节点：文本节点总是被包含在元素节点的内部 属性节点：一般用来修饰元素节点就称之为属性节点 页面加载完成后执行window.onload=function(){需要页面加载 ... 查看全文
【丛林】CSS 边框浅谈
定义和用法 围绕元素内容和内边距的一条或多条线。 基本属性：宽度、样式、颜色 宽度 border-width border-width 简写属性为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。 值可以是指定的长度，比如 1px ，也可以是三个关键字之一：thin、medium、thick，分 ... 查看全文
python与json的数据转换
import json python转为json：json.dumps(obj) json转为python：json.loads(obj) import json """ json python [] : json中的数组 列表 list {} ： json中的对象 字典dict true True ... 查看全文
原生js实现table的增加删除
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ... 查看全文
原生JS动态加载JS、CSS文件及代码脚本
DOM readyState属性共5中状态 uninitialized：初始状态 loading：document加载中 loaded: document加载完成 interactive：已加载并可与用户交互，但还需要加载图片等其他资源 complete：全部资源加载完成 DOM文档加载顺序： 解析 ... 查看全文
开发一个自己的 CSS 框架（四）
这一节，我们来讲规矩，谈网格，做人可以不要脸，不讲规矩，不讲道理（特指傲娇兽），但底线还是要有的，如同网格一样，不能超出。 jeet 这里我们别人封装好的模块，不过呢，我们也会详细介绍一下原理。首先我们安装以下 jeet 框架 npm install --save jeet 这个 jeet 框架有 ... 查看全文
如何更愉快地使用em —— 别说你懂CSS相对单位
前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对relative units的讲解和举例可以说相当全面，看完之后发现自己并不太懂CSS相对单位，也希望分享给大家，所以有了这个译文系列。（若 ... 查看全文
开发一个自己的 CSS 框架（一）
这是一个系列，带着大家封装一个纯 CSS 框架，从零学习 SASS 语法。 代码仓库点我传送 因为简单，强依赖原生 Javascript 对虚拟 DOM 不友好（如 React、Vue、Angular），使用虚拟 DOM 对使用原生 Javascript 编程（JQuery）不友好。没有代码是最棒的 ... 查看全文
TypeError: Object of type datetime is not JSON serializable问题解决
TypeError: Object of type datetime is not JSON serializable 问题解决 ... 查看全文
Javascript最佳实践
ES6赋值语句 不佳的写法 （写法上啰嗦了一些） let count = 5 let color = "blue" let values = [1,2,3] let now = new Date() 改进如下：↓ let [count, color, values, now] = [5, 'blue ... 查看全文
Javascript编程技巧
代码调试 console.log('123') //纯粹打印显示 console.dir(Array) //纯粹打印显示 console.trace() //向标准错误流输出当前的调用栈。 console.error('123') //输出的log前有个黄色的图标 console.warn('123 ... 查看全文
图书管理的图书增删改查、choices参数、MTV与MVC模型、多对多关系的三种创建方式、Ajax操作、前后端传输数据编码格式、ajax发送json格式数据、ajax发送文件、django自带的序列化
* 图书管理的图书增删改查* choices参数(数据库字段设计常见)* MTV与MVC模型* 多对多关系的三种创建方式* Ajax操作(重点)* 前后端传输数据编码格式* ajax发送json格式数据* ajax发送文件* django自带的序列化功能(了解,后面有更加牛逼的序列化drf)### ... 查看全文
20 个 CSS高级样式技巧汇总
使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ 1 img.desaturate { 2 filter: grayscale(100%); 3 -webkit-filter: g ... 查看全文
JS实现HTML标签转义及反转义
简单说一下业务场景，前台用户通过input输入内容，在离开焦点时，将内容在div中显示。 这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。 由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。 这里提供一个非常简单有效的转义方案，利用了innerHTML和i ... 查看全文
idea---maven依赖报错红线--出现“jssecacerts PKIX path building failed: sun.security.provider.certpath.SunCert
方法一：忽略SSL证书检查 在Maven命令后加入参数“-Dmaven.wagon.http.ssl.insecure=true -Dmaven.wagon.http.ssl.allowall=true” 步骤一，找到maven运行命令，点击 步骤二、选择需要执行的命令 步骤三、写好命令以后，紧接着 ... 查看全文
前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)
之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页：原文地址 1. css3实现乞丐版的弹幕 (1)如何 ... 查看全文