html5 - BinaryDevelop

高解像度画面でのキャンバスブラーの問題を記憶する

プリアンブル最近、あるプロジェクトを進めていたところ、会社のパソコンでは問題なかったのですが、自分のパソコンでは問題が発生しました。キャンバスのプロジェクトで作業をしていたのですが、自分のパソコンで実行したところ、クリックが選択されないという問題と、キャンバスのリフレッシュにゴーストが発生するという問題が発生したのです。まず、この2つの問題は、canvas要素のボーダーの問題が原

2022-01-14 14:26:20
HTML5クライアントサイドデータベースが簡単に使える:IndexedDB

IndexedDBの紹介 IndexedDB は、構造化されたデータをブラウザに永続的に保存し、ウェブアプリケーションに豊富なクエリー機能を提供するオブジェクトデータベースです。 Web SQLデータベースよりもシンプルであり、公式標準におけるWeb SQLの作業は中止されています。 Web Storage と比較して、IndexedDB のストレージは上限がなく、永続

2022-01-14 13:46:13
htmlでspanの幅を設定する方法

これは、シェア HTML で span タグの幅をどのように設定するかという問題があります。スパンタグ span はインライン要素を表し、以下と同等です。 inline 属性は、要素の幅に基づいて自分自身を拡張するだけで、幅を自分で設定した場合は機能しません。そのため、特に span 要素を幅に設定せず、? その方法をいくつか紹介し

2022-01-14 12:28:57
リフレッシュせずにURLを変更するHTML5メソッド

プリアンブル今日はvueの検索機能を作っているのですが、検索結果ページから詳細ページにジャンプして、クリックバックでさっきの結果ページにも戻りたいのですが、その時に使うのは window.history.go(-1) というのは、もちろん検索ページをリフレッシュしてしまうので、当然ながらうまくいきません。 urlを変更する方法を2つ試してみました。 window.location.hre

2022-01-14 10:46:59
html5で漢字にピンインを付加するプログレスバーコード

私は最近、プロジェクトに新しい要件を設計し、中国の紙にピンインを追加するには、英語の下部小見出しを追加するのと同様に、すべての後に、今偉大なの私たちの中国語、我々は学び、中国語を使っている。それについて学びましょう。h5は今、多くのニーズを処理するために十分に強力です。 I. 漢字にピンインをつける <ruby><rt> デモをざっと見てみると

2022-01-14 09:56:14
Html5によるマンドモバイル活用の甌穴（おうけつ）踏査

