2 solutions to browser cache problems such as js, css, img, etc._javascript skills-js tutorial
details make a difference! The significance of browser caching is to improve execution efficiency, but it also brings some problems, causing the server to modify js and css, and the client cannot updateMethod 1 generates random numbers The code is as follows: Disadvantages, browser Caching is meaningless and is loaded dynamically every time. Method 2 version number control, set global variables, increase the version number by 1 before each release Code As follows: This approach is recommended, it is relatively simple. The disadvantage is that HTML pages cannot be used, but there should not be too many such pages More methods: Automatically implement it by reading the file size and file modification time to generate MD5, compress and merge js when the program is automatically built, and globally The replacement version is complicated. If you are interested, you can study it Who has a better method?
HTML, CSS, JavaScript Cheat Sheet Recommendations_Basic Knowledge
In fact, Cheat Sheet is here to help us gather the information we use most frequently in our daily life for easy use and make our work more efficient. With them, your brain doesn’t have to spend extra time memorizing them – you just need to open the summary and find the information you want immediately. In this article, you can see the most practical HTML, CSS, Javascript cheat sheets, which can be used as reference materials and memos to help you find the ideas you want as quickly as possible. required information. See if these short lists are what you want, please leave your suggestions below the article, thank you! HTML HTML Help Manual HTML Quick Reference HTML special character cheat sheet Dreamweaver Dreamweaver Quick Reference Guide CSS CSS 3 Cheat Sheet I hope you enjoy this collection of cheat sheets and please share them with your development friends.
Ajax method to clear browser js, css, image cache_javascript skills
When doing stuff, I always store the address of the image on the server in the database, and then display it in the browser, but later I discovered two problems. First: For security reasons, js cannot read local images. Otherwise, if you write a js, you can get the files in anyone’s computer. Second: The image is stored on the server’s hard drive, not on the client’s hard drive, so it cannot be retrieved Later, I looked for methods on the Internet, and the methods I found were all kinds of high-level answers for converting binary to xml. Then I was too lazy, so I thought of one myself The method is to use the BufferedImage class. Start First of all, let me talk about my idea, which is to load the local image into the memory, then put it into the buffer stream of BufferedImage, and then use ImageIO.write(), strong>Now everyone is probably thinking of an idea, but if we talk about ajax, the data obtained is probably still a mess! It’s okay, I’ll introduce that later. Tools First create a tool for loading images, store the address of an image as a parameter, and get the buffer stream…
Looking for more details: Han Shunping’s complete tutorial on HTML, CSS, and JavaScript (Lecture 55)_html/css_WEB-ITnose
I also study software myself. I heard that the tutorial on HTML, CSS, and Javascript taught by Mr. Han Shunping of Chuanzhi Podcast is unparalleled. However, I searched for a long time on Chuanzhi Podcast before I found 35 lectures and 20 core lessons. The talk was not made public. . . . . So I searched online for a day, and finally something surprised me! ! ! I suddenly found a seemingly inconspicuous little website, which contains all 55 lectures! ! ! ! So I want to share this tutorial with the majority of learners. Since it is a small website, there will be a lot of ads, but just close them after they pop up! ! It must be downloadable! ! I’ve downloaded it! ! Again: If you decide it can be downloaded, please give it a try! ! ! The download link is posted below: Han Shunping’s complete tutorial on HTML, css and Javascript Operation skills, Scroll to the bottom of the webpage to see the download address. . . Reply to discussion (solution) This is the link: http://t. 155.com/emeeii Collection Collection MLGB has no hair! ! Is there anything in it? You really really downloaded it!…
html, css, javascript notes (continuously updated)_html/css_WEB-ITnose
This article is only a compilation of commonly used personal codes for daily reference html Browser kernel css chrome scroll bar ::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#f9f9f9;}::-webkit-scrollbar-track:hover{background: #efefef;}::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa;}::-webkit-scrollbar-thumb:hover{background:#777;}::-webkit-scrollbar-thumb :active{background:#666;} Clear float .clearfix:after{height:0 ;display:block;content:”.”;visibility:hidden;clear:both;}.clearfix{zoom:1;}.clear{height:0;overflow:hidden;font-size:0;clear:both;} Fixed font size p{-webkit-text-size-adjust:none;text-size -adjust:none;} Suspension positioning p{position:fixed;_position:absolute;top :100px;_top:expression(documentElement.scrollTop + 100 + “px”);left:50px;} Maximum and minimum width and height p{max-width:1280px;_width:expression(documentElement.clientWidth > 1280 ? “1280px” : “auto”);}p{min-width:980px;_width:expression(documentElement. clientWidth 800 ? “800px” : “”);} p{min-height:600px;_height:expression((documentElement.clientHeight || document.body.clientHeight) <600 ? "600px" : "");} Background transparent image p{background:url(../images/logo.png) no-repeat 50%;_background:none;_filter:progid:DXImageTransform .Microsoft.AlphaImageLoader(src=”../images/logo.png”);} Background gradient p{background:-webkit-linear-gradient(top,#f9f9f9,#f1f1f1);background:-moz-linear-gradient(top,#f9f9f9,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=’#FFf9f9f9′,endColorstr=’#FFf1f1f1′,GradientType=0);background:linear-gradient(to bottom,#f9f9f9,#f1f1f1);} Grayscale p{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100% );filter:gray;} Transparency p{-webkit-opacity:0.5;-moz -opacity:0.5;filter:alpha(opacity=50);opacity:0.5;} Shadow p{-webkit-box-shadow:0 1px 0 #ccc;-moz-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;} Animated rotation p{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg );} Animation flip p{-webkit-transform:scale(-1, 1) ;-moz-transform:scale(-1, 1);transform:scale(-1, 1);} Animated displacement p{-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);transform:translate(50px,0);} p> Animation duration p{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s;} Box model border p{-webkit-box-sizing:border- box;-moz-box-sizing:border-box;box-sizing:border-box;} The picture is centered horizontally and vertically p{width:800px;height:800px;display:table-cell;text-align:center;vertical-align:middle;}p i{position:static;+position:absolute;top:50 %;}p img{position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;} Triangle p{width:0;height:0;border-bottom:10px solid #ccc;border-left:10px dotted transparent;border-right:10px dotted transparent ;} English character line wrap p{word-break:break-all;word-wrap: break-word;} Text characters do not break into new lines p{white-space:nowrap;} Text characters beyond hiding p{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} Pseudo-class selector p:first-child{color:#999;} p:last-child{color:#999;}p:nth-child(2n){color:#999;}p:nth-child(odd){color:#999;}p:nth-child(even) {color:#999;} Javascript Determine the mobile phone type if(/android/i.test(navigator.userAgent)){ …};if(/ipad|iphone|mac/i.test(navigator.userAgent)){ …}; When the window is ready to start $(document).ready(function(){ …}); When the window scrolls window.onscroll(function(){ …}; When the window changes size window.Onresize=…
To learn the basic technologies of web front-end development, you need to master: HTML, CSS, JavaScript language_html/css_WEB-ITnose-html tutorial
1. HTML is the carrier of web content. Content is the information that web page creators put on the page for users to browse, and can include text, pictures, videos, etc. 2. CSS style is presentation. It’s like a coat for a web page. For example, title font and color changes, or adding background images, borders, etc. to the title. All these things used to change the appearance of content are called presentations. 3. Javascript is used to implement special effects on web pages. For example: the drop-down menu pops up when the mouse slides over it. Or the background color of the table changes when the mouse rolls over it. There is also a rotation of hot news (news pictures). It can be understood that animation and interaction are generally implemented using Javascript.
Html, Css, Dom, javascript details summary – html tutorial
Recently, I have become more and more aware of the importance of the basics, and details determine success or failure, so I hope to sort out some of the small details and knowledge about the front-end that I have noticed and collected, so as to better facilitate my memory and review. 1. When building a webpage Html framework, try to only define the category class or id for the outer tag (that is, the parent tag), and the inner tag (that is, the child tag) Those that can be represented by nesting use the nesting method without defining new categories or special ids. Nesting of selectors and collective declaration of selectors can greatly reduce the declaration of category classes and ids and simplify CSS code. 2. In the Html page, the colors are uniformly in RGB, which is the three primary color modes of “red, green and blue”. Each color is composed of different proportions of these three colors, divided into 0~255 levels, such as rgb (100%, 100%, 100%), rgb (255,255,255), #FFFFFF all refer to white, where #FFFFFF is In hexadecimal representation, the first two digits are the red component, the middle digit is the green component, and the last…
javascript-About common module splicing html, css, img, js
Most of the projects I have done recently are similar in length, so I want to extract some individual modules such as module A (may contain img, css, html, js) and module B (may contain css, html); make a backend, Each independent module can be directly clicked or combined to put the AB… modules into one page, which can be previewed and then downloaded. It is convenient to use for some simple thematic activity pages and quickly throw it to the back-end children’s boots! I don’t know how to start now. Could you please recommend some tools or this convenient information? Want to know how to splice and how to manage these modules? The general process and functions that I want to do for now are as follows. A module > Generate ab.html > Preview > Download (static resource package) B module Reply content: Most of the projects I have done recently are similar in length, so I want to extract some individual modules such as module A (may contain img, css, html, js), module B (may contain css, html); do In a backend, each independent module can be directly clicked or combined to put the AB… modules into a…
What is the order of learning HTML, CSS, JavaScript, PHP, and MySQL? -php tutorial
Sincerely thank you for your answer! A few days ago, I was working on WordPress blogs and became very interested in building websites. Are the things mentioned in the title a complete set of knowledge required to build a website? Is there anything else you need to learn? How to arrange the order of learning? Thank you! PS: I heard that there is also apache, which seems to be a server-side software. Do I need to learn it separately? Reply content: If you have the patience to persist for more than a year, I would recommend HTML, css, js, apache, php, mysql The latter three require software installation. I recommend wamp, an excellent one-stop environment. Configuration, WampServer, the web development platform on Windows directly includes apache, php, and mysql software, saving you the trouble of installing them one by one.Many people Ask in the comments about the corresponding software under mac os, and add here: XAMPP Installers and Downloads for Apache Friends Learn first HTML, css, these two things are a set, very easy to understand. Just go through the tutorials on w3school. Remember to go through them one by one. Don’t be lazy. Once you start to be lazy,…
javascript-Is there an open source library for js, css, html code formatting?
I used ace.js to make an online code editing tool, and used PHP in the background. But ace does not support formatting the code. Are there any available js or php libraries that can format js, css, and html codes? Please recommend. Reply content: I used ace.js to make an online code editing tool, and used PHP in the background. But ace does not support formatting the code. Are there any available js or php libraries that can format js, css, and html codes? Please recommend. codemirror
