ホームページ  >  記事  >  WeChat アプレット  >  ミニプログラム開発掲示板の事例を詳しく解説

ミニプログラム開発掲示板の事例を詳しく解説

Y2J
Y2Jオリジナル
2017-05-03 13:21:333900ブラウズ

コード内の p と hx の色が正常に表示されない場合は、基本的にコードに問題があると結論付けることができます。これは、vim が自動的にファイル タイプを識別し、通常多くのキーワードでファイル タイプ オンというキーワードを強調表示するためです。場合は、「より多く書くか、より少なく書くか」引用符によって引き起こされます。

vim では、コードの折りたたみ、コード選択バット、位置マーカーなどの使用と組み合わせることで、効率が大幅に向上します。コードを折りたたんだ後、折りたたまれたコンテンツを全体としてコピー/移動/削除操作の行として扱うことができるため、「コード構造の調整」(新しいタグやコンテナーの挿入/移動) を実行するときに非常に便利です。選択するのにそれほど苦労する必要はありません

最も外側のラベルにカーソルを置き、zm 操作を実行して、現在のレベルのコードブロック全体を手動で折りたたむだけです

set fdm=indent/marker が設定されている場合など手動での折りたたみには zm を引き続き使用できます。

前の vat、vit cit、yat などのコマンドと同じ意味です: 26e39fa7e1b26005f564b20d47361531 t 273238ce9338fbb04bee6997e5552b95 ここで、action には d も含まれます。 、y、c (変更)、t は to を意味し、object は任意のオブジェクトです ('、"、括弧) > ] } $、G、gg およびその他の特殊文字。この操作は驚くほど効率的です。 また、削除の方向は T にすることもできます。これは、前後に削除することを意味します。さらに、「まで」の場合、オブジェクトは特定の「文字」にすることもできます (ただし、「まで」の文字はコンテンツ自体です)は削除されません。たとえば、これは食べ物です。dto コマンドを使用すると、「this is s」という内容は削除されますが、文字「o」自体は削除されません。26e39fa7e1b26005f564b20d47361531 t 273238ce9338fbb04bee6997e5552b95 其中 action同样包括 d, y, c(change)的, t表示to 到, object是任何对象,包括 ', ", 括号) > ] } $, G,gg等 特殊字符, 这样的操作将会是 惊人的提高效率的. 而且删除的方向还可以是 T 表示倒过来向前删除, 而且, "直到"的地方, 对象 还可以是某个"字符"(但是 "直到"的这个字符本身不会被删除!! 如 this is some food , 使用 dto 命令, 将删除 "this is s" 这些内容,但是 字符"o"本身不会删除! .

不要试图去改变bootstrap的 组件/ js控件 的默认的 js表现, 因为:即使你添加了 js脚本, 而且, 用户自己定义的js脚本, 也确实要执行! 但是 bootstrap插件本身 最后也要执行 自己的js代码, 所以你原来定义的 脚本 效果又会 被 覆盖. 所以你定义 的js 最后也就没有效果了.

gvim的 dj和 dk 分别是删除 上一行 和下一行, 就不必移动下一行, 然后再按dd了(注意当前行也会被删除, 意思是, dj和dk将会删除 两行!)

重要!! 按数字进行跳转到行?

以前都是在命令行方式下, 输入数字进行跳转. 这个很明显就慢了, 而且很别扭! 实际上可以 在 "normal" 普通模式下 进行数字式行 跳转:

  1. 绝对数字行 跳转: nG G表示go, 跳转的意思. 比如: 10G, 则跳转到 文件的 第10行. gvim的普通模式下, 会默认 接受命令输入的, 如果是组合命令, 将会在 ruler上的右下角 显示已经输入的命令, 并等待后面的命令字符输入, 而且接受 以数字开头的命令, 如3dd.

  2. 相对行数跳转, 用数字+-

    ブートストラップを変更してみてください。コンポーネント/js コントロールのデフォルトの js パフォーマンス。理由は次のとおりです。js スクリプトを追加した場合でも、ユーザー定義の js スクリプトを実行する必要がありますが、ブートストラップ プラグイン自体も独自の js を実行する必要があります。スクリプトの効果は再び上書きされるため、
gvim の dj と dk はそれぞれ前の行と次の行を削除します。次の行に移動して dd を押す必要はありません (現在の行も削除されることに注意してください。つまり、dj と dk は 2 行を削除します!)

重要!!数値?
  1. 以前はコマンド ライン モードで、数値を入力してジャンプしました。これは明らかに遅くて扱いにくいです! 実際、数値行ジャンプは「通常」モードで実行できます:

  2. 絶対数値行ジャンプ: nG G は移動、ジャンプを意味します。 例: 10G、ファイルの 10 行目にジャンプします。 gvim の通常モードでは、複合コマンドの場合、入力されたコマンドは次のようになります。そして、次のコマンド文字が入力されるのを待ち、3dd などの数字で始まるコマンドを受け入れます。


    ミニプログラム開発掲示板の事例を詳しく解説

    行番号を基準にしてジャンプするには、 を使用します。 number+- の場合、3+ はその行からジャンプして 3 行下にジャンプすることを意味し、3- は現在の行から開始して 3 行上にジャンプすることを意味します。また、3+ は 3 コマンドで直接表すこともできます。数字を入力して Enter キーを押すと、カーソルが移動することがわかります。 @
  3. :ls でバッファー間を移動する方法 3 つの特殊記号 %a、a、# は何を意味しますか?
  4. Nerdtree 上で常にファイルを開く必要はありません。開いている限り、ファイルはバッファに保持されるため、必要なファイルを一度開いておけば、再度 nerdtree を使用して開く必要はありません。

頻繁に編集するため、表示するために ls を繰り返し使用する必要はありません。通常、ファイルはそれらの数だけなので、バッファ リストで bp bn、b# を使用できます。意味のあるもの: このファイルは現在アクティブです、つまり、現在のファイルが開いており、ファイルの内容が vim ウィンドウに表示されます
  1. は、ファイルが閉じられたばかりであることを意味します。は b# で直接切り替えることができるファイルです
  2. % はもちろんこれを意味します ファイルは現在編集中のファイルです、100% 正しい、つまりカーソルはこのファイル内にあります

js スクリプトはどこにありますか。置いた?

  1. それがフレームワークの js スクリプトの場合は、ページをレンダリングするときに使用され、フレームワークの js スクリプトが実行されるため、先頭に導入するのが最適です。自分で書いた js スクリプトが最適です。通常、これはパフォーマンスの最適化のためです (ページのレンダリングは、js ファイルがダウンロードされて実行されるまで常に待機する必要があるため)。 ); 一方、jsは何らかのdom要素を参照します...

    🎜🎜モーダルボックスのトリガーと表示位置の調整について🎜🎜jsコードの実行処理について( 1 回だけ実行されるか、繰り返し実行されますか?🎜🎜🎜🎜js プログラム コード、デフォルトです。上から下にあり、1 回だけ実行されます!🎜
  2. js コードを複数回実行する必要がある場合、2 つの方法があります。1 つはタイマーを使用する方法で、もう 1 つはイベント バインディングを使用する方法です。または、イベント監視と呼ばれます!

  3. 2 つの違いは、タイマーによって実行されるイベントは一定の期間で定期的かつ追跡可能であり、イベント バインディングは一定の方法で繰り返し実行されることです。特定のイベント、わかりません このイベントが発生すると、イベント監視またはイベント検出と呼ばれます。この繰り返し実行方法は、この種のイベント (クリック イベントなど) が発生すると、イベントにバインドされたコードが実行されます。 . つまり、これも繰り返し実行される可能性のある「コード」です

  4. この2つの方法のみ、jsコードが繰り返し実行されます。他のコードについては、Webページが読み込まれたときに、jsコードが実行されます。ウェブページの色に関しては、特別なオンラインカラーマッチングツールがあります。生成後、対応するレイヤードカラーテーブルを大胆に使用できます。アドレス: http://www.kmguolv.com /tool/yanse.html

ナビゲーション バーについて:

ナビゲーション バーは p タグではなく nav タグに配置することをお勧めします

  1. 1 つのナビゲーション バーには、複数のナビゲーション バーを含めることができます (通常は2) ul のクラス スタイル nav .navbar-nav の ul はナビゲーションとして使用され、通常は左側に 1 つ、右側に 1 つが使用されます。デフォルトでは、左側が navbar-left、右側が navbar-right です。

  2. ナビゲーション バーにフォームを含めることができます。はい、フォーム フォームは UL ナビゲーションの外側に配置されますが、フォームが navbar-form クラスを使用している限り、UL には含まれないことに注意してください。問題ありません

  3. navbar には他の非ナビゲーション コンテンツを含めることができますが、対応するコンテンツは navbar-....class に追加する必要があります。たとえば、テキスト コンテンツは p.navbar-text に配置され、リンクはnavbar-btn を追加するだけです

  4. CSS スタイルを変更するには 3 つの方法があります

値を直接支払う: css('color', ' #abc');

  1. 同時に複数の値を割り当てます;

  2. 値を支払うには、関数メソッドを使用し、 $('selector').css('width': function(index, value){ return parseFloat(value)*1.2; }); このメソッドは、より複雑なスタイル設定に非常に役立ちます。たとえば、オブジェクトの位置を設定する場合、この位置は次のようになります。明確で固定されたハードコーディングされた値ではなく、$(this ).height()... を含むより複雑な関数操作を通じて取得された値は非常に便利です!!

  3. 上記の質問に関連して、モーダル モーダル ボックスのポップアップの位置を変更するにはどうすればよいですか?$('selector').css('width': function(index, value){ return parseFloat(value)*1.2; }); 这种方式, 对于比比较复杂的, 样式设置是非常有用的, 比如要设置, 对象的位置, 这个位置又不是一个确定的, 固定的, 写死了的值, 而是一个经过较复杂的函数运算才得到的值 , 里面包含了 $(this).height()...就很有用了!!

连通上面的那个问题, 如何修改 modal模态框弹出式的位置?
方法就是: 对模态框使用css函数方法: $('#mymodal'). modal({options}) . css('top': 30%); 等等之类的方法.... 参考: http://www.cnblogs.com/ZHF/p/3739022.html
或者修改 ...css('margin-top': '200px'); 之类的,
或者更精确的, 使用函数: 在bootstrap.js中, 原来就已经将p#modal设置为absolute了 , 所以设置 css("position", "absolute").css({ left:..., top:...});,
使用: 直接 .css( margin-top或者top: return ($(window).height() / 2)-($(this).find(".modal-content").height()/2));就OK

理解son daughter child, children, grand....有什么作用?
child, 有两种意思, 一种是泛指 儿童, 小孩; 另外一种是特指, 特别指 son或者 daughter的 "子女", 即father的直接后代, 即: father>child.
如果要表示所有的儿子, 所有的"子女", 则使用 children.
grandson + granddaughter = grandchild, grandchildren, 相应的是: grandmother, grandfather....
因此, jquery中的children函数, 就是查找 直接后代元素 $('selector').children = selector > 'children'.. , 这个在英语中 本来就有确定的确切的含义的!

而find是查找所有 的后代 元素. 这个从 windows 操作系统的 查找 "find"方法中 也可以得到 印证~~

而filter则是在平级元素集合中, 查找某个元素... $('mysel').filter('.平级元素中其他特性用来过滤的')....

--选择器的限制上下文?这个有用?
对于选择器 $('.myslecect') , 默认的是 从文档的根 开始搜索, 即context是整个文档;  但是, 如果要限定 查找的范围, 在当前这个选择器中, 则使用context=this就好了, 说白了, 就是一个 context的意思, 如 $('.mysel', this );

その方法は、モーダル ボックスの CSS 関数メソッド: $('#mymodal') で使用します。 {options}) . css('top': 30%); およびその他のメソッド.... 参照: http://www.cnblogs.com/ZHF/p/3739022.html
または ...css('margin-top': '200px'); またはそのようなもの

