content | 易学教程

KindEditor echarts

阅读更多关于 KindEditor echarts

var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { resizeType: 1, allowPreviewEmoticons: false, allowImageUpload: false, items: [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link'] }); }); 导入 <link rel="stylesheet" href="/static/plugins/kindeditor-4.1.10/themes/default/default.css"/> <script charset="utf-8" src="/static/plugins/kindeditor-4.1.10/kindeditor-min.js"><

KindEditor使用

阅读更多关于 KindEditor使用

1、进入官网 2、下载官网下载：http://kindeditor.net/down.php 本地下载：http://files.cnblogs.com/files/wupeiqi/kindeditor_a5.zip 3、文件夹说明： 1 ├── asp asp示例 2 ├── asp.net asp.net示例 3 ├── attached 　　空文件夹，放置关联文件attached 4 ├── examples 　　 HTML示例 5 ├── jsp java示例 6 ├── kindeditor-all-min.js 　　　　全部JS（压缩） 7 ├── kindeditor-all.js 全部JS（未压缩） 8 ├── kindeditor-min.js 　　仅KindEditor JS（压缩） 9 ├── kindeditor.js 　　仅KindEditor JS（未压缩） 10 ├── lang 支持语言 11 ├── license.txt License 12 ├── php PHP示例 13 ├── plugins KindEditor内部使用的插件 14 └── themes KindEditor主题 4、基本使用 1 <textarea name="content" id="content"></textarea> 2 3 <script src="

css实现不定宽高的div水平、垂直居中

阅读更多关于 css实现不定宽高的div水平、垂直居中

一共有三个方案： 1，第一种方案主要使用了 css3中transform 进行元素偏移，效果非常好这方法功能很强大，也比较灵活，不仅仅局限在实现居中显示。兼容方面也一样拿IE来做比较，第二种方法IE8以上都能使用。 IE8及IE8以下都会出现问题。 <body> <div id="box"> <div id="content">div被其中的内容撑起宽高</div> </div> </body> body,html { margin:0; width:100%; height:100%; } #box { width:100%; height:100%; background:rgba(0,0,0,0.7); position:relative; } #content{ position:absolute; background:pink; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); } 2，第二种利用 flex 进行布局很简单几句代码就实现了。可惜IE浏览器并不怎么支持display:flex; <body> <div id="box"> <div id="content"

响应式布局和自适应布局详解

阅读更多关于响应式布局和自适应布局详解

响应式布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。自适应布局给了你更多设计的空间，因为你只用考虑几种不同的状态。而在响应式布局中你却得考虑上百种不同的状态。虽然绝大部分状态差异较小，但仍然也算做差异。它使得把握设计最终效果变得更难，同样让响应式布局更加的难以测试和预测。但同时说难，这也算是响应式布局美的所在。在考虑到表层级别不确定因素的过程中，你也会因此更好的掌握一些基础知识。当然，要做到精确到像素级别的去预测设943*684像素视区里的样子是很难的，但是你至少可以很轻松的确定它是能够正常工作的，因为页面的基本特征和布局结构都是根据语义结构来部署的。响应式布局的概念： Responsive design，意在实现不同屏幕分辨率的终端上浏览页面的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。经过不停地学习和时间，如今总结响应式设计的方法和注意点。其实很简单。响应式设计的步骤： 1、设置Meta标签：大多数移动浏览器将HTML页面放大为宽的视角（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视角标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。在 <head> 标签里加入这个meta标签。 < meta name = " viewport " content = " width

scrapy+baiduapi搭建一个私人小说阅读器（智能爬取加智能朗读）(二)

阅读更多关于 scrapy+baiduapi搭建一个私人小说阅读器（智能爬取加智能朗读）(二)

写在前面的话上章说了智能爬取，拿到了网上小说的信息，这章开始利用这些数据进行智能朗读。搜索网上朗读的方法，主要包括微软自带的speeker，三方智能语音api。经过筛选，我选择了语音包还算丰富（主要妹子声音甜美）的百度api进行智能朗读（文本转语音，这里主要是MP3格式，wav貌似测试有问题），阅读功能用微软com自带的控件。小说数据UI展示小说的信息主要包括小说的基本信息，小说的章节信息，小说的文本详细信息。这里围绕这个，根据window form设计一个界面。（本人非专业UI，界面丑陋请谅解）小说列表UI展示　　左侧展示数据库服务器里面的小说列表（数据绑定），代码如下： DataSet dataSet= dbProvider.ExecuteDataSet($"select BookName,Id from BookBasic"); if (dataSet != null) { List<BookInfo> bookInfos = new List<BookInfo>(); foreach (DataRow item in dataSet.Tables[0].Rows) { bookInfos.Add(new BookInfo() { Id = item[1].ToString(), BookName = item[0].ToString() }); }

Python的输入输出

阅读更多关于 Python的输入输出

一： Python2.x版本下的输入输出 Python2.x 下的输入 1）raw_input 格式：result = raw_input("提示信息")功能：1)会等待用户输入内容，直到用户按下Enter 2)会将用户输入的内容当做"字符串"，传递给接收的变量2）input 格式:result = input("提示信息")功能: 1):会等待用户输入内容，直到用户按下Enter 2):会将用户输入的内容当做"代码" 进行处理！可以理解为input = raw_input + eval 1 content = raw_input("Please input content:: ") 2 print(type(content)) 3 print(content) 输出结果： Please input content:: 1+1 <type 'str'> 1+1 当我们输出abcd时候 Please input content:: abcd <type 'str'> abcd 此时可以看出不论我们输入什么内容，raw_input都当做字符串来处理了。但是Python2.x版本下的input却不是如此 1 result = input("Please input content:: ") 2 print(type(result)) 3 4 print(result) 输出结果：

