This article introduces five relatively new CSS properties—font-display, write-mode, contain, will-change, and clip-path—explaining their values, practical use‑cases, browser support, and providing code examples to help developers improve performance and design flexibility.
This reflective article chronicles the author’s fifteen‑year journey into front‑end development, explains what front‑end engineering entails, outlines essential skills and technologies, and shares practical learning strategies and personal insights for aspiring developers.
This article explains the essential role of front‑end engineers in modern software development, traces the evolution of the front‑end field, outlines the core technical stack and broader software‑engineering fundamentals, and offers practical advice on skill development, learning strategies, and career planning for aspiring front‑end professionals.
This week’s front‑end roundup covers the 2017 China Internet Top 100 ranking, WeChat’s new group mini‑program entry, Adobe’s Flash retirement, Alibaba’s open‑source Angular NG‑ZORRO library, React 16 Beta, Webpack 3.4.0, Node.js user survey results, Amazon Linux container image, Netflix Genie 3, and ContainerPilot 3.0.
This guide explains how Spring Boot serves static assets from classpath directories, how to configure and access them, and how to render dynamic HTML pages using Thymeleaf—including template locations, sample code, and property customizations for seamless web development.
This article examines common mistakes when nesting Vue.js components—such as overly deep parent‑child structures and cumbersome event communication—and demonstrates how to streamline component design using reusable child components and the slot content‑distribution mechanism, complete with practical code examples and visual diagrams.
This guide explores JavaScript's console object, detailing its logging methods, formatting placeholders, table displays, grouping, timing, and additional utilities, while providing code snippets and visual examples to help developers debug and present information effectively in browsers.
This tutorial shows how to export vector text from Adobe Illustrator as SVG, simplify the code, and use CSS stroke-dashoffset and stroke-dasharray properties to achieve eye‑catching drawing animations on web pages.
A roundup of this week's front‑end highlights includes NetEase's new "Dream Werewolf" game, Apple's iPod discontinuation, Facebook Messenger 2.1 with embedded NLP, React's licensing controversy, npm 5.3.0 updates, Expo SDK v19.0.0, Angular releases, Google IPv6 stats, the Facets visualization tool, and Adobe's Flash sunset.
This article provides a detailed walkthrough of building controlled form components in React.js, covering text, number, checkbox, radio, textarea, and select inputs, along with state management, form submission, clearing, validation, and full source code examples.
This weekly roundup highlights ten key developments—from the 2017 Fortune Global 500 rankings and JD.com’s logistics changes to Let’s Encrypt’s upcoming wildcard certificates, Baidu’s Vue‑based PWA solution, Webpack’s async CSS support, MobX 3.2.0, Google’s MultiModel AI, Rider IDE enhancements, Facebook’s paid‑content tools, and Google’s new search‑page news feed—providing essential insights for front‑end professionals.
This article walks through creating a Python blog website, covering project structure, HTTP workflow, ORM implementation, aiohttp web framework integration, and showcases the final UI screenshots, while reflecting on lessons learned and future learning needs.
This week’s front‑end roundup covers Baidu’s new Vue‑based PWA LAVAS and Web AR support, a decline in global PC shipments, Taobao’s group‑buy launch, upcoming async CSS in Webpack, MobX 3.2.0, China’s first smart parking system, Apple’s open‑sourced Swift Migrator, Let’s Encrypt wildcard certificates, Facebook camera updates, and Huawei’s 5G trial talks with India.
The weekly roundup covers the latest front‑end and web tech news, including game‑regulation debates, Java 9 module system approval, TypeScript 2.4 and Node 8.1.3 releases, Preact CLI updates, MDN’s new focus, Twitter Lite PWA results, major corporate acquisitions, Google Blocks VR tool and Huawei’s borderless computing server strategy.
This article presents a detailed, game‑like learning roadmap for programmers, recommending foundational scripting languages, Unix/Linux mastery, web development, databases, C/C++ and Java, system programming, design patterns, and advanced topics such as distributed systems and big‑data technologies to guide career growth.
LsLoader is a middleware that caches individual JavaScript modules in browser localStorage and combines updates via an online combo service, enabling build‑tool‑agnostic, fine‑grained loading that cuts page load times by up to 30 % and saves hundreds of gigabytes of bandwidth in production.
This article explains the internal architecture of modern browsers, covering their core components, network request flow, the critical rendering path, DOM and render tree construction, layout and repaint processes, and practical performance optimization techniques for front‑end developers.
This article explores Python's versatility, common use cases, and job‑market data for Python developers, offering practical learning advice and highlighting the skills and experience employers seek in backend development roles.
The latest weekly roundup highlights key developments for front‑end engineers, including the release of Webpack 3.0, Expo SDK 18.0.0, ESLint 4.1.0, a survey naming Mark Zuckerberg the least cautious IT CEO, China Mobile’s tethered‑drone high‑altitude base station, Node.js’s ambition to surpass Java, a resurgence of ransomware attacks, Google’s Cloud Machine Learning Engine launch, and Red Hat’s acquisition of Codenvy.
This tutorial walks you through Django fundamentals, including its MTV architecture, project and app creation, URL routing, views, templates, static files, form handling, and database integration, enabling you to build a functional web service from scratch.
This article compiles ten common front‑end questions from Zhihu, offering practical advice on market demand, learning strategies, solidifying fundamentals, choosing between design and development, interview tactics, and the future outlook of web development, all backed by real‑world analogies and examples.
This article explains what favicons are, how to embed them using HTML link tags, compares common formats like .ico, .png, .svg and .gif, describes browser loading order, and shows how to create dynamic favicons with JavaScript libraries such as favico.js, Tinycon, and piecon.
This guide explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities interact with the web, and provides actionable steps—semantic markup, color contrast, keyboard navigation, ARIA attributes, form and table best practices, and testing tools—to build inclusive, accessible sites.
From Apple’s secret team turning iPhones into medical records to Safari 11’s new WebRTC and WebAssembly support, V8 6.0’s SharedArrayBuffer, Puppet Labs’ DevOps survey, WeChat’s open‑source WCDB, Tencent’s mobile analytics, StackOverflow’s HTTPS migration, and a new front‑end lifecycle model, this roundup covers the top front‑end developments of the week.
This tutorial walks you through installing Django, creating a project and a polls app, setting up the development server, writing views and URL configurations, and explains key concepts like include() and url() arguments, enabling you to build a functional poll website.
This article explores how applying inheritance concepts to HTML structure can reduce duplicated code, simplify maintenance, and improve front‑end development efficiency by extracting common elements into a base template and using build‑time tools to generate page‑specific pages.
This guide outlines the core knowledge areas for Java web development, covering JVM fundamentals, servlet lifecycle, major frameworks like Spring and Hibernate, HTTP essentials, and design patterns, offering a concise roadmap for aspiring backend engineers.
This article introduces Django’s MTV (Model‑Template‑View) architecture, explains how views and URL routing work, demonstrates template syntax, outlines model definitions with fields and relationships, shows admin integration, and discusses caching strategies, providing code examples for each component.
The 11th Suning Technology Exchange Day featured a front‑end forum where experts from leading companies shared insights on Node.js architecture, progressive web apps, large‑scale web development, and strategies for improving user experience and development efficiency.
This article explains the core differences between single‑page and multi‑page web applications, compares client‑side and server‑side rendering, and discusses their impact on performance, SEO, and user interaction in modern web development.
This article explains what Progressive Web Apps are, outlines the ten criteria that define a qualified PWA, discusses related technologies such as Service Workers and Web Workers, and provides guidance for developers to start building their own PWAs.
Learn step‑by‑step how to create a basic file‑upload function in Django 1.10 using Python 3.6, covering project setup, model design, migrations, view logic, URL configuration, template form creation, and displaying uploaded results, with illustrative code snippets.
This article shares a practical roadmap for transitioning into front-end development, covering browser engine fundamentals, essential web technologies, common compatibility challenges, recommended tools, popular frameworks, and engineering practices to help beginners build a strong foundation and advance their careers.
Learn how to create, customize, and extend jQuery plugins—from basic concepts and simple color-changing examples to chainable calls, avoiding $ symbol conflicts, handling parameters, and using $.extend and $.fn.extend—while understanding the underlying prototype mechanism and best practices.
This comprehensive guide walks beginners through essential HTML and CSS learning resources, practical experiments, and best‑practice techniques—covering semantics, naming conventions, resets, cross‑browser support, preprocessors, grid systems, and portfolio building—to accelerate front‑end development skills.
This guide revisits essential HTML structure, common tags, CSS selectors and properties, and demonstrates practical techniques like creating tables, forms, floats, positioning, overflow, and a charming border‑radius penguin illustration, using clear mind‑map images to help beginners quickly refresh and deepen their front‑end fundamentals.
This article explores the challenges of front‑end error detection, compares client‑side storage options, defines an elegant log format, and presents a lightweight logging solution that enables quick capture, upload, and analysis of JavaScript errors in web applications.
This guide introduces inline Scalable Vector Graphics (SVG) for web developers, covering basic organization, essential elements, shape primitives, path commands, accessibility considerations, and practical code examples to help integrate and manipulate SVG directly within HTML documents.
This guide demonstrates how to install Flask‑Login, configure it within a Flask app, define user and role models, set up protected routes, and use the provided template helpers to manage authentication and session handling in a Python backend.
This article introduces the WSGI specification, explains how WSGI servers and applications interact, details the application interface and environment handling, and provides practical examples for processing GET and POST requests in Python, helping beginners build their own web frameworks.
Lego is a component-based front-end page assembly platform at Meituan, enabling rapid low-code page building via drag‑drop components, with an Assembly Factory UI, developer SDKs, event‑based component communication, and a rendering engine that outputs HTML/FreeMarker, reducing development time and standardizing UI across projects.
Learn how to create a simple, custom JavaScript error‑tracking system that logs client‑side exceptions to a server, stores them in a database, and notifies users, offering a low‑cost alternative to heavyweight services for small web projects.
This article examines the limitations of plain Fetch API for caching and real‑time updates in complex web apps, then demonstrates how wrapping Fetch with RxJS creates lazy‑loaded caches, reactive update notifications, and extensible data streams, while outlining practical implementation details and best practices.
This article examines the strong job market for frontend engineers in Beijing, explains why their role commands high salaries, lists essential frontend skills, and offers a downloadable PDF resource for further learning, providing a comprehensive view for aspiring developers.
The article walks through setting up a low‑cost Tencent Cloud Ubuntu server with Apache or Nginx‑PHP, then demonstrates building four lightweight web utilities—a self‑hosted questionnaire system, a JavaScript QR‑code generator/scanner with short‑URL support, a Baidu‑map search tool, and a PHP script that parses Apple’s CFPropertyList to list Xcode dmg and docset download URLs.
This article examines common misconceptions and pitfalls of front‑end/back‑end separation, explains why proper preparation and clear API design are essential, and outlines practical steps—from project planning to testing and deployment—to implement a successful separation strategy in modern web development.
Learn how to install and configure the WeChat Web Developer Tools on Linux by downloading NW.js, copying necessary files, fixing module name case issues, creating a run‑detectors file, installing Wine, and adjusting project settings for smooth development.
This article explains the fundamentals of HTTP, covering client‑server interactions, page rendering flow, proxy roles, statelessness, request/response structures, common methods, limitations of HTTP/1.0, and the performance enhancements introduced by HTTP/2.
This article offers a comprehensive guide for newcomers to web front‑end development, covering project engineering basics, emerging development directions, the current job market, essential frameworks and tools, and practical tips for overcoming common challenges.
This sixth installment of the Quick Q&A column answers common front‑end questions about CSS vertical‑align, equal‑height columns, JavaScript learning resources, code‑review feedback, and provides practical career guidance for aspiring web developers.
The author shares a detailed recap of Google Developer Day, covering Android's new features and standardization, Web technologies like Progressive Web Apps, emerging AI and VR/AR demos, and overall insights on the direction Google is steering its developer ecosystem.
This guide explores real‑world uses of CSS3 animation properties—animation‑delay, animation‑fill‑mode, animation‑direction, animation‑play‑state, and animation‑timing‑function—showing how to build timelines, carousels, sequence effects, and debugging tricks with clear code examples.
This article explains the concept, functions, development steps, configuration, lifecycle methods, and practical examples of Java Servlet Filters, showing how they intercept requests and responses, modify data, and integrate with web.xml, Spring, Hibernate, and Struts2 for backend web applications.
This article explains the fundamentals of React and Redux, compares them to traditional tools like jQuery, highlights their combined benefits for clean state management, and describes Hulu’s ongoing migration to this modern frontend stack.
This article explains the differences between numeric (100‑900) and keyword (normal, bold, bolder, lighter) font-weight values, shows how browsers match unavailable weights using the CSS font‑matching algorithm, and provides practical examples and recommendations for developers.
The article introduces React Web, a framework that extends Qunar's customized React Native to the browser, enabling a single codebase to run on iOS, Android, and web platforms, and discusses its background, implementation, advantages, and usage examples.
The article introduces React Web, a framework that extends React Native components and APIs to the browser, allowing a single codebase to run unchanged on iOS, Android, and web, thereby improving development efficiency, reducing costs, and addressing performance and compatibility challenges.
This article introduces WeChat Mini Programs, compares them with Web Apps and other lightweight app models, explains their component‑based development workflow, key APIs, routing and styling, and discusses the cost, promotion, and future prospects of building mini‑apps on the WeChat platform.
This article explains the historical purpose of JavaScript for form validation, defines form elements and their attributes, discusses various input-related events and browser quirks, and provides practical CSS and JavaScript solutions for handling form layout, input handling, and cursor behavior.
Discover 15 powerful Chrome DevTools shortcuts—from quick file search and regex source scanning to multi‑cursor editing, color picking, device emulation, and workspace file editing—that dramatically boost debugging speed and productivity for web developers.
This article explains the complete journey of a web request—from DNS lookup and TCP handshake through HTTP exchange, server processing, and browser rendering—while highlighting optimization techniques and the roles of front‑end and back‑end engineers.
This article provides a comprehensive, English‑language reference of common JavaScript DOM APIs—including element selection, class manipulation, node operations, attribute handling, content updates, CSS styling, size calculations, event binding, DOM ready detection, context binding, whitespace trimming, Ajax requests, JSON parsing, and node traversal—complete with code examples for each feature.
The IMWebConf 2016 held at Tencent HQ attracted over 200 participants and 1,181 online registrants, featuring in‑depth talks on HTTPS best practices, React Native, React SSR, Node.js, and JavaScript design, with overwhelmingly positive feedback on content quality and organization.
The article details the development, architecture, and operational practices of JD.com’s CMS platform, covering its three evolutionary stages, front‑back separation, dynamic data types, disaster‑recovery mechanisms, intelligent product selection, and lessons learned from large‑scale deployment.
This guide explores essential JavaScript console methods—trace, table, time, and profile—to help developers debug call stacks, visualize objects, measure execution time, and analyze CPU usage, complete with code examples and visual illustrations.
This guide explains five common scenarios where Chinese characters appear garbled in Java web applications—JSP pages, servlets, POST form submissions, URI parameters, and properties files—and provides step‑by‑step configurations such as setting pageEncoding, response content type, request character encoding, Tomcat URIEncoding, and using native2ascii.
This article outlines a step‑by‑step learning roadmap—including HTML/CSS/JavaScript, computer‑science fundamentals, algorithms, tooling, backend basics, and project work—that helped a complete beginner become a capable junior front‑end developer within just over half a year.
After nearly a decade of work in embedded, web, mobile, consulting, and integration projects, the author outlines four major knowledge areas—engineering methods, system integration, project management, and development—detailing essential practices, design principles, and technology stacks such as C, Android, cloud services, and big data.
Eruda is a lightweight JavaScript plugin that brings desktop‑like DevTools to mobile browsers, offering a console, DOM inspector, network monitor, resource viewer, page info, snippets, and source viewer, making on‑device debugging fast and efficient for web developers.
This guide explains why responsive design matters, defines breakpoints, shows how to set the viewport and media queries, and offers practical rules and examples for planning breakpoints across phones, tablets, and various desktop screens.
In this interview, veteran front‑end architect “CSS Magic” shares his eight‑year learning path, explains why mastering CSS 2 is essential before CSS 3, recommends preprocessors and a layered CSS architecture, discusses the interplay of CSS and JavaScript, and offers practical advice for beginners and teams.
The discussion explores various perspectives on front‑back end separation, covering definitions, benefits, architectural patterns, technology choices like Node.js, Vue, Angular, and practical considerations such as API design, performance, and deployment strategies.
This article shares a veteran developer’s journey from early web pages to modern full‑stack engineering, offering practical advice on mastering front‑end, back‑end, and mobile technologies, the importance of broad skills, and a realistic roadmap to becoming a versatile software professional.
This guide walks you through thoughtful project evaluation, detailed product requirement drafting, effective UI/UX design, appropriate technology selection, and practical front‑end and back‑end implementation tips to help solo developers successfully build and launch a web application.
AlloyFinger is a tiny, feature‑rich JavaScript library from Tencent that enables scaling, rotation, dragging, tap, double‑tap, swipe and long‑press gestures on both DOM and Canvas elements, with a full code example showing how to move and zoom an image.
A recent graduate shares how he overcame the pitfalls of self‑teaching programming by narrowing his tech stack to essential web tools, focusing on hands‑on projects, and avoiding endless theory, offering a concise roadmap for beginners eager to build functional prototypes quickly.
This article reviews recent advances in front‑end development, compares popular frameworks such as AngularJS, EmberJS, ReactJS and VueJS, examines their evolution, discusses user and developer needs, and offers guidance on which technologies to invest in for the coming years.
This article chronicles a developer’s detailed workday, documenting the discovery, analysis, and resolution of numerous JavaScript bugs in IE7, the communication with teammates, and the systematic debugging process that ultimately led to fixing a critical comma‑induced error in the code.
This article explains the fundamentals of character encoding, covering character sets, encoding rules, and common schemes such as ASCII, Unicode, UTF‑8, GB2312, GBK, and GB18030, helping developers prevent and resolve garbled text issues in web and database applications.
Application cache manifests let browsers store resources locally, enabling offline access, faster load times, and reduced server load; this guide explains their purpose, browser support, usage syntax, file structure, update mechanisms, and key considerations for reliable offline web applications.
The Meituan‑Dianping tech salon recap reveals how their frontend teams leverage Node.js for high‑traffic services, Docker‑based builds, a custom monitoring tool, a React‑powered H5 publishing platform, modern engineering scaffolds, and the Vane API integration system to dramatically improve development speed and reduce costs.
This article examines why many web projects pair a fast‑changing PHP front‑end with a stable, high‑performance Java back‑end, outlining each language’s strengths, recent improvements, integration methods, and architectural patterns such as view‑first and RPC/RESTful communication.
This article introduces the advantages of Nginx and Lua, explains the ngx_lua module and OpenResty ecosystem, describes common architectural patterns such as load balancing and caching, and provides a step‑by‑step guide to building, configuring, and deploying a Lua‑based web application on Nginx.
This article introduces fifteen powerful PHP libraries—from testing tools like Mink to HTTP clients such as Requests and caching solutions like Stash—highlighting their key features and how they can accelerate backend development and improve web application performance.
This article explains six practical caching strategies—from client‑side HTTP 304 handling to Nginx static caching, full‑page, fragment, query, and database caches—using Ruby on Rails, Nginx, MySQL, and Redis to dramatically improve web application performance.
Learn how to create a custom Django 1.6 middleware by defining a class, overriding process_request, configuring it in MIDDLEWARE_CLASSES, and applying it to scenarios such as IP filtering, access control, user behavior tracking, and abnormal request detection, with full code examples.
This article explains the principles of Base64 encoding, provides PHP implementations for URL-safe variants, illustrates how binary data is transformed into text, and discusses common use cases such as data URLs and MIME while warning against misuse for security purposes.
The article explains how internet startups can design and evolve a scalable web architecture—through service separation, clustering, load balancing, distributed caching, database replication, and effective team organization—to handle rapid user growth and avoid performance bottlenecks.
This article presents ten expert‑backed PHP best practices—from choosing the right use cases and leveraging multi‑table storage for scalability, to security, caching, IDE usage, filtering functions, framework decisions, batch processing, and enabling error reporting—offering actionable guidance for building robust, high‑performance web applications.
This article explains the fundamentals of browser caching, compares strong and negotiated cache mechanisms, shows how Expires and Cache‑Control headers work, provides Java code examples for managing cache, and offers practical tips for avoiding stale resources during development.
This personal narrative recounts how a complete beginner in 2014 taught himself HTML, CSS, JavaScript and Node, landed his first front‑end job, overcame chaotic requirements, leveraged search engines, and continuously expanded his web development skills through hands‑on projects and self‑directed learning.
The article explains how the newly released WeChat web development tool lets developers debug web authorization flows directly on a computer, eliminating the need to switch between mobile devices and simplifying the testing process.
From typing a URL to rendering a page, this article walks through each step—browser DNS lookup, HTTP request and response, redirects, server processing, content delivery, and asynchronous calls—revealing the complex interactions that make modern web browsing possible.
The article recounts a Chinese company's evolution from an IE‑only HTC‑based UI stack in 2007 through a Flex‑driven heavyweight solution and finally to Angular, highlighting the technical, organizational, and strategic challenges of adopting component‑based front‑end architectures across multiple browser generations.
This article explains what RESTful APIs are, why they are essential for modern web and mobile development, and provides clear examples of common CRUD operations using standard HTTP methods.
This article compiles a comprehensive list of must‑have web development skills—including UI/UX best practices, security measures, performance optimization, SEO techniques, core technical knowledge, and bug‑fixing strategies—to help developers build robust, user‑friendly websites.
This article explains the steps from a client’s HTTP request to server response, analyzes performance bottlenecks such as TCP connection overhead, and presents practical browser‑side caching techniques—including Keep‑Alive, Last‑Modified/If‑Modified‑Since, ETag/If‑None‑Match, Expires, and Cache‑Control—to improve web site speed.
This guide explains twelve practical principles—from declaring a proper DOCTYPE and using UTF‑8 encoding to externalizing CSS/JS, correct nesting, meaningful naming, and validating markup—that help developers write clean, maintainable, and standards‑compliant HTML code.
This tutorial walks you through building a starter authentication application using Play Framework, Scala, Silhouette, and MongoDB, covering email sign‑up, password reset, OAuth1 Twitter login, and user‑aware views, while explaining Play's reactive, asynchronous architecture for scalable backend development.
Embedding images as base64‑encoded Data URIs can dramatically cut the number of HTTP requests, improving page performance, though it enlarges the HTML size—a trade‑off that can be softened with gzip compression and is best suited for frequently used static assets.