、またはより正確には、次の関数を使用します: bootstrap.js では、p#modal は絶対に設定されています, したがって、 css("position", "absolute").css({ left:..., top:. ..});,
使用: 直接 .css( margin-top or上: return ($(window).height() / 2)-($(this).find(".modal-content").height()/2)); OK
息子を理解してください娘、子供、孫.... 役割は何ですか?

子供には2つの意味があります。1つは一般的な子供を指し、もう1つは特に息子または娘、つまり直系の「子供」を指します。父親の子孫、つまり: 父>子。

すべての息子、すべての「子供」を意味したい場合は、children を使用します。🎜孫娘 + 孫娘 = 孫、孫、対応して: 祖母、祖父....🎜したがって、 jquery の Children 関数は、直接の子孫要素 $('selector').children = selector > 'children' を見つけることです。これは英語では明確で正確な意味があります!🎜🎜 そして、find はすべての子孫要素を見つけることです。 . これは、Windows オペレーティング システムの "find" メソッドからも確認できます~~🎜 🎜 そして、フィルターは、水平方向の要素のセットから要素を見つけることです... $('mysel').filter('.その他の特性水平方向の要素はフィルタリングに使用されます')....🎜🎜 -- セレクターの制限されたコンテキストは便利ですか? 🎜 セレクター $('.myslecect') の場合、デフォルトではルートから検索します。ドキュメント、つまりコンテキストはドキュメント全体です。ただし、検索範囲を制限したい場合は、現在のセレクターで context=this を使用します。端的に言うと、次のようなコンテキストを意味します。 $('.mysel', this );🎜🎜🎜vim での削除操作?🎜 複数の 🎜dd であっても、d+multiple+j であっても、multiple+dj であっても、どちらも削除であり、すべての「現在の行を含む」は削除されます! 複数の計算が異なるだけです: 🎜: 🎜dd の倍数には現在の行が含まれます 🎜: の倍数 + dj など、の倍数には現在の行は含まれません。それは単なる計算の違いです: 🎜例: 2dj = 3dd、効果は同じで、どちらも現在の行を含む 3 行の内容を削除します。