整理Box-sizing

阅读更多关于整理Box-sizing

box-sizing：它是css3的box属性之一定义：允许你以特定的方式定义匹配某个区域的特定元素值：content-box，border-box，inherit 　　content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框。　　border-box：为元素设定的宽度和高度决定了元素的边框盒，为元素指定的任何内边距和边框都将在已设定的宽度和高度内部绘制。　　inherit：继承父元素的box-sizing的值； box-sizing既然是box的属性之一，那么它当然也要遵循css的Box Model原理，我们要先了解一些Box Model的原理。 Box Model： Box Model分为两种，第一种是W3C的标准模型，另一种是IE的传统模型，他们的相同之处都是对元素计算尺寸的模型，不同之处在于计算的方式不同。　　 W3C的标准模型：　　　　外盒尺寸计算：　　　　　　Element空间高度：content height + padding + border + margin；　　　　　　Element空间宽度：content width + padding + border + margin；　　　　内盒尺寸计算：　　　　　　Element空间高度：content height + padding + border

es6安装中文分词插件-ik（3）

阅读更多关于 es6安装中文分词插件-ik（3）

IK官网： https://github.com/medcl/elasticsearch-analysis-ik/releases 如下图：下载对应版本即可 1 、进入elasticsearch安装目录，执行以下命令（ elasticsearch-analysis-ik 可以下载对应版本）： ./bin/elasticsearch-plugin install https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v6.3.1/elasticsearch-analysis-ik-6.3.1.zip 2 、安装完毕之后重启elasticsearch 3 、使用：查询是要带： -H 'Content-Type: application/json' 查看集群中所有的索引： curl -X GET 'http://192.168.1.107:9200/_cat/indices?v' 查看集群的所有节点 curl -X GET 'http://192.168.1.107:9200/_cat/nodes?v' 查看集群的健康情况 curl -X GET 'http://192.168.1.107:9200/_cat/health?v' 1.create a index ：创建索引 curl -XPUT

盒模型与布局

阅读更多关于盒模型与布局

1.盒模型一个元素在页面中相当于一个盒子，包括margin、border、padding、content，如下图所示：图1 css盒子盒子模型包括IE盒模型与标准盒模型。 div{ width: 100px; height: 50px; border: 2px; padding: 10px; margin: 20px; } 标准盒子模型：元素所占宽度: width = margin+ border + padding + width(内容宽度）, 元素所占高度height同理。 css中指定的宽度是content宽度，高度是content高度。 div实际所占的宽度width = width(content宽度） + padding-left + padding-right + border-left + border-right + margin-left + margin-right= 100px + 10px +10px + 2px + 2px +20px +20px = 164px; div实际所占的高度height = height（content高度） + padding-top + padding-bottom + border-top + border-bottom + margin-top +margin-bottom= 50px + 10px +

JS实现进度条效果

阅读更多关于 JS实现进度条效果

本文转载自： https://www.cnblogs.com/qiren5761/archive/2007/06/18/788051.html 作者：qiren5761 转载请注明该声明。 Loading.js //频率 var frequency = 50; //步长 var step = 3; //背景颜色 var loadingBgcolor = "#ffffff"; //宽度 var loadingWidth = 354; /* *参数说明: *content：显示内容，可以为空； *imageURL：将引用JS文件的路径设置即可； *left：进度条显示位置left *top：进度条显示位置top */ function Loading(content, imageURL, left, top) { imageURL = imageURL + "Loading.jpg"; LoadTable(content, imageURL, left, top); showimage.style.display=""; window.setInterval("RefAct();", frequency); } function RefAct() { imgAct.width += step; if(imgAct.width > loadingWidth-4) { imgAct

订阅 content