マンドモバイル使用上の注意 {マンドモバイル mandMobileは金融シナリオのためのオープンソースのVueモバイルUIコンポーネントライブラリで（金融以外のクラスも使用可能）、最近弊社では金融商品をインキュベートしているので、それを使ってみようと思っています。初めて利用される方は、以下のように公式ドキュメントここでは、初めて使ってみてわかったことをまとめて

2022-01-14 09:51:37
Webフォント読み込み方式最適化のまとめ

一般的に、開発者はウェブフォントと比較的接する機会が少なく、使用するのはfont-familyと、場合によってはいくつかのウェブフォントだけです。 @font-face { font-family: 'family-name'; src: url('${url}'); } .main { font-family: 'family-name'; } しかし、実際の開発現場では、フォント

2022-01-14 09:44:04
html5 自動再生 mov形式動画サンプルコード

これって目新しさはないですよね？でも、とにかく記録しておきましょう。質問はこう見るべき 1. まず、このサイトは.MOV形式のファイルをサポートする必要があります。つまり、このサイトは.MOV形式のファイルを認識できる必要があります。 <mimeMap fileExtension=".mov" mimeType="video/quicktime" />

2022-01-14 09:07:49
Html5ページで携帯電話の仮想キーボードのポップアップを無効化する方法

私は仕事で次の要件を持っている、入力ボックスをクリックすると、カスタムポップアップウィンドウをポップアップする、入力ボックスは、入力タグです。しかし、モバイルでは、入力はデフォルトで電話の仮想キーボードをトリガーします。電話の仮想キーボードがポップアップしないようにするにはどうすればよいでしょうか。一つは、入力にreadonlyプロパティを追加すること、もう一つは、入力イベント

2022-01-14 09:07:46
入力ボックスの種類が数字のときに上下の矢印を消すHTML5メソッド

html5では input type="number" html5では入力タイプの右側に小さな上下の矢印がつくので、この矢印を消してブラウザに対応させ、ページを統一する方法を紹介します。 I. パブリックスタイル <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&

2022-01-14 08:50:41
HTML5 Canvasタグの解説と基本的な使い方

HTML 5 タグの定義と使用法はタグは、グラフやその他の画像などのグラフィックを定義します。はタグは単なるグラフィックコンテナであり、グラフィックを描画するためのスクリプトを使用する必要があります。インスタンス canvas要素で赤い四角形を表示する方法。 <canvas id="myCanvas"></

2022-01-14 08:42:31
クロスドメイン・モディフィケーション iframeページのコンテンツ詳細

プリンシプルマスターサイトはプロキシページを埋め込み、プロキシページにデータを渡し、プロキシページはマスターサイトのデータを元にターゲットページのDOMを操作する。プロキシページはターゲットページと同じドメインにあるので、プロキシページはターゲットページのドキュメントオブジェクトを取得し、操作することができます。前提条件 proxy.htmlは、イン

2022-01-14 08:06:43
9ボックスグリッドの原則を用いたHTMLページレイアウト

プリアンブルナインボックスグリッドといえば、あのナインボックスフォンデュ(O(∩_∩)Oハハ〜)を思い浮かべないわけにはいきません。実際には、主要なサイトで9ペインのレイアウトは基本的に適用され、もちろん、ここで9ペインは、一般的な基準（O（∩_∩）O haha）です。例えば、Xiaomi Mallの一部レイアウトは以下の通りです。 Eコマースのプラットフォームによ

2022-01-14 07:58:55
Html5とAppの通信方式を解説

プリアンブル最近では、デスクトップとモバイルの両方のクライアントがH5ページの一部を挟み込んでおり、このようなハイブリッドアプリもよくHybrid Appと呼ばれるものです。なぜハイブリッドアプリが登場したのか？初期の頃は、AndroidやiOSのクライアントを開発するには大きな人件費と長い開発サイクルが必要だったため、ページの一部を分割してフロントエンドにやらせ、クライアントで

2022-01-14 07:28:18
HTMLメタタグとキーワード

かつてウェブページで重要だったキーワードのメタ（タグ）とキーワード（キーワード）は、多くの検索エンジンから完全に無視されるようになりました。しかし、このタグを追加することは、ページ全体のパフォーマンスにとって悪いことではありませんが、不適切に使用されると、ページにとって良いことはなく、不正の疑いがあります。 keywordsタグの"Keywords"は、Webページのプロパティを記述するた

2022-01-14 06:37:15
canvas.toDataURL()エラーの詳細な解決策はすべてこちら

エラーの詳細情報 Uncaught DOMException: HTMLCanvasElement' で 'toDataURL' の実行に失敗しました。汚染されたキャンバスはエクスポートされない可能性があります。キーワード canvas.toDataURL() クロスオリジン {を使用します。アクセス制御-許可-オリジン {を使用します。プリアンブル最近、創造的なクラスの画像

2022-01-14 06:20:37
4種類のプログラムの画面適応に応じたモバイルh5ページを説明する。

方法1：タオバオのオープンソースのスケーラブルなレイアウトスキームを導入する。タオバオのオープンソースのスケーラブルなレイアウトスキームを紹介します。 https://github.com/amfe/lib-flexible (クリックすると拡大します) タオバオのも実はビューポートのものと少し似ていますが、主にデバイスのデバイスピクセル比に基づいてスケールの値を設

2022-01-14 05:08:49
html5 色彩公差キーイング with canvas

canvasのgetImageDataを使うと、画像の各画素の情報を得ることができ、各画素の情報を比較することで、消すべき画素点を見つけることができます。例えば、下の画像で、白い部分（ピンクはボディの背景色）を削除したい場合、以下のようになります。 let canvas = document.querySelector('#canvas'); let context = canva

2022-01-14 04:23:04
キャンバスのマウスがアニメーションの背景に従うことを達成するために5分

Canvasでクールな背景を作る方法については、随時gitを更新して詳しく解説していきたいと思います。 gitHubポータルプリアンブルこの背景アニメーションを見たフロントエンドの方々は、どうすればこの効果を得られるのか、興味を持たれたのではないでしょうか？この効果を個人サイトに適用すれば、サイト全体が際立つことでしょう /{p <図

2022-01-14 04:20:08
iframeのクロスドメインでよく使われるいくつかの方法

背景事業が大きくなれば、当然、各プロジェクトのパブリックな業務が抽出され、パブリックなコンポーネントとなる。しかし、プロジェクトごとに異なる技術スタックを使用しているため、このパブリックコンポーネントを簡単に参照することができません。そこで、このコンポーネントをドメイン名の下に別ページとして記述し、他のプロジェクトではこのページをiframeやwebviewで読み込むことで、シンプルな機能の再

2022-01-14 04:19:34

最新

おすすめ