current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • HTML5 canvas basic drawing fill style implementation
    HTML5 canvas basic drawing fill style implementation
    <canvas></canvas> is a new tag in HTML5, used to draw graphics. In fact, this tag is the same as other tags. Its special feature is that this tag can obtain a CanvasRenderingContext2D object, which we can use JavaScript scripts to Control this object for drawing. <canvas></canvas> is just a container for drawing graphics. In addition to attributes such as id, class, style, and hei
    H5 Tutorial 3017 2018-05-22 15:45:50
  • Detailed explanation of rapid development of applications based on HTML5 network topology diagram (pictures and text)
    Detailed explanation of rapid development of applications based on HTML5 network topology diagram (pictures and text)
    This example shows how to build a combination of two nodes, a connection, and a Group. Combined with "Hundreds of HTML5 Examples to Learn HT Graphic Components - Topology Map", you can easily understand that building a topology interface is basically operating the DataModel data model. The following is the model code part that builds the interface effect in the above picture:
    H5 Tutorial 6538 2018-05-22 11:38:13
  • Teach you how to implement a fruit cutting game using HTML5 and JS
    Teach you how to implement a fruit cutting game using HTML5 and JS
    The fruit cutting game was once a popular casual game on mobile phones. Today we are going to introduce a web version of the fruit cutting game, which is implemented by JavaScript and HTML5. Although the functions are very different from the original version, the basic functions are still available. The imitation is quite realistic. Friends with a certain level of JavaScript can take a look at the source code. I believe your JavaScript level will be greatly improved. Online demo source code download All JavaScript code /** * this file was compiled by jsbuild 0.9.6 *..
    H5 Tutorial 7943 2018-05-22 11:18:29
  • Detailed introduction to the graphic and text code for constructing 3D scenes based on HTML5 WebGL technology (1)
    Detailed introduction to the graphic and text code for constructing 3D scenes based on HTML5 WebGL technology (1)
    HT for Web provides a variety of basic types for users to use in modeling. Different from traditional 3D modeling methods, the core modeling of HT is based on API interfaces, through HT's predefined primitive types and parameter interfaces. Set up to achieve the construction of three-dimensional models. Next let’s talk about predefined 3D models and parameter settings.
    H5 Tutorial 5579 2018-05-21 11:36:29
  • html移动端页面、图片多少宽度最合适?
    html移动端页面、图片多少宽度最合适?
    目前网站开发已经更多的转向移动端设计、制作,想询问一下移动端网页宽度多少合适?960px、640px、480px、320px?图片多少宽度适合?比如用640px的图片宽度设置为320px是否比较清晰?但是图片大小会较大是否合适?
    H5 Tutorial 10319 2018-05-19 14:57:48
  • Monitor front-end performance using HMTL5 API
    Monitor front-end performance using HMTL5 API
    The User Timing API can measure performance between two predefined markers in a web application. Developers only need to define the start and end markers of the measurement separately. The timing position can be marked through the function provided by the JavaScript object "".
    H5 Tutorial 2403 2018-05-19 14:31:37
  • How to implement date and title right alignment in li tag
    How to implement date and title right alignment in li tag
    I hope that the title will be aligned to the left and the date will be aligned to the right. When float:right is directly added to the span of the date, both IE8 and FF will be OK, but IE6/7 will wrap the line. Here is a simple and effective solution.
    H5 Tutorial 4424 2018-05-18 17:17:50
  • html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    比如在页面A中点开了一个折叠列表(用jquery做的),并且向下拖动了一点滚动条,然后通过列表中的某个按钮跳转到了页面B,B页面中有一个goback按钮,点击一下就能跳回页面A,跳回页面A时,滚动条保持在之前离开时的状态,并且之前打开的那个折叠列表也要是保持打开的。有哪些html5 API或jquery API可以实现吗?ps:我试了jquery 中的history.back(),可以实现滚动条位
    H5 Tutorial 9416 2018-05-18 15:50:11
  • Share webpack example tutorials
    Share webpack example tutorials
    First install webpack globally, then npm initializes a project, and locally installs webpack development tools $ npm install webpack -gnpm init (project name) $ npm install webpack-dev-server --save-dev creates the app folder in the project directory, And create the index.js file and write the following code console.log(
    H5 Tutorial 1657 2018-05-18 15:17:28
  • Experiment on how to activate APP functions on HTML5 pages
    Experiment on how to activate APP functions on HTML5 pages
    This article mainly introduces how to activate the APP function in HTML5 pages. Friends who need it can refer to it.
    H5 Tutorial 5346 2018-05-18 15:11:56
  • How to use HTML5 geo-targeting feature?
    How to use HTML5 geo-targeting feature?
    Geolocation is one of the important features of HTML5, which provides the function of determining the user's location. With this feature, applications based on location information can be developed. Today’s article will introduce to you the basic principles of HTML5 geolocation and the data accuracy of each browser.
    H5 Tutorial 11708 2018-05-18 14:26:33
  • How to export HTML to generate word document?
    How to export HTML to generate word document?
    Preface: During project development, I encountered the need to export the content of the HTML page into a word document, so I came up with this essay. Of course, the project development time was a bit tight, and the first thing that came to mind was to use plug-ins, so Baidu took a look. Here are two methods for exporting word documents. Method 1: Export word through jquery.wordexport.js Note: Compatible with IE9 and above. I briefly browsed the code of the jquery.wordexport.js plug-in and learned that text and images can be exported through this plug-in.
    H5 Tutorial 23702 2018-05-18 13:41:05
  • How to use HTML5 to achieve the effect of waiting for loading animation
    How to use HTML5 to achieve the effect of waiting for loading animation
    This article introduces you to the perfect solution for HTML5 waiting for loading animation effect through example code. Interested friends can refer to it.
    H5 Tutorial 4521 2018-05-18 11:45:39
  • HTML5 development example-3D panorama (ThreeJs panorama Demo) detailed explanation (picture)
    HTML5 development example-3D panorama (ThreeJs panorama Demo) detailed explanation (picture)
    Preface In the current panoramic H5 environment on the market, there are many ways to achieve panorama. You can use css3 to build it directly or use a library based on threeJs to achieve it. There are also many other panoramic making software. This tutorial is suitable for future generations. If an engineering lion who has developed 3D panorama feels that the content is too boring...
    H5 Tutorial 36931 2018-05-18 10:29:05
  • HTML5 Canvas:绘制渐变色
    HTML5 Canvas:绘制渐变色
    HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡,而不是单一的颜色。渐变按照类型来分分为线性渐变和径向渐变。来看几个canvas渐变色的例子 ...,。
    H5 Tutorial 17226 2018-05-18 09:11:25

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!