精华内容
下载资源
问答
  • 北师大小学数学一年级下册动手做一有趣的图形动手做PPT学习教案.pptx
  • 自己动手做一个adb的wifi连接

    热门讨论 2016-08-21 12:23:51
    自己动手做一个adb的wifi连接,当你忘记带数据线的时候可以连接wifi调试,关机和重启也很方便
  • 自己动手做一个迷你linux系统 - 内核技术 - Linux教程,自己动手做一个迷你linux系统 - 内核技术 - Linux教程,自己动手做一个迷你linux系统 - 内核技术 - Linux教程
  • 我就佩服我这个钻研精神,涉及到前端的东西,什么东西我都能给你扯上段.在工作咸鱼之际,也绝不放过自己,颗奔腾的心永远保持着对技术的热爱与追求. 中华文化上下五年前,二近代文明的信息化却不是从中国诞生的,我...

    技术的波澜壮阔总是让我浏览往返,深陷其中 无法自拔.

           我就佩服我这个钻研精神,涉及到前端的东西,什么东西我都能给你扯上一段.在工作咸鱼之际,也绝不放过自己,一颗奔腾的心永远保持着对技术的热爱与追求. 中华文化上下五年前,二近代文明的信息化却不是从中国诞生的,我真是深表遗憾.恨自己生不逢时.没有创造出A语言,碾压C语言,没有第一个创造计算机......啊,不知不觉扯远了.

       我们把话题拉回来吧,谈谈这个富文本编辑器.

     

           目前市面上有很多富文本编辑器了,有的老,有的旧,有的免费,有的收费,有的配置项多,有的配置项少......不管怎么,我都不打算用它们,我那么牛逼,肯定是要自己造个轮子啊(当然时间总是要运行的)..开始吧.

      我们来用大白话说一下富文本编辑器原理

     将一个div设置属性 contenteditable="true" 

    设置加粗,加横线,放大字体等效果 使用 document.execCommand('bold', false, '') 方法

     

    富文本里最重要就是这两点,也是最基础的两点.

    我们一个一个来介绍,

    contenteditable  这个 属性是H5新增的属性,表示节点是否可进行编辑. 当设置为true是 你就可以对其内容进行增改

     

    重点是document.execCommand()这个方法

    bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
    返回值 一个 Boolean ,如果是 false 则表示操作不被支持或未被启用。
    
    aCommandName:
    
    一个 DOMString ,命令的名称。可用命令列表请参阅 命令 。
    
    aShowDefaultUI:
    
    一个 Boolean, 是否展示用户界面,一般为 false。Mozilla 没有实现。
    
    aValueArgument:
    
    一些命令(例如insertImage)需要额外的参数(insertImage需要提供插入image的url),默认为null。
    
    

     

    命令:

     

    backColor:

    修改文档的背景颜色。在styleWithCss模式下,则只影响容器元素的背景颜色。这需要一个<color> 类型的字符串值作为参数传入。注意,IE浏览器用这个设置文字的背景颜色。

    bold:

    开启或关闭选中文字或插入点的粗体字效果。IE浏览器使用 <strong>标签,而不是<b>标签。

    ClearAuthenticationCache:

    清除缓存中的所有身份验证凭据。

    contentReadOnly:

    通过传入一个布尔类型的参数来使能文档内容的可编辑性。(IE浏览器不支持)

    copy:

    拷贝当前选中内容到剪贴板。启用这个功能的条件因浏览器不同而不同,而且不同时期,其启用条件也不尽相同。使用之前请检查浏览器兼容表,以确定是否可用。

    createLink:

    将选中内容创建为一个锚链接。这个命令需要一个hrefURI字符串作为参数值传入。URI必须包含至少一个字符,例如一个空格。(浏览器会创建一个空链接)

    cut:

     剪贴当前选中的文字并复制到剪贴板。启用这个功能的条件因浏览器不同而不同,而且不同时期,其启用条件也不尽相同。使用之前请检查浏览器兼容表,以确定是否可用。

    decreaseFontSize:

     给选中文字加上 <small> 标签,或在选中点插入该标签。(IE浏览器不支持)

    defaultParagraphSeparator:

    更改在可编辑文本区域中创建新段落时使用的段落分隔符。有关更多详细信息,请参阅标记生成的差异

    delete:

    删除选中部分.

    enableAbsolutePositionEditor:

    启用或禁用允许移动绝对定位元素的抓取器。Firefox 63 Beta/Dev Edition 默认禁用此功能(bug 1449564)。

    enableInlineTableEditing:

    启用或禁用表格行和列插入和删除控件。(IE浏览器不支持)

    enableObjectResizing:

    启用或禁用图像和其他对象的大小可调整大小手柄。(IE浏览器不支持)

    fontName:

    在插入点或者选中文字部分修改字体名称. 需要提供一个字体名称字符串 (例如:"Arial")作为参数。

    fontSize:

    在插入点或者选中文字部分修改字体大小. 需要提供一个HTML字体尺寸 (1-7) 作为参数。

    foreColor:

    在插入点或者选中文字部分修改字体颜色. 需要提供一个颜色值字符串作为参数。

    formatBlock:

    添加一个HTML块式标签在包含当前选择的行, 如果已经存在了,更换包含该行的块元素 (在 Firefox中, BLOCKQUOTE 是一个例外 -它将包含任何包含块元素). 需要提供一个标签名称字符串作为参数。几乎所有的块样式标签都可以使用(例如. "H1", "P", "DL", "BLOCKQUOTE"). (IE浏览器仅仅支持标题标签 H1 - H6, ADDRESS, 和 PRE,使用时还必须包含标签分隔符 < >, 例如 "<H1>".)

    forwardDelete:

    删除光标所在位置的字符。 和按下删除键一样。

    heading:

    添加一个标题标签在光标处或者所选文字上。 需要提供标签名称字符串作为参数 (例如. "H1", "H6"). (IE 和 Safari不支持)

    hiliteColor:

    更改选择或插入点的背景颜色。需要一个颜色值字符串作为值参数传递。 UseCSS 必须开启此功能。(IE浏览器不支持)

    increaseFontSize:

    在选择或插入点周围添加一个BIG标签。(IE浏览器不支持)

    indent:

    缩进选择或插入点所在的行, 在 Firefox 中, 如果选择多行,但是这些行存在不同级别的缩进, 只有缩进最少的行被缩进。

    insertBrOnReturn:

    控制当按下Enter键时,是插入 br 标签还是把当前块元素变成两个。(IE浏览器不支持)

    insertHorizontalRule:

    在插入点插入一个水平线(删除选中的部分)

    insertHTML:

    在插入点插入一个HTML字符串(删除选中的部分)。需要一个个HTML字符串作为参数。(IE浏览器不支持)

    insertImage:

    在插入点插入一张图片(删除选中的部分)。需要一个 URL 字符串作为参数。这个 URL 图片地址至少包含一个字符。空白字符也可以(IE会创建一个链接其值为null)

    insertOrderedList:

    在插入点或者选中文字上创建一个有序列表

    insertUnorderedList:

    在插入点或者选中文字上创建一个无序列表。

    insertParagraph:

    在选择或当前行周围插入一个段落。(IE会在插入点插入一个段落并删除选中的部分.)

    insertText:

    在光标插入位置插入文本内容或者覆盖所选的文本内容。

    italic:

    在光标插入点开启或关闭斜体字。 (Internet Explorer 使用 EM 标签,而不是 I )

    justifyCenter:

    对光标插入位置或者所选内容进行文字居中。

    justifyFull:

    对光标插入位置或者所选内容进行文本对齐。

    justifyLeft:

    对光标插入位置或者所选内容进行左对齐。

    justifyRight:

    对光标插入位置或者所选内容进行右对齐。

    outdent:

    对光标插入行或者所选行内容减少缩进量。

    paste:

    在光标位置粘贴剪贴板的内容,如果有被选中的内容,会被替换。剪贴板功能必须在 user.js 配置文件中启用。参阅 [1].

    redo:

    重做被撤销的操作。

    removeFormat:

    对所选内容去除所有格式

    selectAll:

    选中编辑区里的全部内容。

    strikeThrough:

    在光标插入点开启或关闭删除线。

    subscript:

    在光标插入点开启或关闭下角标。

    superscript:

    在光标插入点开启或关闭上角标。

    underline:

    在光标插入点开启或关闭下划线。

    undo:

    撤销最近执行的命令。

    unlink:

    去除所选的锚链接的<a>标签

    useCSS :

    切换使用 HTML tags 还是 CSS 来生成标记. 要求一个布尔值 true/false 作为参数。注: 这个属性是逻辑上的倒退 (例如. use false to use CSS, true to use HTML).(IE不支持)
    该属性已经废弃,使用 styleWithCSS 代替。

    styleWithCSS:

    用这个取代 useCSS 命令。 参数如预期的那样工作, i.e. true modifies/generates 风格的标记属性, false 生成格式化元素。

     

     

    虽然支持的命令有那么多,但也并不是所有的命令,所有浏览器都支持的.  如下图:

     

    所有复杂的编辑器都是几个命令的组合,以及对于不支持命令的迂回战术实现. 另外还需要有对于当前行的 数据格式判断,对于复制到编辑器的内容判断,从而编写不太的方法对其进行处理... 如此如此 这般这般....

    最后附上我实现的初版富文本编辑器,最终版是给公司使用的,这里就不再给大家 展示看了

     

    展开全文
  • 自己动手做一个docker base images

    千次阅读 2019-02-04 14:48:11
    一般在手写dockerfile 的时候 ,第句都是form ...今天来动手个很简单的base iamge 看一下 1.统一环境: docker 版本 docker version Client: Version: 18.09.0 API version: 1.39 Go version: go1.10.4 Git...

    一般在手写dockerfile 的时候 ,第一句都是form 一个base image

    今天来动手打一个很简单的base iamge 看一下

    1.统一环境:

    docker 版本

    docker version
    
    Client:
     Version:           18.09.0
     API version:       1.39
     Go version:        go1.10.4
     Git commit:        4d60db4
     Built:             Wed Nov  7 00:48:22 2018
     OS/Arch:           linux/amd64
     Experimental:      false
    
    Server: Docker Engine - Community
     Engine:
      Version:          18.09.0
      API version:      1.39 (minimum version 1.12)
      Go version:       go1.10.4
      Git commit:       4d60db4
      Built:            Wed Nov  7 00:19:08 2018
      OS/Arch:          linux/amd64
      Experimental:     false
    
    

    操作系统:centos

    已经安装好

    gcc

    glibc-static

    2.创建一个文件hello.c,非常简单的hello world,代码如下:

    #include<stdio.h>
    int main()
    {
    printf("hello world\n");
    }
    

    3.编译源代码

    gcc -static hello.c -o hello
    

    生成hello 可执行文件

    4.手写dockerfile

    from scratch
    add  hello  /
    CMD ["/hello"]
    

    5.打镜像

    docker build -t mydocker .
    

    看下控制台的输出
    在这里插入图片描述

    这个时候输入 docker images

    在这里插入图片描述

    可以看到 镜像的大小只有 857 k 还是非常的小的

    运行看一下

    docker run mydocker 
    

    在这里插入图片描述

    运行成功!

    展开全文
  • 这使我萌生一个念头:做一个局域网聊天工具。局域网聊天工具要实现的功能可以很多,首先需要分析的是它的核心需求是什么?分析一个软件的核心需求,要看人们用这个软件的最经常的操作是什么。我观察了一下,我们用...
    

    作者:朱金灿

    来源:http://blog.csdn.net/clever101

     

    现在部门使用的局域网聊天工具是飞秋,但是飞秋总是不够稳定,有时会掉线。这使我萌生一个念头:做一个局域网聊天工具。局域网聊天工具要实现的功能可以很多,首先需要分析的是它的核心需求是什么?分析一个软件的核心需求,要看人们用这个软件的最经常的操作是什么。我观察了一下,我们用聊天工具主要是这三点:发文字信息,发截图和发文件。就是说第一阶段需要实现的是这三个功能。而实现这三个功能,首先要攻克的网络通讯这一关。这里主要用到了socket编程。

     

    现在谈谈我对socket的理解。Socket的中文翻译叫插座。我感觉这个翻译很形象。Socket可以理解为一种连接对象,就是把服务端和客户端都连接起来的对象。具体就是假如服务端和客户端要连接起来,就是服务端和客户端都要创建一个socket对象,然后二者通过socket对象进行数据传输。可以想象两个socket对象传输数据的过程是一个监控线程一样。Socket处理哪些信息呢?可以想象一般处理两类信息:一是连接类消息,比如两个socket对象之间正常连接,一方掉线,一方下线等;二是处理双方发送过来的数据。

    展开全文
  • html动手做做一个简单的注册页面

    万次阅读 2018-08-07 12:58:25
    1.创建个html文件 2.根据案例图片进行设计 3.写相应的html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;META http-equiv="Content-Type" content=&...

    1.创建一个html文件

    2.根据案例图片进行设计

    3.写相应的html代码

    <!DOCTYPE html>
    <html>
    <head>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title >注册</title>
    </head >
    <body>
    <h2>新投云注册</h2>
    <form action="hello.html" method="post">
    <table width="100%">
    <tr>
    	<td align="right">注册邮箱:</td>
    	<td><input type="text" name="mail"/></td>
    </tr>
    	<td>&nbsp </td>
    	<td>你可以使用<a href="#">账号</a>去注册或者<a href="#">手机号</a>注册</td>
    <tr>
    	<td align="right">创建密码:</td>
    	<td><input type="password" name="pwd"/></td>
    </tr>
    <tr>
    	<td align="right">真实姓名:</td>
    	<td><input type="text" name="realname"/></td>
    </tr>
    <tr>
    	<td align="right">性别:</td>
    	<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
    </tr>
    <tr>
    	<td align="right">生日:</td>
    	<td>
    		<select name="year" />
    			<option value="1996">1996</option>
    			<option value="1996">1997</option>
    			<option value="1996">1998</option>
    			<option value="1996">1999</option>
    		</select>年
    		<select name="mounth" />
    			<option value="1">1</option>
    			<option value="3">3</option>
    			<option value="4">4</option>
    			<option value="5">5</option>
    		</select>月
    		<select name="day" />
    			<option value="1">1</option>
    			<option value="2">2</option>
    			<option value="3">3</option>
    		</select>日
    	</td>
    </tr>
    <tr>
    	<td align="right">职业:</td>
    	<td>
    		<select name="now" />
    			<option value="study">我在上学</option>
    			<option value="work">我在工作</option>
    		</select>
    	</td>
    </tr>
    </tr>
    	<td>&nbsp</td>
    	<td><img src="yzm.png"/><a href="#">看不清换一张?</a></td>
    <tr>
    </tr>
    	<td align="right">验证码:</td>
    	<td><input type="text" name="check"/></td>
    <tr>
    </tr>
    	<td>&nbsp</td>
    	<td><input type="image" name="check" src="an.png"/></td>
    <tr>
    </table >
    </form>
    </body>
    </html>

    4.提交到其他界面

    点击立即注册找好友,就可以提交到其他界面了,我这里是提交到了hello.html

    展开全文
  • 自己动手做一款HTML5视频播放器

    千次阅读 2019-03-14 10:16:43
    自己动手做一款HTML5视频播放器 第一步:获取播放器 第二步:实现播放与暂停 第三步:实现全屏操作 第四步:实现播放的逻辑 第五步:实现播放过程的逻辑 第六步:实现视频的跳播 第七步:播放完毕后重置...
  • 自己动手做一个PLC 软PLC

    千次阅读 2019-11-04 19:42:18
    SoapBox Snap:使用C#+WPF开发的,仅支持梯形图种语言,不过却已经支持了在线调试功能,含模拟器。 我的解决方案 :我使用了Node.js+HTML5开发,仅支持梯形图种语言,不支持在线调试,使用HTML5方案最大的...
  • 自己动手做聊天机器人 -涉及知识

    千次阅读 2017-07-06 14:17:38
    人工智能一直以来是人类的梦想,造...帮人类解决问题,这听起来非常神奇,实际上我们自己也可以做一个这样的机器人,从今天开始分享我将我学习和制作的过程 智能机器人可以做到的事情可以很复杂:文字、语音、视
  • 自己动手做一个小爱同学温湿度传感器1.开发环境简介2.开发思路3.程序编写(1)将点灯科技库文件和DHT11模块库文件导入Arduino的libraries文件夹。(2)下载[点灯科技APP]...
  • 自己动手做聊天机器人教程

    千次阅读 2016-11-05 18:04:19
    自己动手做聊天机器人教程
  • - 最近正好在网上看到`声网`,然后就顺道了解到了声网这个平台,...- 所以就赶紧来用 `Unity` 结合 `声网` 做一个语音聊天房! - 我也是第一次接入声网的SDK,可能有些地方不是很熟练,正好写一篇文章来记录学习一下~
  • 自己动手做操作系统 于渊著,完整的介绍个自己动手写的个操作。
  • 自己动手做Arduino玩具(

    千次阅读 2019-05-04 17:39:02
    自己动手做Arduino玩具() 最近想教儿子学习一下有关机器人方面的知识,但上网找了一些教程,总觉得太枯燥而且很多内容都是流于形式,例如控制个LED灯发光,控制个舵机,或是依样画葫芦的搞个巡线车又或是...
  • 作为个学过一年C和C++的菜鸡,在听说要个月内学会用Java搭建Web后端的时候,还是很虚的。但在真正接触Java之后,发现这个语言还是比C++方便太多了,又发出了初学python时的感慨——”C语言果然是最难的!“。 ...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来—小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 03 自己动手做无人机(第篇) John Leeman 撰文 荣耀 荣珅 译 第部分 认识无人机 还是在上小学时,我画了一些“工程图”,准备制作飞行器,让它在我家四周翱翔。当时最好的点子是用个内部安装有电脑风扇的...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来---小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 动手做个 AI 机器人,帮我回消息

    万次阅读 多人点赞 2021-12-20 20:49:12
    大家好,我是鱼皮,自从了知识分享,我的微信就没消停过,平均每天会收到几百个消息,大部分都是学编程的朋友向我咨询编程问题。 但毕竟我只有个人,没法所有消息都个个回复,所以也是很愧疚和无力吧;另外我...
  • HTML5小游戏动手做):简单的连连看

    万次阅读 多人点赞 2018-03-11 08:07:00
    本文描述的是个经典又简单的小游戏,连连看。 1. 计划 1.1 目标 快速建立个连连看游戏原形。 能玩就行。 1.2 游戏特性介绍 游戏展示个m * n大小的表格 表格每个格子里面有个图标/符号 每个...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来—小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来—小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 鉴于本人手头积累了一些传感器和执行器模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手尝试系列实验,不管成功(程序走通)与否,都会记录下来—小小的进步或是搞不掂的问题,...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来---小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来---小小的进步或是搞不定的问题,希望能够抛砖引玉。...
  • 鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试做实验,不管成功与否,都会记录下来—小小的进步或是搞不定的问题,希望能够抛砖引玉。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 230,478
精华内容 92,191
关键字:

动手做一做