ホームページ > 記事 > WeChat アプレット > ミニプログラム開発掲示板の事例を詳しく解説
コード内の p と hx の色が正常に表示されない場合は、基本的にコードに問題があると結論付けることができます。これは、vim が自動的にファイル タイプを識別し、通常多くのキーワードでファイル タイプ オンというキーワードを強調表示するためです。場合は、「より多く書くか、より少なく書くか」引用符によって引き起こされます。
vim では、コードの折りたたみ、コード選択バット、位置マーカーなどの使用と組み合わせることで、効率が大幅に向上します。コードを折りたたんだ後、折りたたまれたコンテンツを全体としてコピー/移動/削除操作の行として扱うことができるため、「コード構造の調整」(新しいタグやコンテナーの挿入/移動) を実行するときに非常に便利です。選択するのにそれほど苦労する必要はありません
最も外側のラベルにカーソルを置き、zm 操作を実行して、現在のレベルのコードブロック全体を手動で折りたたむだけです
set fdm=indent/marker が設定されている場合など手動での折りたたみには zm を引き続き使用できます。
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" 普通模式下 进行数字式行 跳转:
绝对数字行 跳转: nG G表示go, 跳转的意思. 比如: 10G, 则跳转到 文件的 第10行. gvim的普通模式下, 会默认 接受命令输入的, 如果是组合命令, 将会在 ruler上的右下角 显示已经输入的命令, 并等待后面的命令字符输入, 而且接受 以数字开头的命令, 如3dd.
相对行数跳转, 用数字+-
を使用します。 number+-
の場合、3+ はその行からジャンプして 3 行下にジャンプすることを意味し、3- は現在の行から開始して 3 行上にジャンプすることを意味します。また、3+ は 3 コマンドで直接表すこともできます。数字を入力して Enter キーを押すと、カーソルが移動することがわかります。 @js コードを複数回実行する必要がある場合、2 つの方法があります。1 つはタイマーを使用する方法で、もう 1 つはイベント バインディングを使用する方法です。または、イベント監視と呼ばれます!
2 つの違いは、タイマーによって実行されるイベントは一定の期間で定期的かつ追跡可能であり、イベント バインディングは一定の方法で繰り返し実行されることです。特定のイベント、わかりません このイベントが発生すると、イベント監視またはイベント検出と呼ばれます。この繰り返し実行方法は、この種のイベント (クリック イベントなど) が発生すると、イベントにバインドされたコードが実行されます。 . つまり、これも繰り返し実行される可能性のある「コード」です
この2つの方法のみ、jsコードが繰り返し実行されます。他のコードについては、Webページが読み込まれたときに、jsコードが実行されます。ウェブページの色に関しては、特別なオンラインカラーマッチングツールがあります。生成後、対応するレイヤードカラーテーブルを大胆に使用できます。アドレス: http://www.kmguolv.com /tool/yanse.html
ナビゲーション バーは p タグではなく nav タグに配置することをお勧めします
CSS スタイルを変更するには 3 つの方法があります
値を直接支払う: css('color', ' #abc');
$('selector').css('width': function(index, value){ return parseFloat(value)*1.2; });
このメソッドは、より複雑なスタイル設定に非常に役立ちます。たとえば、オブジェクトの位置を設定する場合、この位置は次のようになります。明確で固定されたハードコーディングされた値ではなく、$(this ).height()...
を含むより複雑な関数操作を通じて取得された値は非常に便利です!!
上記の質問に関連して、モーダル モーダル ボックスのポップアップの位置を変更するにはどうすればよいですか?$('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 );
$('#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つは特に息子または娘、つまり直系の「子供」を指します。父親の子孫、つまり: 父>子。
$('.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 つのアスタリスクまたは下線は
を意味します。無視され、大きな「ドット」は無視されます。 操作!
この種のドットと記号の操作は、最新の操作を記録し、同じ操作を継続して実行できます。また、最近の移動および選択操作も無視されます。つまり、カーソルの移動や選択の変更などによって、最後の操作は消えません。通常、ポイント マーク メモリの操作には、削除/コピー/貼り付け/などがあります。インデント、(これで十分です)
特別 これはインデント操作用です。前回コンテンツを選択してからインデントした場合、選択したコンテンツは「強調表示」されません。ただし、ドットを実行し続けると。これにより、複数回インデントするときにコンテンツを繰り返し選択する手間が省けます
できるだけインデントしてください!コードのトラブルシューティングと折りたたみを確認してください。
$_POST['フォーム要素の名前]
{: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]
{:U('getUeContent')}
dt{object} の使用に加えて、ct も使用できます{object} の原理と効果は前の操作と同じです!
form-inline と form-horizontal の違いは何ですか?
form-inline はインライン フォームです。つまり、すべてのフォーム コントロールが 1 つにコンパクトに配置されたインライン要素として使用されます。 form-horizontal は水平フォームです。ラベルは左にフロートし、右揃えであり、フォーム コントロールとラベルの関係は同じ行上で水平にあり、form-vertical に対して相対的です (また、
以上がミニプログラム開発掲示板の事例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。