Jun192016
使用Canvas绘制气泡效果
在前端开发中，Canvas 是一个强大的图形绘制工具，可以实现各种炫酷的效果。本文将介绍如何使用 Canvas 绘制一个简单的气泡效果。
准备工作
首先，我们需要一个 HTML 页面来容纳 Canvas 元素。在页面中添加以下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>气泡效果</title>
<style>
canvas {
...阅读全文
抢沙发
Jun182016
前端开发中的跨域问题及解决方案
在前端开发过程中，经常会遇到跨域问题，即在一个域名下的网页试图获取来自另一个域名下的资源时被浏览器拦截。本文将介绍跨域的概念、引起跨域问题的原因，以及一些常用的解决方案。
跨域的概念
跨域是指浏览器限制在当前页面中加载其他域名下的资源的操作。可以理解为同源策略的限制，同源策略要求页面中加载的资源必须与页面具有相同的协议、域名和端口。如果不满足这些条件，浏览器就...阅读全文
Jun092016
密码保护：php动态分页类
<?php
/**
*-------------------------分页类----------------------*
*/
class PageClass
{
private $count; // 总记录数
var $size; // 每页记录数
private $page; // 当前页
private $page_count; // 总页数
private $page_url; // 页面url
private $page_i; // 起始页
private $page_ub; // 结束页
var $page_limit;
function ...阅读全文
要查看留言请输入您的密码。
Jun082016
Vue 中自定义事件
Vue.js 是一款流行的 JavaScript 框架，用于构建用户界面。它借鉴了许多现有的前端框架的优点，并提供了一种简单而灵活的方式来构建交互式应用程序。在 Vue 中，自定义事件是一种强大的工具，它允许您在组件之间进行通信。
什么是自定义事件？
自定义事件是一种机制，用于在 Vue 组件之间进行通信。默认情况下，Vue 实例提供了一些内置的事件，如 click、input 等等。但是，有时候我们需...阅读全文
Jun052016
解决Failed to parse SourceMap: http:xxx 问题
最近在调试web网站的时候，看到Chrome的Dev Tool的控制台打印出来一个莫名的错误，类似于Failed to parse SourceMap: http:xxx的提示。感觉这应该不是javascript代码出的问题，于是Google一下，发现里面大有文章。
这里简单说一下SourceMap这项技术。在现在写网站的时候，如果有很多的javascript文件，拿ASP.NET NVC来说，在渲染内容到客户端浏览器的时候，如果你使用一些Bundle类的话，能...阅读全文
Jun042016
解析JSON对象与字符串之间的相互转换
在开发的过程中，如果对于少量参数的前后台传递，可以直接采用ajax的data函数，按json格式传递，后台Request即可，但有的时候，需要传递多个参数，这样后台
接受的时候Request多个很麻烦，此时要按照类的格式或者 集合的形式进行传递。
例如：前台按类的格式传递JSON对象：
var jsonUserInfo = “{\”TUserName\”:\”” + userName + “\”...阅读全文
May282016
Vue.js与React比较
When it comes to building modern web applications, two JavaScript frameworks that have gained significant popularity are Vue.js and React. Both Vue.js and React offer powerful tools and features for developing highly interactive and responsive user interfaces. In this blog post, we will compare Vue.js and React in terms of their data flow and componentizati...阅读全文
May252016
Angular与React之间的比较及选择
在现代的前端开发中，Angular和React是两个备受关注的框架。它们都具备强大的开发能力和可扩展性，并且被广泛应用于各种规模的项目中。在选择一个适合自己项目需求的框架时，我们需要对它们进行比较和评估。
Angular
Angular由Google开发并维护，是一个完整的JavaScript框架。它采用了MVC（Model-View-Control）架构模式，并提供了大量的功能和工具来加快开发速度。以下是Angular的一些主...阅读全文
作者：绝缘体.. | 分类：angular, javascript, react, typescript, 前端技术, 编程语言 | 阅读： | 标签：angular, javascript, react, typescript, 组件
May172016
除了Bootstrap，还有什么其他前端UI库？
排名不分先后：
jquery ui – The official jQuery user interface library.
AngularUI – The companion suite for AngularJS
yui3 – A library for building richly interactive web applications.
xui – A tiny javascript framework for mobile web apps.
dojo – The Dojo Toolkit core l...阅读全文
May162016
深入理解Vue.js响应式原理与使用方法
什么是Vue.js响应式
Vue.js是一套用于构建用户界面的渐进式JavaScript框架，其最大的特点之一就是实现了响应式的数据绑定。
所谓响应式，就是当数据发生变化时，页面上的相应内容也会自动更新，无需手动干预。这种自动感知数据变化并更新页面的能力，使得开发者能够更加专注于数据的管理和业务逻辑的实现，而无需过多关注页面的渲染和更新过程。
Vue.js的响应式系统是通过使用Object.defi...阅读全文