垂直方向の配置?
この表では、スタイルではなく、tr/td の属性 valign="middle" です。
スタイルを使用する場合は、img{vertical-align: middle; です。スタイル、完全な単語を使用します。 表現方法...

背景の 5 つの特徴の覚え方
背景の 5 つの特徴は個別に指定することも、一度にすべてを記述することもできます。属性が記述されていないため、完全に記述する必要があります。これらの 5 つの属性値は、CSS が認識または区別できないことを心配する必要はありません。言葉や書き方で明確に区別できますが、一部の特徴が書かれていない場合でも、記載しないでください。

背景: 属性の順序は次のとおりです。画像][位置][添付ファイル][繰り返し]: 覚えておくべき 1 つの単語を使用できます: cipar: ニーモニック: cigar: cigar 「背景に葉巻を吸って座る。cipar == cigar、p と g は画像対称です。 ..
位置の値は、水平方向と垂直方向の値で表されます。最初の値は水平方向、2 番目の値は垂直方向です。水平方向: 左中央右、垂直方向: 上中央下。マークダウンの下線は何を意味しますか? アスタリスクはすべて同じであり、1 つの下線またはアスタリスクは em (強調を表すために斜体を使用) を意味し、2 つのアスタリスクまたは下線は


を意味します。無視され、大きな「ドット」は無視されます。 操作!

