A comprehensive guide explores modern CSS selectors—including combinators, attribute selectors, UI pseudo‑classes, structural selectors, content selectors, and experimental selectors—showcasing practical examples, codepen demos, and browser compatibility tips for front‑end developers.
This article explains how the CSS content property works with ::before and ::after pseudo‑elements, demonstrates which values are accepted or rejected—including numeric and calc() values—shows how to use counters and images, and highlights common pitfalls such as treating numbers as strings.
This newsletter curates the month’s top front‑end articles on React rendering, performance optimization, Electron internals, event loop mechanics, Unicode quirks, plus the latest front‑end news, version releases, and upcoming technical conferences, providing developers with concise insights and resources.
The article explains the Virtual DOM as a lightweight JavaScript object with tag, props, and children, shows how JSX compiles to VD using a custom pragma, provides helper functions to create real DOM from VD, and outlines how batching updates reduces reflows, previewing a future diff algorithm.
This article walks through creating a mobile‑friendly WeChat web app using Vue and the VUX UI library to integrate Azure DevOps notifications, covering project initialization, dependency installation, component registration (both local and global), and deployment screenshots.
This tutorial walks through creating a lightweight Java web project using Maven, Spring, SpringMVC, MyBatis, and SpringBoot in IntelliJ IDEA, covering project setup, datasource configuration, Spring annotations, MyBatis integration, deployment settings, and optional Redis and Druid components.
This article explains how to use HttpServletResponse in Java web applications to generate captcha images, control browser behavior through response headers such as caching and refresh, implement redirects, and adopt recommended absolute URL path conventions using the servlet context path.
This tutorial walks through creating a miniature Spring MVC framework using only the JDK, covering custom annotations, package scanning, component instantiation, dependency injection, URL mapping, and a custom DispatcherServlet, with complete code structure and runtime demonstration.
This tutorial explains how to install Flask‑SQLAlchemy, configure a Flask app to connect to MySQL, define ORM models, perform queries, handle pagination, update records, and execute join queries, providing code examples and best‑practice tips for backend development.
Laravel 5.7 has been officially released, bringing a revamped resources directory, a new pagination method to control link counts, improved Eloquent error messages, and ongoing bug and security fixes, with details on the updated folder layout and usage examples.
This article provides a thorough overview of the HTTP protocol, covering network architecture basics, the request/response model, detailed structures of request and response messages, and extra topics such as HTTP/1.1 vs HTTP/1.0, HTTPS differences, and long‑connection handling.
This tutorial walks you through creating a real‑world Django project, covering template, static, and middleware settings, switching to MySQL, defining models with one‑to‑many and many‑to‑many relationships, implementing CRUD views, configuring URLs, and building simple HTML templates with code examples and key configuration screenshots.
This article explains how Flask uses Jinja2 templates, covering template rendering, variable syntax, built‑in filters, inheritance, and demonstrates a complete schedule‑management example with CRUD operations, DataTables integration, and AJAX calls.
This guide outlines a complete performance optimization strategy covering web front‑end tuning (reducing HTTP requests, compressing assets, avoiding redirects), database optimization (SQL, architecture, connection pools), caching solutions, asynchronous processing, and JVM tuning with monitoring tools to improve overall system efficiency.
Chrome extensions are small HTML‑CSS‑JS programs whose functionality is defined in a manifest.json that lists permissions, icons, and components such as background scripts, content scripts, options pages, and UI actions, with communication via runtime messaging, storage via web or Chrome APIs, and updates managed through an update_url.
This article systematically outlines the essential steps and considerations for creating a classic Java web application, covering environment preparation, Maven scaffolding, logging and database dependencies, DAO design with MyBatis, Spring integration, service-layer best practices, and RESTful controller implementation.
This comprehensive guide introduces Django, outlines its key features, explains the standard project structure, walks through essential commands, demonstrates view and URL configuration, covers template syntax and tags, and details model creation, database operations, and form handling with both GET and POST methods.
This article walks through the evolution of front‑end architecture—from tightly coupled JSP/Servlet setups, through semi‑separated Ajax‑driven pages, to fully separated front‑end/back‑end designs with Node.js—highlighting their advantages, drawbacks, and practical lessons for developers.
Reflecting on jQuery’s rise, dominance, and eventual decline, this article traces the library’s history, its impact on front‑end development, compares it with contemporary frameworks, and offers advice on understanding underlying JavaScript fundamentals before relying on any library.
This article demystifies the OAuth2.0 Authorization Code Grant by explaining its core concepts, illustrating the login flow with real‑world examples like Douban and QQ, and providing a simple GitHub demo project to help developers implement the protocol correctly.
This tutorial walks through installing Flask, creating a new Python Flask project, customizing static and template directories, running the app, and integrating Bootstrap via flask‑bootstrap to build a simple web page with navigation.
This tutorial walks you through configuring Django templates, static files, middleware, and MySQL database settings, then defines models for publishers, books, and authors, implements CRUD views and URL routing, and creates the necessary front‑end templates to build a complete library management application.
This guide explains what CORS is, why browsers enforce same‑origin policies, and provides both frontend and backend strategies—including JSONP, proxy servers, Chrome flags, and several Spring Boot configurations such as filters, @CrossOrigin, custom CorsFilter, and WebMvcConfigurer—to resolve cross‑origin issues.
This article walks through the fundamentals of SVG, explains its advantages over raster formats, demonstrates how to create shapes and apply SMIL animations with code examples, and shows practical techniques such as masking, referencing, and animating transforms to build rich, lightweight web graphics.
This article explains the fundamental differences between GET and POST requests, the dual TCP/UDP usage of DNS, the meaning of idempotence, the contrast between cookies and sessions, causes and solutions for TCP packet fragmentation, the three‑way handshake and four‑way termination, the complete HTTP request flow, long‑connection handling, TCP reliability mechanisms, detailed HTTP structure, the distinction between URI and URL, and how HTTPS secures data transmission.
This article introduces five essential Laravel helper functions—data_get, str_plural, route, abort_if, and optional—explaining their usage with code examples, default values, wildcard support, URL generation, conditional exception handling, and safe property access to streamline backend development.
The article recounts a recent Java web project for a municipal client, detailing the lack of documentation, the decision to redevelop, the choice of front‑end and back‑end frameworks, the layered architecture design, agile team management, and practical lessons for rapid development of small‑to‑medium systems.
This guide explains how to install MySQL, configure the Python MySQL client, set up a Django project, add an app, modify settings to connect to a local MySQL database, and run the development server to verify the installation.
This article provides a comprehensive overview of Django, covering its MVC/MTV architecture, key features, project directory layout, essential configuration settings for databases and static files, and detailed routing examples with code snippets for creating and managing a Django web application.
This eight‑day tutorial introduces how to quickly set up a Django‑based backend administration system, covering required dependencies, installation commands, project creation, server launch, and verification steps, encouraging readers to practice each day and eventually build an automated front‑end data entry platform.
This article introduces SpriteJS, a cross‑platform canvas library from 360 Qiwang Team, showing how to create structured UI, draw shapes, apply transitions, use the Web Animation API, work with textures, paths, groups, events, D3 integration, physics engines and particle systems, all with practical JavaScript code examples.
SpriteJS is an open‑source, cross‑platform JavaScript library that simplifies canvas drawing by providing a DOM‑like API for creating sprites, paths, groups, and animations, integrating seamlessly with tools such as D3, Matter‑JS, Proton, and CurveJS for rich interactive visualizations.
This article explains how to create a web page that enables downloading zip archives and images by first using simple hyperlink references and then implementing a Java Servlet that streams files with proper MIME types and Content‑Disposition headers, ensuring consistent download behavior across browsers.
This article outlines the complete set of front‑end, back‑end, database, server, and deployment technologies and best‑practice knowledge a developer needs to build and run a simple yet functional Java Web application, providing a clear big‑picture roadmap for beginners.
A whimsical tale leads into a comprehensive guide on ARIA attributes, role definitions, and VoiceOver gestures, showing developers how to make mobile web interfaces fully accessible for screen‑reader users while preserving visual design and interaction patterns.
While both GET and POST are HTTP request methods built on TCP, they differ in how parameters are transmitted, caching behavior, URL length limits, security implications, and the number of TCP packets exchanged, with GET sending data via the URL and POST via the request body.
This article walks through the evolution of Java web development, comparing the classic web.xml configuration with Servlet 3.0 annotations, Spring’s ServletContainerInitializer, and Spring Boot’s embedded‑container registration mechanisms, while exposing the underlying source code and initialization flow.
This weekly newsletter curates nine insightful articles covering Google’s Guess.js toolkit, I/O 2018 web highlights, front‑end AR techniques, Chrome’s autoplay restrictions, a deep dive into Redux, WebAssembly versus JavaScript performance, comprehensive CSS line‑break methods, ten common software architecture patterns, and guidance on front‑end engineer career advancement.
The article compares the MEAN (MongoDB, Express, Angular, Node.js) and LAMP stacks, highlighting MEAN's flexibility, simplicity, and performance advantages while acknowledging LAMP's reliability, and lists nine reasons to consider MEAN for new projects.
The article reviews Google I/O 2018, covering the push for accessible AI with TensorFlow demos, front‑end TensorFlow.js experiments, new Android JetPack and App Bundle features, progressive web app advancements, and impressive WebAssembly applications like a browser‑based AutoCAD viewer.
This article provides a comprehensive tutorial on using ServletConfig and ServletContext in Java web development, covering how to configure and retrieve servlet initialization parameters, share data between servlets, forward requests, read resource files, and set client‑side caching for servlet responses, with complete code examples.
This article introduces Spring Boot, explains its key features, walks through creating a Maven project with a complete pom.xml, adds essential dependencies and plugins, shows how to write a basic @RestController application, and demonstrates various ways to run and hot‑reload the service.
This article presents a comprehensive, step‑by‑step roadmap for aspiring backend developers, covering language selection, tooling, best practices, security, databases, frameworks, testing, deployment, and continuous learning to help readers confidently master modern backend development.
The article introduces CRNWEB, a cross‑platform framework built on React‑Native that unifies iOS, Android, and Web development by detailing its design goals, component system, style handling, event processing, and packaging optimizations to achieve high performance and consistent user experience.
The article traces the evolution of full‑stack engineering from early 2000s tasks like Photoshop design and PHP 4 scripting to today’s extensive skill set covering operations, cloud platforms, backend services, databases, frontend frameworks, design tools, logging systems, and mobile development, and asks whether mastering this breadth is worthwhile.
This article demonstrates how to implement page-based data retrieval in a Java web application using Spring MVC, MyBatis, and a custom Page utility class, covering the creation of the pagination class, mapper XML, DAO interfaces, service logic, controller handling, and JSP pagination controls.
This article provides a comprehensive tutorial on Java Servlets, covering their purpose, lifecycle, creation in Eclipse, configuration of web.xml mappings, URL pattern rules, default servlet behavior, thread‑safety concerns, synchronization techniques, and the deprecated SingleThreadModel approach.
Learn how to translate After Effects animation drafts into performant web animations using both automated tools like Bodymovin/Lottie and manual extraction of keyframe parameters, with detailed examples, code snippets, timing‑function insights, and practical tips for front‑end developers.
This article analyzes the ten most frequent JavaScript errors identified from over a thousand projects, explains why each occurs, and offers practical code examples and preventive techniques to help developers avoid these common pitfalls.
This article explores practical JavaScript and DOM optimization techniques—avoiding eval, using local variables, minimizing reflows, and leveraging efficient string handling—to dramatically improve web application performance.
This guide provides a structured learning path for beginners to master Python, covering why the language matters, its advantages, and detailed roadmaps for both web crawling and web development tracks to help learners avoid wasted time and achieve proficiency.
This tutorial walks you through creating a Chrome extension—from understanding what extensions are, setting up the manifest and HTML files, testing in developer mode, adding movie‑background features with the TMDb API, to publishing the finished extension on the Chrome Web Store.
This article explains the fundamentals of the HTTP protocol, compares HTTP/1.0 and HTTP/1.1, details request and response structures, and demonstrates how to control browser behavior with various response headers using Java servlet examples.
The article explores the collaborative relationship between Chrome teams and the web development community, outlining high‑level goals for accessibility, performance, security, privacy, overall platform openness, and calls for transparent cooperation, best‑practice guides, and shared tools to build a faster, more reliable web for everyone.
This guide demonstrates how to create a CAPTCHA verification feature in Java by generating random characters and interference lines using Graphics, serving the image via a servlet, and integrating it into an HTML registration page with JavaScript for dynamic refresh.
The author, a senior front‑end engineer, shares insights from ArchSummit 2017 Beijing, covering Google's presentation on Mobile Web and Progressive Web Apps in China, Baidu's discussion on front‑end techniques that propel product development, and the evolving landscape of web versus native applications.
This article reflects on a frontend developer’s three‑year journey, outlining core technical skills, deep‑dive modularization concepts for code and platforms, practical best‑practice guidelines, and insights into wireless/mobile web development for sustainable growth.
Discover a curated list of powerful Chrome extensions that can dramatically improve developers' productivity, from memory‑saving tab managers to ad blockers, code viewers, note‑taking tools, HTTP clients, translation aids, script managers, visual themes, and video downloaders.
Explore the extensive capabilities of the browser Console object—including log, group, table, dir, assert, count, trace, timing, profiling, and custom styling—to enhance debugging and streamline development, with practical examples and visual guides for Chrome.
This article explains why simple HTML/CSS solutions are often preferable to JavaScript, and demonstrates seven practical techniques—including navigation highlighting, hover‑based menus, custom form controls, equal‑height columns, dynamic item layouts, form submission, and automatic Enter‑key handling—each with clean code examples.
This article explores the evolving role of front‑end engineers, outlining how their work is diversifying across domains, industries and tech stacks, converging with device, full‑stack and AI technologies, while core fundamentals remain unchanged, and offers guidance on navigating the future.
This article explains the basic concepts of static and dynamic web resources, describes common web servers and development technologies, and provides a step‑by‑step guide to installing, configuring, and troubleshooting Tomcat for JavaWeb applications.
This tutorial walks through setting up a Spring MVC environment with Eclipse, Tomcat, and JDK, importing required JARs, configuring web.xml and springmvc.xml, writing a HelloWorld controller, creating JSP views, and handling common issues such as static resource mapping and server integration.
This article explains why a template engine is needed for web applications that mix large static HTML with dynamic data, describes the supported template syntax based on Django, and walks through the implementation of a Python‑based engine that parses templates, compiles them into Python code, and renders the final HTML efficiently.
This tutorial walks through setting up a Python web project, creating a virtual environment, installing Flask, deploying with Gunicorn, managing processes via Supervisor, and configuring Nginx as a reverse proxy, providing a full end‑to‑end deployment workflow.
The author recounts a recent Alibaba Java Web interview journey, reflects on gaps uncovered during the process, and compiles a comprehensive list of core Java Web concepts—including JVM internals, servlets, Spring, Hibernate, Struts, HTTP fundamentals, and design patterns—to guide future learning and preparation.
This article explains why front‑end/back‑end separation is increasingly popular, outlines its benefits over traditional monolithic web development, and demonstrates a practical implementation using Vue, Node.js, and Express for a movie ticketing system, including mock data handling and deployment tips.
This article presents a detailed Java learning roadmap that starts with front‑end basics, progresses through core Java SE concepts, object‑oriented programming, databases, web technologies, major frameworks, and advanced topics such as JPA, Lucene, and high‑performance architecture, offering a structured path for aspiring developers.
This article recounts a QA professional’s step‑by‑step transition to backend development through self‑studying Python, Flask, and related technologies, detailing timelines, resources, challenges, productivity tips, and future goals while offering practical advice for others seeking a similar career change.
The article details a real‑world investigation of a surge of HTTP 406 errors on a Chinese e‑learning platform, tracing the issue to malformed Accept headers sent by a search‑engine crawler and illustrating how CDN routing and header negotiation can cause widespread client‑side failures.
This guide outlines the essential skills—from HTML/CSS and JavaScript to backend languages, databases, HTTP/REST, architecture, Git, and core algorithms—needed to become a full‑stack web developer in 2017 and land your first job.
Learn how to efficiently locate and fix JavaScript bugs by reproducing errors, setting breakpoints, stepping through code, inspecting variables with Watch expressions, and editing code directly in Chrome DevTools, all demonstrated through a concrete addition calculator example.
This article provides a step‑by‑step tutorial on registering as a developer, obtaining an AppID, installing the Alipay Mini Program IDE, creating a project, editing code, understanding the app and page structure, debugging, previewing on devices, and finally publishing a functional Alipay mini‑program.
This article explains the fundamentals of HTTP Session and Cookie mechanisms in Java web applications, provides a minimal Spring Boot controller example that stores and retrieves a browser identifier via session, demonstrates behavior across Chrome and 360 browsers, and highlights the security risk of tampering with the JSESSIONID cookie.
This week’s IMWeb Frontend Community roundup highlights the Apple September event details, introduces KSQL for Apache Kafka, previews Polymer 3.0’s shift to ES6 modules, discusses the Ayo.js Node.js fork, ASP.NET Core 2 Razor pages, VS 2017 preview, container adoption trends, and Oracle’s cloud database innovations.
This illustrated guide walks users through clearing cache and launching developer tools in browsers ranging from Internet Explorer, Chrome, Opera, Safari, Firefox, and Edge to lesser‑known browsers, and even shows how to toggle compatibility modes in dual‑engine browsers, with screenshots for each step.
Learn how Nuxt.js extends Vue.js to provide seamless server‑side rendering, from installation and project scaffolding to directory structure, rendering flow, middleware, asyncData handling, routing conventions, and configuration tips, enabling SEO‑friendly, high‑performance web applications.
This weekly roundup delivers the latest front‑end and tech updates, covering Ma Huateng's digital manufacturing insights, React's license controversy, Bootstrap 4 Beta, Node.js 8.4, ESLint 4.5, .NET Core 2, Android Oreo, Puppeteer, the Agile Beach conference, and a new Google Play Store feature.
This guide introduces Django’s fundamentals, explains its MTV architecture, walks through project and app setup, URL routing, views, models, admin customization, database configuration, and essential commands, providing a practical roadmap for quickly building web applications.
This article presents a detailed roadmap for aspiring front‑end engineers, covering essential fundamentals, design principles, development techniques, networking basics, server‑side knowledge, database skills, and soft‑skill practices, while providing practical code examples and resource recommendations.
HTML5, once a long‑awaited web standard born in 2004 and finalized in 2014, replaced Flash by introducing native multimedia, canvas, WebSockets, and hardware acceleration, while facing prolonged drafting delays and compatibility challenges, ultimately reshaping modern web development and paving the way for richer, plugin‑free experiences.
This article explores why many front‑end developers hit learning bottlenecks with CSS, illustrates the stages of skill progression using analogies, and offers practical strategies—including deeper detail mastery, mechanism understanding, sharing, and mindset shifts—to overcome those limits.
This article traces the evolution of the full‑stack developer role from early 2000s tasks like Photoshop design and basic PHP/MySQL work to today’s extensive skill set covering operations, cloud platforms, backend frameworks, databases, frontend tooling, design, logging, and mobile development, and finally asks whether the breadth of knowledge is worth the effort.
This week’s frontend roundup covers Tencent’s soaring profits, Andrew Ng’s $150 million AI fund, Google’s DeepLearn.js library, Next.js 3.0, Node 8.3, Angular 5 PWA features, .NET Standard 2.0, AWS joining CNCF, Huawei’s drone‑based emergency network, and Firefox 55’s WebVR support.
This tutorial walks you through creating a simple content management system using Flask, demonstrating how to set up the environment, define SQLAlchemy models, generate an admin interface with Flask‑Admin, and expose RESTful endpoints with Flask‑Restless, all within about an hour of development.
In this reflective letter, a seasoned front‑end engineer explains why front‑end talent is scarce, how the shift to mobile‑first has reshaped the field, and offers practical advice on skills, mindset, and craftsmanship for anyone aspiring to thrive as a front‑end professional.
This guide outlines a structured learning path for beginners to master Python fundamentals, web front‑end basics, network programming, and popular Python web frameworks, providing curated resources and practical project ideas to help learners choose a focused direction and avoid scattered skill gaps.
This article walks through the design and implementation of a Django‑powered operations management platform, covering request flow, modular app structure, user authentication, asset storage, performance monitoring, batch management with Ansible, and full‑stack front‑end integration, illustrated with diagrams and code snippets.
This week’s front‑end roundup covers Storybook 3.2’s Vue support, Webpack’s first‑class WebAssembly push, WebKit’s PWA plans, a browser‑based neural‑network framework, Coinbase’s $100 M raise, TensorFlow 1.3 updates, Netflix’s Vectorflow, Visual Studio 2017 preview, and Angular AOT memory limits.
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.
