利用MathJax在网页显示数学公式

如何在网页中正常显示数学公式 利用 MarkDown编写数学公式时,有两种方式:第一种行内显示$…$,第二种为行间显示$$…$$,When $a \ne 0$, there are two solutions to $(ax^2 + bx + c = 0 $and they are$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ 但web端则不能对数学公式进行显示,因此需要添加插件。 MathJax MathJax是一个开源JavaScript显示引擎,用于LaTeX、MathML和ascimath符号,可在所有现代浏览器中使用。 使用方式 直接调用 下载后调用 当然也可以把js下载到服务器,加快加载速度,网址:https://github.com/mathjax/MathJax<script src=”/MathJax-master/es5/tex-chtml.js” id=”MathJax-script” async></script> 无法正常显示行内$…$问题 MathJax使用LaTeX数学定界符,用\(…\) 来显示行内公式,用\[…\] 来显示行间公式.它也识别 TeX的 分隔符 $$…$$ 来显示行间公式,。由于美元符号在非数学环境中出现的频率太高,这可能会导致某些文本意外地被视为数学,所以并不支持将$…$定义为内嵌数学分隔符。因此需要设置:

Bootstrap使用笔记

Bootstrap使用笔记 逐步更新 Bootstrap是Twitter推出的一个用于前端开发的开源工具包。是一个 CSS,HTML 和 JS 的集合,为Web 开发提供了模板。 Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。Bootstrap自带:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。 下载 BootStrap之栅格系统 网格系统 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。通过一系列的行(row)与列(column)的组合创建页面布局。 使用规则 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding)。使用行来创建列的水平组,列数之和不能超过平分的总列数,比如12。内容应该放置在列内,且唯有列可以是行的直接子元素。通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响举例: 用法总结 <small>(设置文本为父文本大小的 85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体)。 下拉菜单 导航栏 标签添加 class .navbar、.navbar-default。 导航元素 使用相同的标记和基类.nav .nav-tabs .nav-pills .nav-stacked分别为“无序列表”,“标签式的导航”,“胶囊式的导航菜单”,“堆叠式”,可结合下拉菜单得更多的导航。

JavaScript基础笔记

JavaScript基础笔记 JavaScript 是一种轻量级的编程语言,可插入 HTML 页面的编程代码。可用于写入 HTML;对html事件产生反应;改变 HTML 内容;改变 HTML 样式等。 用法 和css类似,可直接插入<script></script>,也可放在第三方文件内,js文件即是。 输出 四种方法: 使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。 JavaScript 函数 没啥说的 ,和其他语言差不多,注意使用方法就行。

jQuery基本操作笔记

jQuery基本操作笔记 jQuery 是一个 JavaScript 库,在理解上,类似于python的pandas。封装了avaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 一、下载和使用 二、语法 基础语法:$(selector).action() $定义 jQuery;selector选择 HTML 元素action() 执行对元素的操作 为了防止文档在完全加载之前运行 jQuery 代码,利用以下代码进行安全加载。 jQuery 选择器 选择器类似于css的选择器,# . : [] this等符号的使用。 $(“p”):页面中选取所有 元素 $(“#test”): 页面中属性id=”test”的标签 $(“.test”):通过指定的 class(class=”test”) 查找元素。 三、使用举例 事件:click();dblclick();on();Change();keypress()等 四、jQuery DOM 操作 DOM = Document Object Model(文档对象模型),HTML 和 XML 。

CSS学习笔记

CSS学习笔记 一、CSS 格式 CSS 格式由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值以冒号分开。 CSS选择器类型 css属性总结 二、CSS三种引入方式 1.行间式 2.内联式 3.外联式 三、三种引入方式优先级 三种方式无优先级注:三种方式间没有优先级 三种方式协同布局 不重复的属性一定为唯一位置的唯一值 重复的属性采用覆盖赋值,保留最后位置的属性值 行间式一定是逻辑上最后被解析的位置 !important 会影响优先级

CSS选择器类型

选择器:1、标签选择器以标签名开头,如body,div,p,ul,li 2、类选择器  需对标签取class名,如class=”head”,格式设置以.+类名开头。 指定特定的HTML元素使用class 3、id选择器 需对标签取id名,以#加id名开头,具有唯一性,id=”name”。 4、后代选择器以空格隔开包含关系的元素,用来选择特定元素或元素组的后代。 5、子选择器以>隔开父子级元素,作用于子元素的第一个后代。 4,5例子 6、兄弟选择器 以~隔开,模块名~模块名,修饰~前模块往下的所有兄弟模块 7、相邻选择器以+隔开,模块名+模块名,修饰+前模块往下的相邻的模块,只有一个 6,7例子 8、全局选择器 *开头,修饰了包含body所有的标签9、群选择器修饰大括号前所有的元素 10、属性选择器以中括号为符号,比如:修饰属性为type=text的模块: 11、伪类选择器

css属性总结

属性(property) 一、font property name value unit annot font-size 1,2,.. PX、cm 绝对长度单位:cm,in; 相对长度单位:px,em,% font-style italic,normal line-height normal PX、EM font-weight bold,lighter,normal font-variant small-caps 小型大写字母 text-transform capitalize,uppercase 大小写 text-decoration underline,overline 修饰 二、background property name value unit annot background-color #FFFFFF rgb 色彩 background-image url() 图片 background-repeat no-repeat 重复 background-attachment fixed;(固定) scroll;(滚动) 滚动 background-position left(水平) Read more…

Django 报错情况

Django 运行时出错总结 一、利用mysql作为数据库时,会报的错: 直接运行会报错: version_info, _mysql.version_info, _mysql.__file__ NameError: name ‘_mysql’ is not defined 原因:Django连接MySQL时默认使用MySQLdb驱动,但MySQLdb不支持Python3,因此这里将MySQL驱动设置为pymysql 解决方法:需要在Django项目的__init__.py文件添加以下 此时,仍会报错: ‘mysqlclient 1.4.0 or newer is required; you have 0.10.0.’ 是因为将MySQL驱动设置为pymysql,MySQLdb的版本为0.10.0,所以不够,但实际上不影响使用。因此将报错的位置注释掉就可以了。 出错文件在:/Users/xinzipanghuang/Anaconda/anaconda3/lib/python3.7/site-packages/django/db/backends/mysql/base.py 注释掉这几句: 即可。 二、运行时可能出现的问题 1、python manage.py runserver,打开时产生的链接会报错: You’re accessing the development server over HTTPS, but it only supports HTTP. 浏览器会出现:This site can’t provide a Read more…