この種のドットと記号の操作は、最新の操作を記録し、同じ操作を継続して実行できます。また、最近の移動および選択操作も無視されます。つまり、カーソルの移動や選択の変更などによって、最後の操作は消えません。通常、ポイント マーク メモリの操作には、削除/コピー/貼り付け/などがあります。インデント、(これで十分です)

  1. 特別 これはインデント操作用です。前回コンテンツを選択してからインデントした場合、選択したコンテンツは「強調表示」されません。ただし、ドットを実行し続けると。これにより、複数回インデントするときにコンテンツを繰り返し選択する手間が省けます

  2. できるだけインデントしてください!コードのトラブルシューティングと折りたたみを確認してください。

  3. 覚えておく必要があるのは、フォーム内の ID については、クラスは HTML ページの JS コードでのみ使用されるということです。バックグラウンド php ファイルが無効な場合、バックグラウンド php ファイルはフォーム要素の名前に基づいて値を取得します: $_POST['フォーム要素の名前]
  4. tp Jump では次のことに注意してください。バックグラウンドの特定のポイントへ ページ操作のアドレス関数 {:U('getUeContent')} は、最後の U メソッドが href を生成するため、実際にはこの操作に対応する HTML テンプレート ファイルに対応します。リンク a の属性値:

    <a class="btn btn-lg btn-success" id="imsg" href="/index.php/Home/Index/getUeContent.html "> 我要留言 </a>

    上記の a href={:U(...)} では、属性値を二重引用符で追加する必要があるため、href の後に属性値を追加する必要があることに注意してください。引用符が追加されていない場合は、ソース内にあります コード内に表示されるジャンプ アドレスには二重引用符が含まれていないため、エラーが発生します!

$_POST['表单元素的name]

要注意, tp中跳转到后台的某个页面操作的地址函数 {:U('getUeContent')} dt{object} の使用に加えて、ct も使用できます{object} の原理と効果は前の操作と同じです!


form-inline と form-horizo​​ntal の違いは何ですか?ミニプログラム開発掲示板の事例を詳しく解説

form-inline と form-horizo​​ntal はどちらもフォーム全体のタイプを指します。 form.form-inline または form.form-horizo​​ntal

form-inline はインライン フォームです。つまり、すべてのフォーム コントロールが 1 つにコンパクトに配置されたインライン要素として使用されます。

form-horizo​​ntal は水平フォームです。ラベルは左にフロートし、右揃えであり、フォーム コントロールとラベルの関係は同じ行上で水平にあり、form-vertical に対して相対的です (また、
  1. form-horizo​​ntal 水平フォームはグリッド要素と合わせて使用​​する必要があります。このとき、form はコンテナーに相当し、各 p.form-group は .row に相当します。 .row と書く必要はなく、左側のラベルと右側の入力を分離する必要があります。col-md-2 などのクラスが与えられます。ラベルには control-label クラスも与えられます。
  2. 通常のフォームのフォームグループのラベルの場合、for="some_id" 属性を設定するだけで済みますが、入力には type、class、id、placeholder の 4 つの属性が必要です
  3. コンテナー、グリッドシステムを使用する必要はありません、単純なコンテナーを作成することもできます!

以上がミニプログラム開発掲示板の事例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。