Jun122018
Swift 前端开发与 WebView 的交互
在移动应用开发中，经常需要与网页进行交互，以实现更丰富的用户体验。Swift语言提供了强大的WebView组件，使得我们可以轻松地将网页内容嵌入到应用程序中，并且能够进行双向的数据传输与交互。本文将介绍如何在Swift中进行前端开发与WebView的交互。
一、WebView的基本使用
WebView是一个用于显示网页内容的视图组件，我们可以通过将其添加到视图层次结构中来显示网页。首先，我们需要在...阅读全文
抢沙发
Jun062018
使用SASS编写可维护的CSS样式表
在前端开发中，CSS样式表起到了定义网页外观和布局的关键作用。然而，随着项目规模的增大和样式表的复杂化，手写纯 CSS 往往会变得难以维护和管理。为了解决这个问题，我们可以使用SASS（Syntactically Awesome Style Sheets）这个功能强大的预处理器来编写可维护的 CSS 样式表。本文将介绍如何使用SASS来提高前端开发的效率和可维护性。
什么是SASS
SASS是一种CSS预处理器，它扩展了CSS...阅读全文
May252018
前端开发中的可视化编辑器和组件库技术及相关标签拼接方法
在现代的前端开发中，可视化编辑器和组件库成为了必不可少的工具。它们大大提高了开发效率和代码的可维护性。在本文中，我们将介绍可视化编辑器和两个流行的组件库技术，以及如何使用它们和其他相关标签进行拼接。
可视化编辑器
可视化编辑器是一种工具，它允许开发人员通过拖拽和放置组件来构建用户界面。这种编辑器通常具有直观的界面，使开发人员能够快速创建原型并生成可执行的代码。...阅读全文
May202018
移动端web开发实践:滚动穿透/键盘遮挡/滚动不平滑等问题
最近在一个移动端的 Web 项目中踩了不少坑，移动端web开发真的坑不少，感觉有必要把它们记录下来，分享给正在钻研移动端Web开发的同学们。
滚动穿透问题
滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案，但有些还是存在一定的问题：
设置overflow为hidden
.modal-open {
&, body {
overflow: hidden;
...阅读全文
May152018
如何创建响应式导航菜单
在现代网页设计中，响应式导航菜单已经成为一个必要的组件。响应式导航菜单可以根据用户的设备尺寸自动调整样式和布局，以提供更好的用户体验。本文将介绍如何使用HTML、CSS和JavaScript来创建一个简单但功能丰富的响应式导航菜单。
步骤一：HTML结构
首先，我们需要定义导航菜单的HTML结构。一个典型的响应式导航菜单通常由一个包含所有导航选项的导航栏和一个用于显示隐藏菜单项的下拉...阅读全文
May132018
PHP html dom解析器(Simple HTML DOM)使用方法介绍
一直以来使用php解析html文档树都是一个难题。Simple HTML DOM parser 帮我们很好地解决了使用 php html 解析 问题。可以通过这个php类来解析html文档，对其中的html元素进行操作 (PHP5+以上版本)。
解析器不仅仅只是帮助我们验证html文档；更能解析不符合W3C标准的html文档。它使用了类似jQuery的元素选择器，通过元素的id，class，tag等等来查找定位；同时还提供添加、删除、修改文档树...阅读全文
May112018
前端框架Vue.js 3.x新特性实战
Vue.js是一款优秀的前端框架，随着Vue.js 3.x的发布，其中引入了许多新特性和改进。本文将介绍一些Vue.js 3.x的新特性，并用实例进行演示。
Composition API
Composition API是Vue.js 3.x中最引人注目的新特性之一。它允许我们以逻辑功能为单位组织代码，而不是以页面或组件为单位。这样做的好处是可以更好地重用和组织代码。
下面是一个使用Composition API的示例：
import { ref, compu...阅读全文
May102018
使用Canvas实现绚丽的粒子效果（Canvas粒子效果）
在前端开发中，Canvas是一个非常强大的图形绘制工具，可以实现各种令人惊叹的效果。其中，粒子效果是一种常见且引人注目的效果。在本篇博客中，我们将学习如何使用Canvas来实现精美的粒子效果。
什么是粒子效果？
粒子效果是指在画布上创建和控制大量粒子，并通过动画效果使这些粒子以一种流动、闪烁或者发散的方式出现。这种效果可以用来创建星空、气泡、火焰、雪花等各种视觉效果。
创...阅读全文
May052018
Linux下安装ffmpeg
ffmpeg是一个很强大的音视频处理工具，官网介绍ffmpeg是：一个完整的、跨平台的解决方案，可以记录、转换和传输音频和视频。ffmpeg既可以播放视频，也提供命令行工具来处理视频，另外还有强大的视频处理库用于开发，下面是以Linux为例介绍ffmpeg的安装流程的简单的命令行对视频进行转码操作，是ffmpeg中最最简单的入门内容。
ffmpeg 官网地址：http://ffmpeg.org/
1、下载ffmpeg
下载网址...阅读全文
May052018
使用jQuery实现水平滚动效果，让页面更具动态！
在网页设计中，动态效果能够吸引用户的注意力，并且能够增加页面的视觉吸引力。今天我们来探讨一种很酷的动态效果——水平滚动效果。使用jQuery库，我们可以很容易地实现这个效果。
什么是水平滚动效果？
水平滚动效果指的是网页元素（例如图片、文本等）在水平方向上平滑地移动。这种效果常用于展示图片墙、新闻条、产品展示等场景，可以为静态的页面增加一些活力。
实现水平滚动效果的步...阅读全文