Home > Download > Learning resources > Courseware source code
MySQL is a relational database management system developed by the Swedish MySQL AB company and is currently a product of Oracle. MySQL is one of the most popular relational database management systems. In terms of WEB applications, MySQL is the best RDBMS (Relational Database Management System) application software. <br /> MySQL is a relational database management system. A relational database stores data in different tables instead of putting all data in one big warehouse, which increases speed and improves flexibility. <br /> The SQL language used by MySQL is the most commonly used standardized language for accessing databases. MySQL software adopts a dual licensing policy and is divided into community version and commercial version. Due to its small size, fast speed, low total cost of ownership, and especially the characteristics of open source, MySQL is generally chosen as the website database for the development of small and medium-sized websites. <br /> <p> Due to the excellent performance of its community edition, it can form a good development environment with PHP and Apache. </p> <p> <br /> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> "Boolean Education</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">Yan Shiba</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">mysql introductory video tutorial" is a basic introductory course for mysql. With the continuous development of mysql, now use mysql Using PHP to build websites has become a mainstream web development technology. If you want to learn dynamic web design, it is recommended that you choose PHP mysql. This course is designed to help beginners of mysql database get started quickly. If you have needs in this area, then join us Get up and start your journey of learning mysql! ! ! </span> </p> <p> <span style="background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/195.html</span> </p>
<p> Hypertext Markup Language, an application under Standard Universal Markup Language. <br /> "Hypertext" means that the page can contain pictures, links, and even non-text elements such as music and programs. <br /> The structure of hypertext markup language includes a "head" part (English: Head) and a "body" part (English: Body). The "head" part provides information about the web page, and the "body" part provides the specific content of the web page. <br /> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> "Boolean Education_</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">Yan Shiba</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">_HTML Tutorial" starts from the most basic concepts, goes deeper step by step, and leads everyone to learn Basic knowledge of HTML and CSS styles, understand the meaning and basic usage of various commonly used tags, and explain the addition of CSS style code in the second half, laying the foundation for subsequent case courses. </span> </p> <p> Video link //m.sbmmt.com/course/222.html </p>
<p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Memcached is a high-performance distributed memory object caching system used in dynamic web applications to reduce database load. It improves the speed of dynamic, database-driven websites by caching data and objects in memory to reduce the number of database reads. Memcached is based on a hashmap that stores key/value pairs. Its daemon is written in C, but the client can be written in any language and communicates with the daemon through the memcached protocol. <br /> </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction:</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Memcached is a high-performance distributed memory object caching system used in dynamic web applications to reduce database load. It improves the speed of dynamic, database-driven websites by caching data and objects in memory to reduce the number of database reads. We have collected the "Boolean Education</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">Yan Shiba</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Memcached Video Tutorial", hoping to help everyone better learn Memcached distributed clusters. </span> </p> <p> <span style="background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/314.html</span> </p>
<p> MongoDB is a database based on distributed file storage. Written in C language. Designed to provide scalable, high-performance data storage solutions for WEB applications. <br /> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;">MongoDB is a product between a relational database and a non-relational database. It is the most feature-rich among non-relational databases and is most similar to a relational database. The data structure it supports is very loose and is a bson format similar to json, so it can store more complex data types. The biggest feature of Mongo is that the query language it supports is very powerful. Its syntax is somewhat similar to an object-oriented query language. It can almost implement most functions similar to single-table queries in relational databases, and it also supports indexing of data. </span> </p> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;"><span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">MongoDB is written in C language and is an open source database system based on distributed file storage. Under high load conditions, adding more nodes can ensure server performance. MongoDB aims to provide scalable, high-performance data storage solutions for WEB applications. "</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">曰八</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">mongodb Video Tutorial" will tell you how to use this distributed file storage database. </span></span><br /> </span> </p> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;"><span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Video address: //m.sbmmt.com/course/317.html</span></span></span> </p> </p>
<p> Nginx (engine x) is a high-performance HTTP and reverse proxy server, as well as an IMAP/POP3/SMTP server. Nginx was developed by Igor Sesoev for Russia's second most visited Rambler.ru site (Russian: Рамблер). The first public version 0.1.0 was released on October 4, 2004. <br /> It releases its source code under a BSD-like license and is known for its stability, rich feature set, sample configuration files, and low system resource consumption. On June 1, 2011, nginx 1.0.4 was released. <br /> <p> Nginx is a lightweight web server/reverse proxy server and email (IMAP/POP3) proxy server, and is released under a BSD-like protocol. Its characteristics are that it occupies less memory and has strong concurrency capabilities. In fact, nginx's concurrency capabilities do perform better among web servers of the same type. </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction:</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Nginx ("engine x") is a high-performance HTTP and reverse proxy server, as well as an IMAP/POP3/SMTP server. Nginx was developed by Igor Sysoev for Russia's second most visited Rambler.ru site. The first public version 0.1.0 was released on October 4, 2004. It releases its source code under a BSD-like license and is known for its stability, rich feature set, sample configuration files, and low system resource consumption. On June 1, 2011, nginx 1.0.4 was released. </span> </p> <p> Video link: //m.sbmmt.com/course/415.html </p> </p>
<p> Oracle Database, also known as Oracle RDBMS, or simply Oracle. It is a relational database management system from Oracle Corporation. It is a product that has always been in the leading position in the database field. It can be said that the Oracle database system is currently a popular relational database management system in the world. The system has good portability, easy use, and strong functions. It is suitable for various large, medium, small, and microcomputer environments. It is a database solution with high efficiency, good reliability and adaptability to high throughput. </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">"</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">曰八</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Oracle Video Tutorial" explains the basic knowledge about Oracle, including the purpose of learning Oracle, basic additions, deletions and modifications The query statement is just like learning MySQL, and all common knowledge points about Oracle are explained. </span> </p> <p> Video link: //m.sbmmt.com/course/430.html </p>
<p> <span>MySQL is a relational database management system developed by the Swedish MySQL AB company and is currently a product of Oracle. MySQL is one of the most popular relational database management systems. In terms of WEB applications, MySQL is the best RDBMS (Relational Database Management System) application software. </span><br /> <span>MySQL is a relational database management system. A relational database stores data in different tables instead of putting all data in one large warehouse, which increases speed and flexibility. </span><br /> <span>The SQL language used by MySQL is the most commonly used standardized language for accessing databases. MySQL software adopts a dual licensing policy and is divided into community version and commercial version. Due to its small size, fast speed, low total cost of ownership, and especially the characteristics of open source, MySQL is generally chosen as the website database for the development of small and medium-sized websites. </span><br /> <span>Due to the excellent performance of its community version, it can form a good development environment with PHP and Apache. </span><br /> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;">At present, the database is the basic component for data storage in most systems. The efficiency of the database has a vital impact on the stability and efficiency of the system; in order to have a better user experience, the optimization of the database is extremely important. So from what aspects should we optimize our database? Let us discuss and learn together in the course "Boolean Education Yan 18 MySQL Optimization Video Tutorial"! </span> </p> <p> Video link: //m.sbmmt.com/course/200.html </p>
<p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;">"Video Tutorial on PHP Underlying Analysis" will bring you in-depth learning and teaching of PHP, and learn PHP in depth through the analysis of PHP operation. </span> </p> <p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/502.html</span> </p>
<p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;">Redis is the main caching service used in PHP projects. We will introduce the advanced usage of redis in "Yan Shiba Redis Video Tutorial", and will also use cases to learn Redis in depth.</span> </p> <p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/498.html</span> </p>
<p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;"><span style="color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;background-color:#FFFFFF;">JavaScript is a literal scripting language. It is a dynamically typed, weakly typed, prototype-based language with built-in support for types. Its interpreter is called the JavaScript engine, which is part of the browser and is widely used in client-side scripting languages. It was first used in </span><a target="_blank" href="https://baike.baidu.com/item/HTML">HTML</a><span style="color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;background-color:#FFFFFF;"> (an application under the Standard Universal Markup Language) Used on web pages to add dynamic functions to HTML web pages. </span><br /> </span> </p> <p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> "</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">JavaScript Basics Strengthening Video Tutorial</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">" content focuses on explaining the basic knowledge of JavaScript, involving the basic syntax of programming, mainly including It introduces variables, data types, type conversion, flow control statements, arrays, the difference between simple types and complex types, objects, and consolidates basic grammar through cases. This set of videos will take you into the wonderful world of JavaScript</span></span> </p> <p> Video link: //m.sbmmt.com/course/543.html </p>
JavaScript is a literal scripting language, a dynamically typed, weakly typed, prototype-based language with built-in support for types. Its interpreter is called the JavaScript engine, which is part of the browser and is widely used in client-side scripting languages. It was first used on HTML (an application under Standard Universal Markup Language) web pages to add dynamic functions to HTML web pages. . <br /> In 1995, it was first designed and implemented on the Netscape Navigator browser by Brendan Eich of Netscape. Because Netscape was working with Sun, Netscape management wanted it to look like Java, hence the name JavaScript. But in fact its grammatical style is closer to Self and Scheme. [1] <br /> <p> In order to gain technical advantages, Microsoft launched JScript, and CEnvi launched ScriptEase, which can also run on the browser like JavaScript. In order to unify specifications, JavaScript is also called ECMAScript because it is compatible with the ECMA standard. </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"><br /> </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> "</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">JavaScript Advanced Framework Design Video Tutorial</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">" is a very personalized language. Whether it is from the organization of the code or the structure of the code Both the programming paradigm and the object-oriented theory are unique. The question of whether Javascript is an object-oriented language has been debated for a long time. There is obviously an answer. However, even though Javascript has been dominant for twenty years, there is still no understanding of the object-oriented theory. Be understood by everyone. Dynamic grammatical features, obscure prototype structures, messy scope rules, intricate closure applications, and unclear this... and many other issues are the focus and difficulties of Javascript. .</span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/458.html</span> </p>
<p> AJAX stands for "Asynchronous Javascript And XML" (Asynchronous JavaScript and XML), which refers to a web development technology for creating interactive web applications. <br /> AJAX = Asynchronous JavaScript and XML (a subset of Standard Universal Markup Language). <br /> AJAX is a technology for creating fast, dynamic web pages. <br /> AJAX is a technology that allows you to update parts of a web page without reloading the entire page. <br /> AJAX enables web pages to update asynchronously by exchanging small amounts of data with the server in the background. This means that parts of a web page can be updated without reloading the entire page. <br /> Traditional web pages (not using AJAX) must reload the entire web page if content needs to be updated. </p> <p> Video link: //m.sbmmt.com/course/565.html </p>
<p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">AngularJS[1] was born in 2009, created by Misko Hevery and others, and later acquired by Google. It is an excellent front-end JS framework that has been used in many Google products. AngularJS has many features, the most core of which are: MVC, modularization, automated two-way data binding, semantic tags, dependency injection, etc. <br /> AngularJS is a JavaScript framework. It is a library written in JavaScript. It can be added to HTML pages via the <script> tag. <br /> AngularJS extends HTML through directives and binds data to HTML through expressions. <br /> AngularJS is distributed as a JavaScript file that can be added to web pages through the script tag. <br /> <br /> </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> "</span><span style="font-family:"font-size:14px;background-color:#FFFFFF;color:#F01414;">小猫杯</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">AngularJS Video Tutorial" will introduce you to AngularJS in detail. AngularJS’s ideas are very avant-garde and different from traditional JavaScript. The usage and ideas of frameworks are different. AngularJS allows us to build web applications in a simpler and more direct way. </span> </p>
<p> <span style="color:#6F6F6F;font-family:"font-size:14px;background-color:#FFFFFF;"> "CSS Meilan Mall Web Design Project Video Tutorial" is based on the basic knowledge of web page layout and positioning, and flexibly uses all the knowledge and tips of CSS to take you to deeply analyze the production process of classic web pages, and also involves CSS styles. Initialization, layout control, use of sprites, search engine optimization and other skills that are necessary for large websites are full of useful information. </span> </p> <p> Video link: //m.sbmmt.com/course/599.html </p>
<p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">ThinkPHP was born to simplify enterprise-level application development and agile WEB application development. It was first born in early 2006, and was officially renamed ThinkPHP on New Year's Day 2007, and was released under the Apache2 open source agreement. ThinkPHP has been adhering to the simple and practical design principle since its birth. While maintaining excellent performance and minimal code, it also focuses on ease of use. And it has many original functions and features. With the active participation of the community team, it is continuously optimized and improved in terms of ease of use, scalability and performance. <br /> ThinkPHP is a fast, compatible and simple lightweight domestic PHP development framework. It was born in early 2006. It was originally named FCS. It was officially renamed ThinkPHP on New Year's Day in 2007. It is released in accordance with the Apache2 open source agreement. It was transplanted from the Struts structure and made improvements and improvements. At the same time, it also draws on many excellent foreign frameworks and patterns, uses object-oriented development structure and MVC pattern, and integrates the ideas of Struts and TagLib (tag library), RoR's ORM mapping and ActiveRecord pattern. <br /> ThinkPHP can support server environments such as windows/Unix/Linux. The official version requires PHP5.0 or above. It supports MySql, PgSQL, Sqlite databases and PDO extensions. The ThinkPHP framework itself does not have any special module requirements. The specific application system operating environment The requirements depend on the modules involved in the development. <br /> </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"><br /> </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> Course Introduction: </span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> ThinkPHP is the most popular Chinese PHP development framework in China and the best choice for your Web project. The course "php.cn Dugu Jiujian (5)-ThinkPHP5 Video Tutorial" takes the latest version of ThinkPHP5 as an example. It starts from the most basic common sense of the framework and explains all the knowledge points you need to use in development. The language selection is concise and lively, and the examples are simple and practical. As long as you have basic PHP syntax knowledge, you can follow this original course on the PHP Chinese website and learn to create your project using ThinkPHP5. From user request to response output, from controller to routing, from model knowledge to template debugging, you can always find your favorite in this set of courses. </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Video link: //m.sbmmt.com/course/486.html</span> </p>
<span style="color:#6F6F6F;font-family:'Microsoft Yahei';font-size:14px;line-height:21px;background-color:#FFFFFF;">ThinkPHP is a fast, open source, lightweight domestic PHP development framework and one of the most popular PHP frameworks in the industry. This course takes the blog system as an example to describe how to use Thinkphp for practical development and learn the practical application of Thinkphp.</span>
<p> There are 6 chapters in total, JQuery practical source code. </p><p> Lecture 1: <br /> <br /> JQuery and other development knowledge learned in this section: <br /> 1.HTML is responsible for page content, CSS is responsible for page style, and Javascript is responsible for page behavior<br /> 2. There should be DOCTYPE in HTML to inform the browser of the rendering and display method<br /> 3. You can define a div or span node first to display the data returned by the server later. <br /> 4. The border attribute can control the border of page elements<br /> 5.background-*** can control the background image, its position, and the way it is displayed repeatedly<br /> 6. You can use #idname or .classname to define a custom html node style<br /> 7. You can use $(document).ready(function(){}) to define the method that needs to be executed when the page is loaded. <br /> 8. You can obtain the specified node of the page through the $() method, and the parameter is a certain css selector<br /> 9. You can execute various Jquery methods on the jquery object returned by the $() method to obtain data, define events, and perform operations. <br /> 10. The val() method can obtain the value attribute value of the node<br /> 11.html() method can set the html content in a node<br /> 12.The click() method can respond to mouse click events<br /> 13. The keyup() method can respond to the keyboard pop-up event. <br /> 14. The $.get() method can interact with the server in get mode. The registered callback method will be called when the data comes back. This method will receive a plain text parameter that represents the data returned by the server.<br /> 15.addClass() removeClass() method can add or delete a class<br /> to a node 16. The data sent to the server is encoded twice in JavaScript and then URLDecoded once in UTF-8 in the server code, which can solve the problem of Chinese garbled characters. <br /> <br /> <br /> <br /> Lecture 2<br /> <br /> JQuery and other development knowledge learned in this section: <br /> 1.table can contain thead and tbody<br /> 2. The content of the header can be placed in th<br /> 3.table{} is called a tag selector and can affect all tables on the entire page. <br /> 4.table td{} represents all tds contained in the table. <br /> 5. You can use border-collapse: collapse to merge the borders of cells in the table. <br /> 6. When th has a background color, the background color defined on tr to which th belongs will be invalid. <br /> 7.$(function(){}) is a simplified way of writing $(document).ready(function(){})<br /> 8.$("tbody tr") can return all tr nodes in tbody<br /> 9.$("tbody tr:even") can return all tr nodes with even index values in tbody<br /> 10. The css method can be used to set or get the css attribute of the node. The parameter name is the css attribute name. <br /> 11.JQuery’s object content contains the DOM node corresponding to the selector, which is saved in the form of an array<br /> 12. The get method can obtain a certain DOM node contained in the JQuery object<br /> 13.This in function represents the object that executes this function<br /> 14. When the parameter of the $() method is a DOM object, this method is equivalent to converting the DOM object into a JQuery object. <br /> 15. The children method can obtain the child nodes of a node, and parameters can be specified to limit the content of the child nodes. <br />16. If the JQuery object returned by the selector contains multiple DOM nodes, when an event like click is registered on this object, all DOM nodes will be used for the event<br /> 17.html method can set or get the HTML content of the node<br /> 18. The val method can get or set the value of the node<br /> 19. If the parameter of the $() method is a correct piece of HTML text, you can create a DOM node and package it into a JQuery object<br /> 20. Most of JQuery's methods will return the JQuery object that executes this method, so you can use chain methods to write code for JQuery. <br /> 21.The width method can set or get the width of a node<br /> 22.The appendTo method can append a node to all the child nodes of another node<br /> 23. Preventing event delivery can make the event of the current node return false<br /> 24. The trigger method can trigger a certain javascript event to occur. <br /> 25. The parameter function of an event method in JQuery can define an event parameter. JQuery will block the browser's event differences and pass us a usable event object<br /> 26. There is a which attribute on the JQuery event object to obtain the key value of the keyboard key<br /> 27.13 represents the Enter key, 27 represents the ESC key<br /> <br /> <br /> Lecture 3<br /> <br /> JQuery and other development knowledge learned in this section: <br /> 1. Menu items in the page can be represented by nested ul and li<br /> 2. The outermost layer of the menu is ul. Each main menu in one layer is placed in a li. If there is a submenu, create a new ul in the li of the main menu, and then nest it in order to build a multi-layered menu. <br /> 3. In the browser, the ul and li elements have dot identifiers in front of the text by default, and the li element will be indented. Opera browser is special, and the identifier of li is different from other browsers. <br /> 4. When the list-style attribute value is none, you can clear the small dots in front of ul and li<br /> 5. To clear the indent value of the submenu, both padding and margin must be 0. IE6 and IE7 can only clear the indent value when the margin is also 0<br /> 6. You can use background-image to specify the background image of an element. If the background image is smaller than the actual size of the element, the background image will automatically be repeated horizontally and vertically until it fills the entire area<br /> 7. You can use bakcground-repeat to control the repeated filling method of the background image. <br /> 8. If both a background image and a background color are defined on an element, the background color will not be displayed where there is a background image<br /> 9.When the text-decoration attribute value is none, you can cancel the underline on the text<br /> 10.Background-position can control the position of the background image. The attribute value can be either a numerical value or center, left, and top values to control the horizontal and vertical positions. There are two values for this attribute, the first corresponds to the horizontal direction, and the second corresponds to the vertical direction<br /> 11.The value of background-image is none, which means there is no background image<br /> 12.When the value of background-repeat is no-repeat, the background image will not be displayed repeatedly in the area where it is located. <br /> 13. Browsers other than IE6 can make the a element fill the area by setting the display value to block. For IE6, you need to set the display to inline-block and set the width of a. <br />14. The value of display is none and can be used to hide elements. <br /> 15. The difference between .main a and .main > a is that the former selects all a nodes inside the elements of this class of .main, while the latter only selects a nodes among the child nodes of .main<br /> 16. The show and hide methods can be used to show or hide elements. The effect without parameters is the same as modifying the display attribute of css. The parameter can be a number in milliseconds, or the three characters 'slow', 'normal', and 'fast', <br /> You can control the time required to display or hide. Note that the animation effect is achieved by continuously changing the width and height of the element. <br /> 17. The toggle method is more powerful. It can save us from judging whether the element is displayed or hidden, and directly hide the displayed elements and display the hidden elements. The method of using parameters is the same as show and hide. <br /> 18. slideDown and slideUp can achieve the effect of scrolling down or up. In fact, the animation effect is achieved by modifying the height of the element within a specified time. It should be noted that the case where the parameters of these two methods are empty is different from show and hide. <br /> 19.slideToggle and toggle achieve similar effects<br /> 20.DOCTYPE has an impact on animation in JQuery. When there is no DOCTYPE definition, JQuery's animation will have a bad flickering effect in IE. <br /> 21. The value of float is left, which allows all elements that are originally located on one row to float to the left in one row. <br /> 22. You can define the same style for multiple selectors, and use, to separate the selectors. Similarly for JQuery's $ method, you can also pass in a selector. <br /> <br /> <br /> <br /> Lecture 4<br /> <br /> JQuery and other development knowledge learned in this section: <br /> 1. A group of tags is managed by a ul, and each tag is a li in the ul; the content under the tag is managed by a div<br /> 2. The elements following the floating element (float) will surround the floating element. If you do not want this surrounding, you can define the clear attribute on the element after the floating element, <br /> 3. To achieve the integration of the current label and the content area, this can be achieved by using the same background color and using the same color border for the current label. <br /> 4. The mouseover and mouseout methods in JQuery correspond to the onmouseover and onmouseout events of standard JavaScript and can handle the events of mouse entry and departure. <br /> 5. Execute the each method on a JQuery object containing multiple elements. The content of the function that can be registered to the each method is executed by each element. At the same time this<br /> The function can also receive a parameter indicating the index value of this element. Many methods in JQuery also use each<br /> 6. The eq method can only get one of the multiple elements contained in the JQuery object based on the index value, and still return the new JQuery object corresponding to the element. <br /> 7. Use eq in the selector, such as $(“div:eq(1)”)<br /> 8. The addClass and removeClass methods are used to add and remove the class definition of elements. <br /> 9. The setTimeout method in Javascript can delay the execution of certain codes, and the corresponding clearTimeout can clear the set delay operation. <br />10. When making an AJAX application, you can consider debugging it on FireFox now, and then check it in other browsers and correct possible compatibility issues. <br /> 11. The cursor attribute can control the mouse style on the element. The attribute value of pointer represents the hand style, which is our common link mouse style<br /> 12. The position attribute can control the way the element is positioned. When the value is relative, it means positioning relative to the original position. You can control the movement of elements relative to their original positions by setting the values of top, left, bottom, and right<br /> 13. Z-index can control the layer height of elements on the page. The larger the value, the higher it will be in the layer of the page, and it will also cover some elements with lower z-index values. Only for elements whose position value is relative or absolute, z-index will take effect. <br /> 14. The load method in JQuery is very powerful. It can load data output from a specified static or dynamic page or server-side program into an element wrapped by the JQuery object that executes the load method. <br /> 15. The load method also supports partial loading. Add a space after the loaded page address, and then use the selector to load the part of the page that matches the selector. <br /> 16. The loaded page must be UTF-8 encoded, otherwise the Chinese characters will be garbled after loading. <br /> 17.bind can be used to bind Javascript events or events defined in JQuery to the specified node. For events that do not directly provide registration methods in JQuery, you can register them in this way. The second parameter of the method can be the method definition of the event execution. <br /> 18.ajaxStart and ajaxStop correspond to the events before and after the ajax interaction starts and ends. After registering these two events for a node, the specified method will be executed before and after the ajax interaction on the current page starts and ends. <br /> <br /> <br /> <br /> Lecture 5<br /> <br /> 1. The alt attribute of the img tag should be written. When the image has not been loaded or the image does not exist, the text information of this attribute will be displayed<br /> 2.select represents a drop-down box. Each item in the drop-down box is an option. The content in the option start and end tags will be displayed on the page. The value of the value attribute is used to obtain and send to the server using the val method in JQuery. of. <br /> When the selected attribute value is selected, it means that the current option is selected<br /> 3. How to display the div element in the center: set the width of the div, and then the values of margin-left and margin-right are both auto. The abbreviation is margin: 0 auto;<br /> 4. The p tag of html represents the content of a paragraph. The content will occupy one or more lines, and the following content will be displayed on a new line <br /> 5. In order to center the text and pictures in p, you can use the text-align attribute, and the attribute value is center. The p tag has margin-top and margin-bottom values by default, which can be cleared through css if necessary<br /> 6. When the attribute value of visibility is hidden, the element is hidden. However, unlike display, which is none, it still occupies a certain space on the page, but is not displayed.<br /> 7. If multiple selectors have the same attribute value, they can be defined together and separated by commas <br /> 8. The change method corresponds to the onchange event in standard Javascript and can handle events when the content of the drop-down box changes<br />9.The parent method can obtain the parent node of a node<br /> 10. The next method can get the next sibling node of a node, and the corresponding previous method can get the previous sibling node of a node<br /> 11. The $.post method can initiate an asynchronous post request with the server. The first parameter is the requested server address, the second parameter is the data sent to the server, and the parameter is the Javascript object, using <br /> Expressed in the form of name-value pairs, the third parameter is the callback method, and the fourth parameter indicates the data type returned by the server. JQuery will help us convert based on this parameter. The get method only differs in the second parameter, and the other parameters have the same usage<br /> 12.The simple object definition method in Javascript is {key1: value1, key2: value2}<br /> 13. The data format of JSON is actually the text format content defined by an object or data in Javascript, such as {key1: value1, key2: [1,2,3]} or [1,2,{key2: value2}]<br /> 14. You can directly use the $("<option></option>") method to create the options in the drop-down box, and then use the appendTo method to add them to the drop-down box<br /> 15.The attr method can set or get the attribute value of a node<br /> 16.ajaxStart is executed before each ajax request issued by JQuery starts, ajaxStop is executed after all ajax requests in the JQuery queue end, and ajaxComplete is executed after each ajax request issued by JQuery ends<br /> 17. fadeOut and fadeIn can achieve the effect of fade out and fade in. The parameter content is similar to the slideUp and slideDown methods. <br /> 18. The animate method can achieve any animation effect and can control a certain css attribute to change within a certain period of time to achieve the effect of animation<br /> 19.Opacity can change the transparency of elements. It is implemented using filters in IE. 100 means fully displayed and 0 means completely transparent. Non-IE browsers use the opacity attribute. 1 means fully displayed and 0 means transparent. JQuery in animate method<br /> The browser differences are shielded, and the fade-in and fade-out effect can be achieved by directly using opacity. <br /> 20. The data method can be used to cache data. Caching can improve the operating efficiency of the system and reduce the load on the server<br /> 21. You can use the Image object in Javascript to preload images, so that you can know when the image is loaded, so that you can give some prompt information for image loading. <br /> 22. The load method can correspond to the onload event in Javascript. In this example, it is used to capture the event that the image is loaded<br /> <br /> <br /> Lecture 6<br /> <br /> JQuery and other development knowledge learned in this section: <br /> 1. The simulated window in the page can be realized through the div tag of HTML. The title bar and content area in the window can be represented by a div respectively<br /> 2. There are many ways to make a group of divs look like a window. For example, you can set the entire window to use one background color, and then use the content area to use another background color, and<br /> Set a certain padding value for the window (or set a border for the content area) to achieve the contrast between the content area and the outside of the window after the title bar, so that it looks like a window. <br />3. Correctly understand the effect of float, which will actually affect the display effect between the next element and the float element. Therefore, in this example, if the img in the html code is located at the end of the title bar, float: right will cause the image to run away. Content area<br /> The rightmost side of the domain. Only when the img is placed in front of the title bar text in html, float: right will make the image just on the rightmost side of the title bar<br /> 4. When the overflow attribute value is auto, when the content area exceeds the defined height or width, the scroll bar will be displayed. <br /> JQuery and other development knowledge learned in this section: <br /> 5. When the position attribute value is absolute, the element will be positioned absolutely on the page. By default, it is positioned relative to the upper left corner of the page. If the ancestor node has the definition of position: relative, it will be positioned relative to the upper left corner of the ancestor node<br /> 6. The width and height of the browser's visible area can be obtained through $(window).width() and $(window).height()<br /> 7. The left and upper boundaries of the browser scroll bar can be obtained through $(window).scrollLeft() and $(window).scrollTop()<br /> 8. Position the window to the middle of the visible area of the screen. You need to use the window to position the window to the middle of the visible area of the screen. You need to subtract the width of the window from the width of the visible area of the screen, then divide by 2, and add the width of the scroll bar. The left boundary value is required to obtain the window<br /> The desired left boundary value; the upper boundary value is obtained in the same way. <br /> 9. How to write the plug-in: $.fn.myplugin = function(){//mycode}, this in the method represents the jquery object that executes this method. Note that the method should return this at the end to ensure that other jquery methods can Cascade operation. <br /> 10. instanceof can be used to determine whether a variable is an instance of a certain js class, such as determining whether it is an Object. Usage obj instanceof Object<br /> 11. typeof can be used to determine the data type of a variable, such as typeof str == “string”<br /> 12. The height() and width() methods obtain the height and width of the element itself, innerHeight() and innerWidth() obtain the height and width including padding, and outerHeight() and outerWidth() obtain including border and padding. of<br /> Height and width, outerHeight(true) and outerWidth(true) obtain the height and width including margin, border and padding<br /> 13.Scroll can be used to register the operations required to scroll the scroll bar of the browser or a certain node. <br /> 14.resize can be used to register the operations that need to be performed when the browser size changes. <br /> 15. The event operations provided by jquery are incremental during registration. For example, I have two pieces of code both $(window).scroll(function(){}). The function content of the second piece will not cover the second piece. One paragraph, but when scrolling, both pieces of code are executed<br /> 16. The animate method can change the left and top values within a certain period of time to achieve the effect of animation. <br /> 17. The dequeue method can remove an animation effect from the beginning of the animation queue and execute it immediately. This ensures that animations at the back of the queue can be executed without waiting for the animation at the beginning. <br /> 18. The is method can be used to determine whether an object satisfies the jquery selector in the is method parameter<br />19. The :visible selector can be used to obtain visible elements on the page<br /> 20. Differences between browsers cause the code in document.ready to obtain the width and height of the browser's visible area as well as the left and top values of the scroll bar. Therefore, we need to ensure that the values are obtained after this method is completed. these values. <br /> 21.$.browser can be used to determine the type of browser. The determination method can be $.browser.msie == true. The values that can also be used include $.browser.opera$.browser.safari $.browser.mozilla<br /> 22.$.browser.version can determine the browser version number, such as $.browser.version.indexOf(“8”)<br /> </p>
<p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction:</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Bootstrap is the most popular HTML, CSS and JS framework for developing responsive layout, mobile-first WEB projects. Designed for all developers and all application scenarios, it makes front-end development faster and simpler. All developers can get started quickly, all devices can be adapted, and all projects are applicable! Bootstrap is still completely open source, and its code hosting, development, and maintenance all rely on the GitHub platform. The Bootstrap series of courses launched by PHP Chinese website are suitable for entry-level learning reference for front-end developers~~</span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Dugu Jiujian (7)_Bootstrap video tutorial: //m.sbmmt.com/course/585.html<br /> </span> </p> <p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"><br /> </span> </p>
<p style="font-family:"color:#333333;font-size:14px;background-color:#FFFFFF;"> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;"> <div class="para" style="font-size:14px;color:#333333;font-family:arial, 宋体, sans-serif;background-color:#FFFFFF;"> AJAX stands for "Asynchronous Javascript And XML" (Asynchronous JavaScript and XML), which refers to a web development technology for creating interactive web applications. <br /> AJAX = Asynchronous JavaScript and XML (a subset of Standard Universal Markup Language). <br /> AJAX is a technology for creating fast, dynamic web pages. <br /> AJAX is a technology that allows you to update parts of a web page without reloading the entire page. [1] <br /> AJAX enables web pages to update asynchronously by exchanging small amounts of data with the server in the background. This means that parts of a web page can be updated without reloading the entire page. <br /> Traditional web pages (not using AJAX) must reload the entire web page if content needs to be updated. <br /> <br /> Course Introduction: jQuery is a fast and concise JavaScript framework. The purpose of the design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction. The core features can be summarized as follows: It has a unique chain syntax and a short and clear multi-functional interface; it has an efficient and flexible CSS selector, and can extend the CSS selector; it has a convenient plug-in expansion mechanism and rich plug-ins. Compatible with various mainstream browsers, such as IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, etc., it is one of the most popular front-end development frameworks in the world. Based on the latest version, PHP Chinese website exclusively records the latest jQuery video tutorials to give back to new and old users of PHP Chinese website. <br /> Lonely Nine_jQuery video tutorial: //m.sbmmt.com/course/582.html<br /> <br /> </div> </span> </p>
<p> <span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">Course Introduction:</span><span style="color:#4D555D;font-family:"font-size:14px;background-color:#FFFFFF;">jQuery is a fast and concise JavaScript framework. The purpose of the design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction. The core features can be summarized as follows: It has a unique chain syntax and a short and clear multi-functional interface; it has an efficient and flexible CSS selector, and can extend the CSS selector; it has a convenient plug-in expansion mechanism and rich plug-ins. Compatible with various mainstream browsers, such as IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, etc., it is one of the most popular front-end development frameworks in the world. Based on the latest version, PHP Chinese website exclusively records the latest jQuery video tutorials to give back to new and old users of PHP Chinese website. </span> </p> <p> <span>Lonely Nine_jQuery video tutorial: //m.sbmmt.com/course/582.html</span> </p>