精华内容
下载资源
问答
  • JSX本身是对JavaScript语法的一个扩展,看起来像是某种模板语言,但其实不是。但正因为形似HTML,描述UI就更直观了,也极大地方便了开发;你想如果我们没有HTML,必须手写一堆的document.createElement(),我想前端...

    现在我们写React应用,相当部分都是在写JSX。
    JSX本身是对JavaScript语法的一个扩展,看起来像是某种模板语言,但其实不是。但正因为形似HTML,描述UI就更直观了,也极大地方便了开发;你想如果我们没有HTML,必须手写一堆的document.createElement(),我想前端们肯定已经崩溃了。

    不过如果你一直写JSX,并且从来没脱离过JSX,可能某种程度上会阻碍我们理解React。当我们有一个JSX片段,它实际上是调用React API构建了一个Elements Tree:
    `var profile =


    {[user.firstName, user.lastName].join(' ')}

    ;` 借助babel-plugin-transform-react-jsx,上面的JSX将被转译成:
    var profile = React.createElement("div", null,
      React.createElement("img", { src: "avatar.png", className: "profile" }),
      React.createElement("h3", null, [user.firstName, user.lastName].join(" "))
    );
    

    那么createElement是在做什么呢?他创建并返回了一个element tree对象。同时我们也知道 react的render方法是返回一个elements tree, 而react的核心就是围绕elements tree做文章。

    首先说一下我们为什么要引入elements tree.
    因为传统UI模型中,你必须自己负责创建和销毁子组件的实例(child component instances):
    如果你是React的新手,那么之前你可能只接触过组件的类和实例(component classes and instances )。比如,你可能会
    创建一个类来声明Button组件,当app运行时,屏幕上可能会有多个Button的实例,每个都有自己的属性和私有状态。这就是传统面向对象的UI编程,每个组件实例必须保存自己的DOM nodes和子组件实例的引用,并在对的时间创建,更新,销毁它们。代码的行数将会以可能的状态的数量的 平方 增长,而且组件可以直接访问子组件实例将会使解耦变得困难。
    那么react的element tree有什么不同呢?
    首先我们来看一下element 的定义:
    一个元素(element)就是一个纯对象,描述了一个组件实例或DOM node,以及它需要的属性。它仅仅包含这些信息:组件类型,属性(properties),及子元素。
    元素不是实例,实际上,它更像是告诉React你需要在屏幕上显示什么的一种方式。它就是一个有2个数据域(field)的不可变描述对象(immutable description object)

    reference: https://github.com/creeperyang/blog/issues/30

    展开全文
  • markdown基本语法

    2020-03-26 17:57:03
    We believe that writing is about content, about what you want to say – not about fancy formatting. 我们坚信写作写的是内容,所思所想,而不是花样格式。 — Ulysses for Mac 1. 推荐软件 web端 简...

    Markdown教程

    markdown是一种用来写作的轻量级【标记语言】

    We believe that writing is about content, about what you want to say – not about fancy formatting.

    我们坚信写作写的是内容,所思所想,而不是花样格式。
    — Ulysses for Mac

    1. 推荐软件

    • web端

        简书
      
    • iOS端

        Drafts      
        Day One
      
    • MacOs端

        Mou
        Ulysses for Mac
      
    • Windows端

        Typora
        VSCode
      

    2.语法格式

    1) 标题

    输入:
     # 标题(一级标题)
     ## 二级标题
     ### 三级标题
     #### 四级标题
     ##### 五级标题
     ###### 六级标题
     ####### 七级标题(最多六级标题)
    

    显示效果

    标题(一级标题)

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    ####### 七级标题 (没有)(最多六级标题)

    2) 引用

    输入:
    > 引用
    

    显示效果

    引用

    3) 插入

    插入链接与插入图片的语法很像,区别在一个 !号

    图片为:

    链接为:

    - 插入链接

    输入:
    [Google](http://google.com "谷歌")
    

    显示效果

    Google

    - 插入图片

    输入:
    ![小老虎](https://imgconvert.csdnimg.cn/aHR0cHM6Ly90aW1nc2EuYmFpZHUuY29tL3RpbWc_aW1hZ2UmcXVhbGl0eT04MCZzaXplPWI5OTk5XzEwMDAwJnNlYz0xNTg1MTk1ODQ1MDE5JmRpPTIzYzVhMjNjNjk5NmNkZmE3MTQ4NjA4MDcxYzg1Y2JkJmltZ3R5cGU9MCZzcmM9aHR0cCUzQSUyRiUyRmEwLmF0dC5odWRvbmcuY29tJTJGNzglMkY1MiUyRjAxMjAwMDAwMTIzODQ3MTM0NDM0NTI5NzkzMTY4LmpwZw?x-oss-process=image/format,png)
    

    显示效果:
    小老虎

    4) 列表

    无序列表

    输入:
    * 1
    * 2
    * 3
    

    显示

    • 1
    • 2
    • 3

    有序列表

    输入:
    1. 1
    2. 2
    3. 3
    

    显示

    1. 1
    2. 2
    3. 3

    5) 粗体与斜体

    输入:
    **这是粗体**
    *这是斜体*
    

    显示:

    这是粗体
    这是斜体

    6) 代码框

    输入
    ` code `
    ```
    coding
    coding
    ```
    

    显示效果

    code

       coding
       coding
    

    3 其他

    Tips: 在中文输入法下输入英文符号,适用于编写markdown文件或编写代码:Ctrl+。(Ctrl+句号键切换为英文标点输入)

    VSCode推荐插件 : Markdown PDF ,Markdown Preview Enhanced,Markdown All In One

    下输入英文符号,适用于编写markdown文件或编写代码:Ctrl+。(Ctrl+句号键切换为英文标点输入)

    VSCode推荐插件 : Markdown PDF ,Markdown Preview Enhanced,Markdown All In One

    展开全文
  • Markdown简单常用语法整理

    千次阅读 2017-01-12 09:58:15
    We believe that writing is about content, about what you want to say - not about fancy formatting.优点 专注于写作而不是排版 轻松导出 HTML、PDF、和基本的.md文本。 纯文本内容,不必受限于各种文字处理软件...

    基于Markdown的轻量级标记语法,让码字更加注重内容,而不是花哨的外表。

    We believe that writing is about content, about what you want to say - not about fancy formatting.

    优点

    • 专注于写作而不是排版
    • 轻松导出 HTML、PDF、和基本的.md文本。
    • 纯文本内容,不必受限于各种文字处理软件。跨平台、跨软件、通用性强。
    • 直观、简易、通用。

    一、标题

    “#”号为记,标示标题,一共六级。一个#,是一级标题,依次类推。

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    二、列表

    熟悉HTML的同学肯定知道有序列表与无序列表的区别,在Markdown下,列表的现实只需要在文字的前面加上 - 或者 * 即可变为无序列表
    有序列表则直接在文字前加上1. 2. 3. 符号要和文字之间加上字符的空格。

    无序列表

    • 无序列表
    • 无序列表
    • 无序列表
    • 无序列表

    有序列表

    1. 有序列表
    2. 有序列表
    3. 有序列表

    三、 引用

    如果你需要引用某处的句子,那么就要用到引用的格式。
    只需在文本前加入“>” 尖括号即可。

    引用样式效果

    引用样式

    引用叠加效果

    四、 图片与链接

    插入图片与链接的语法很想,区别就在一个 “!” 号上。

    • 图片为: !{ImgCap}{/ImgCap}
    • 链接为:
      插入图片的地址需要图床,这里推荐围脖图床修复计划与CloudApp的服务,生成URL地址即可。

    插入链接

    链接文字

    插入图片

    插入图片

    粗体与斜体字

    MarkDown 的粗体与斜体字也非常简单,用两个“ * ”号包含一段文字就是粗体字的语法。用一个“ * ”号包含一段文字就是 斜体字

    示例

    • 粗体字
    • 斜体字

    表格

    嘿嘿,表格是markdown比较累人的地方,示例如下:

    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    

    表格如下

    不管用。。算了。。。暂时放弃,不知道是不是程式的问题。

    代码框

    程序猿都懂。语法是两个“`”号,(在键盘最左上角的地方。)使用Tab键缩进。

    示例

    `code part//代码部分`
    

    代码效果

    分割线

    分割线的语法只需要三个“ * ” 号,例如:


    到这里Markdown的基本语法就没有什么太大的问题了,所需要的就是多加练习,配合适当的工具。

    展开全文
  • Markdown 语法简要介绍

    2016-09-24 16:17:00
    =================MarkDown================= Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以...We believe that writing is about content, about what you want to say – not about fancy formatti...

    =================MarkDown=================

    Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档。

    We believe that writing is about content, about what you want to say – not about fancy formatting. — Ulysses for Mac

    • 标题

    Markdown 支持两种标题的语法,类 Setext 和类 ATX 形式。

    类 Setext 形式是用底线的形式,利用 = (最高阶标题)和 - (第二阶标题),例如:

    任何数量的 =- 都可以有效果。

    类 Atx 形式则是在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,例如:

    • 引用

    Markdown 标记区块引用是使用类似 email 中用 > 的引用方式。

    引用的区块内也可以使用其他的 Markdown 语法。

    • 列表

    无序列表使用星号、加号或是减号作为列表标记:

    有序列表则使用数字接着一个英文句点:

    • 分割线

    可以在一行中用三个以上的星号、减号、底线来建立一个分隔线:

    • 强调

    Markdown 使用星号(*)和底线(_)作为标记强调字词的符号:

    *_ 包围的字词会被转成用 <em> 标签包围,用两个 *_ 包起来的话,则会被转成 <strong>

    • 代码

    如果要标记一段代码,你可以用反引号把它包起来

    • 图片链接

    =================工具推荐====================

    转载于:https://www.cnblogs.com/woider/p/5903470.html

    展开全文
  • Ajax获取语法

    2014-12-16 08:49:20
    <p>I 've read few tutorials about ajax http request, but somehow i couldn't understand it enough to build a syntax i need. <pre><code>var path = $(this).data('path'); $.get('...
  • Back in May I blogged about the C# 9.0 plans, and the following is an updated version of that post to match what we actually ended up shipping. With every new version of C# we strive for gre
  • 自己的语法荧光笔

    2011-02-17 07:41:01
    <p>I am about writing own simple syntax highlighter in PHP. I've done basic algorithm based on regular expressions and string replacement, but what I really don't know is way how to disable replacing ...
  • python 语法分析器Imagine you are a product owner who wants to know what people are saying about your product in social media. Maybe your company launched a new product and you want to know how people ...
  • PHP的MySQL语法错误

    2012-12-25 00:10:31
    ... <pre><code><?...function connect() { $con = mysql_connect( "127.0.0.1", "root", "" );...<p>Hope you guys see what I can't! :-) <p>BTW, I'm running Windows 7 and WAMP 2.2. </div>
  • Symfony教程中的PHP语法

    2017-04-30 18:06:08
    <p>So is there a mistake in the tutorial, or what subtleties of syntax am I missing? <p>I've searched extensively with combinations of ("php", "arrow", "syntax", ...) but haven't found anything about...
  • <p>GoLand has syntax support on Go ... <p>So what about Go text files? Does GoLand support that as well? <code>.tmpl</code> is supported by vim-go but not GoLand. </div>
  • css3中斜杠What could I possibly say about theCSS3border-radius property that hasn’t been said before? Well, I can’t claim that anything I’ll be saying in this article will be completely new to ...
  • <p>First, what exactly is this form of parsing called so I know what I am talking about and what to search for. Secondly, where can I find what it all means so I can learn how to use it correctly and ...
  • <p>I have a beginners question about CakePHP. I'm trying to print out data I got from database to view but I cannot figure out correct syntax how to do it. I have variable $title in the view.ctp in ...
  • <p>Now this question is about <code>Laravel Framework</code>. <p>Lately I've been developing a project using Laravel, normal day. But then, I started to make a migration <pre><code>...
  • <p>I'm really confused about the difference and when should I write like that in MySQL queries between : <p><code>`".$variable."</code> ` <p><code>' ".$variable." '</code></p> <p><code>" '.$...
  • <p>But what about writing it like this ? <pre><code>func main() { var wg sync.WaitGroup wg.Add(2) go func() { doSomething(A) wg.Done() }() doSomething(B) wg.Done() wg.Wait() } </code></...
  • <p>I'm planning to use ...<p>What do you think about it? Would it actually work? <p>I'm sure that someone had have the same situation and the one can help me too. :) </div>
  • yearswith_bank, heard_about_us, address, region, postcode, residential_type, time_address, mobile, landline, county, birthdate, income, nextpaydate, Loanamount, Terms, Monthlyrepayment, Totalrepayment...
  • <p>After looking at <a href="http://blog.golang.org/gos-declaration-syntax" rel="nofollow">this blog post, I am still unclear about whether the following syntax means a slice of pointers or a pointer ...
  • Mike, my first technical lead, asked me what I was weakest at in the C language. When I told him pointers, he told me to debug our link-list library on paper. If you read about 2000 lines of link-...
  • <p>I am new to PHP and have tried to figure out what the problem is with this code I am using... I'm drawing a blank about why it's not liking the last line. <p>Thank you for having a look. </div>
  • <p>But what about output escaping in twig? Of course default escaping is causing code to show beatifully escaped, but this doesn't work properly. Using |raw</code> to make this work results in other -...
  • ... In my case, the HTML ids and the MySQL column names are identical. I've found tutorials about using arrays to convert $_POST into the... What else? <p>I'm pretty new, so please be specific. </div>
  • I am not sure what non-object means but I included the $user = new User(); line which should work...I am new to php and would like a simple step by step explanation </p> <pre><code>if($validation-&...
  • <p>Asked already a <a href="https://stackoverflow.com/questions/52936104/what-is-the-error-when-converting-functions-from-ruby-to-js">question</a> about converting functions from Ruby to JS, and now I...
  • <p>I've been racking my brain with this problem, and after searching Google and Stack Overflow a hundred times each I've decided to just ask about it outright. <p>I'm trying to make a page that uses...
  • <p>I am trying to ... talking about this one <a href="https://stackoverflow.com/questions/1499862/can-you-store-a-function-in-a-php-array">Can you store a function in a PHP array?</a></p> </div>
  • <p>I just watched a tutorial on youtube about how I make a class that connect& display database content on page. The problem is that, when I run the code, this error appers : "Parse error: syntax ...
  • <p>This is what is on those lines. <pre><code>if (isset($requiredFields['name']) && !empty($_POST['name']) !preg_match("/^[a- zA-Z-'\s]*$/", stripslashes($_POST['name']))) $error_msg .= "The...

空空如也

空空如也

1 2 3
收藏数 60
精华内容 24
关键字:

about语法what