Oct042022
Ember.js中的计算属性与观察者使用技巧
Ember.js是一个流行的JavaScript框架，用于构建Web应用程序。它提供了一种优雅的方式来处理应用程序中的数据和状态。其中两个核心概念是计算属性和观察者。
计算属性
计算属性是一种根据其他属性的值来计算新值的方法。它们可以使用@computed装饰器或computed函数创建。计算属性非常有用，因为它们可以简化代码并提高性能。
下面是一个示例：
import Component from '@glimmer/component'...阅读全文
抢沙发
Sep222022
使用Canvas实现粒子效果的动画
在网络上，我们可以经常看到一些粒子效果的动画，它们往往给网页增添了一份生动和活力。这些粒子效果的实现方式有很多种，而其中一种方式是使用HTML5的Canvas元素。
初始化Canvas
首先，我们需要在HTML中创建一个Canvas元素，并为其添加一个唯一的ID，方便后续的JavaScript代码操作。同时，在CSS中设置好Canvas的宽度和高度，并保持与实际展示所需的大小一致。
<canvas id="particle-c...阅读全文
Sep182022
安卓开发WebView应用：实现与网页的交互
在安卓开发中，WebView是一种十分常见的控件，它可以用来展示网页内容并允许用户在应用内访问网页。然而，仅仅将网页展示在应用中可能显得过于简单。为了提供更丰富的用户体验，我们可以通过实现与网页的交互来增加应用的功能和互动性。
1. WebView基础
WebView是安卓提供的一个类，它可以在应用中展示一个网页。我们可以通过在布局文件中添加一个WebView控件来使用它：
<WebView
...阅读全文
Sep132022
jquery+html+php 实现Ajax无刷新文件上传
以下内容所讲的方法是通过jquery的插件实现，纯jquery原生的实现方法请参考：
使用jquery ajax实现文件上传
利用 php+jquery+html 实现 ajax 无刷新文件上传。这里主要用到了一款 jquery 插件（也可称作 ajax 文件上传组件）ajaxfileupload。这个插件实际上是采用了 iframe 文件上传的原理，即动态的再页面里嵌入了一个IFRAME表单，然后在IFRAME使用原生的POST表单提交数据。下面以做一个...阅读全文
Sep132022
使用jquery ajax实现文件上传
使用jquery ajax实现文件上传，只贴关键代码。
html 代码：
<input type="file" id="phpernote_pop_uploadfile" multiple />
javascript 代码：
$('body').on('change', '#phpernote_pop_uploadfile', function () {
var file = new FormData;
file.append('file', $('#phpernote_pop_uploadfile')[0].files[0]);
$.ajax({
url: 'http://localhost:8051/',
...阅读全文
Sep122022
使用CSS动画增强你的网站交互体验
在设计和开发网站时，提供良好的用户体验是至关重要的。其中，网站的交互体验在吸引用户并增加留存率方面起着重要的作用。CSS动画是一种简单而强大的工具，可以通过视觉上的动态效果增强网站的交互体验。在本博客中，我们将探讨如何使用CSS动画来增强你的网站交互体验。
1. 什么是CSS动画？
CSS动画是一种通过CSS属性和过渡效果创建的动态效果。它可以使网站元素以一种流畅、自然的方式进...阅读全文
Sep102022
深入了解移动应用开发中的 WebView 使用细节
在移动应用开发中，WebView 是一个非常重要且常用的组件，它可以在应用中加载网页内容或者显示本地的 HTML 页面。不仅如此，WebView 还支持与 JavaScript 的交互，使得开发人员可以在应用中嵌入 Web 应用和网页功能。
WebView 的基本使用
首先，在使用 WebView 前需要在应用的布局文件中定义 WebView 的布局。在 Activity 的代码中，需要获取到 WebView 实例，并进行相应的配置，比如加载...阅读全文
Sep062022
如何使用Canvas绘制图形和动画效果
Canvas是HTML5中的一个重要的绘图API，可以通过它来绘制各种图形和动画效果。本文将介绍如何使用Canvas绘制图形和实现动画效果。
准备工作
在开始之前，我们需要在HTML文件的<body>标签中添加一个<canvas>元素，用于绘制图形和动画效果。可以通过给<canvas>元素设置宽度和高度属性来确定绘图区域的大小。
<canvas id="myCanvas" width="500" height="500"></c...阅读全文
Sep052022
CentOS 7 安装Node.js服务
Node.js是基于Chrome V8引擎构建的JavaScript运行时，它可以在服务端运行JavaScript代码。本文将介绍如何在CentOS 7上安装并配置Node.js服务。
步骤 1：安装Node.js
首先，确保您的CentOS 7系统已连接到互联网。然后，按照以下步骤安装Node.js：
打开终端窗口并以root用户身份登录。
运行以下命令将Node.js官方存储库添加到您的系统：
curl -sL https://rpm.nodesource.com/setup_14.x |...阅读全文
Aug282022
使用动画库创建流畅的页面过渡效果
在现代web开发中，为网页添加动画效果已经成为了一种趋势。通过使用动画库，我们可以轻松地为网页创建流畅的过渡效果，让网页更加生动和吸引人。
为什么使用动画库？
动画库是一种用于创建动画效果的JavaScript库，它提供了一系列的函数和方法，帮助你实现各种各样的动画效果。它们通常都支持跨浏览器，并且用起来非常简便。
使用动画库能够带来如下好处：
节省时间和精力：动画库提供...阅读全文