浅谈React与jQuery的思维差异, React和jQuery的区别

为什么越来越多的互联网公司都在转向React.js去开发前端组件,除了性能因素外,很大一部分原因是因为用jQuery去写很复杂的DOM操作,后期代码会变得越来越难维护。现在大部分的 Web APP 都有一个特点:后端的Model层很简单,但是随着产品业务的拓展前端View却变得越来越复杂,这个时候如果还在用纯jQuery去写DOM操作将会变得很不直观,代码也会变的很臃肿进而变的越来越难以维护,下面就拿一个微博发送框的简单例子来展示一些React的简洁与强大。 注意: React并不适合所有项目,需要结合实际情况综合考虑 jQuery与React并不是一个层面上的东西,jQuery只是一个工具库,这里只是展示两种编程模式的思维差异 理解一个技术的思想比学会怎么用它更重要,同时我们还需要知道不同的技术间的区别的核心在哪,这样我们才能学会用合适的技术去解决合适的问题 这里的tweet box只是一个简化版的UI模型,仅用来说明jQuery和React的思维差异,并不具备发Twitter的功能 你也可以写出简洁的jQuery代码。但是你必须想出良好的代码结构,每次想要增加新功能的时候还需要特别注意是否影响代码的重构,使用React会帮助你团队内部拥有更好的代码结构,页面性能也会得到相应的提高   需要实现的效果 tweet box为空时,tweet button显示为灰色不可点击状态 tweet box下方显示还可以输入的字符数量… Read More

React.js 入门实例, React 零基础入门实例,React 优化 DOM 操作

  React.js 简价 React.js 是一个帮助你构建页面 UI 的库。如果你熟悉 MVC 概念的话,那么 React 的组件就相当于 MVC 里面的 View。如果你不熟悉也没关系,你可以简单地理解为,React.js 将帮助我们将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,就成了我们的页面。 一个组件的显示形态和行为有可能是由某些数据决定的。而数据是可能发生改变的,这时候组件的显示形态就会发生相应的改变。而 React.js 也提供了一种非常高效的方式帮助我们做到了数据和组件显示形态之间的同步。… Read More

Photoshop 2020 for mac 安装破解版!(2020-09-14 亲测可用), Photoshop CC2020 Mac破解版

  Adobe Photoshop CC是Adobe公司自2013年7月推出最新版本photoshop——Photoshop CC(Creative Cloud)。除去Photoshop CS6中所包涵的功能,Photoshop CC新增相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能,以及Creative Cloud,即云功能。   Photoshop CC(Creative Cloud)。除去Photoshop CS6中所包含的功能,Photoshop CC新增相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能,以及Creative Cloud,即云功能。   下载地址… Read More

Linux: 如何在Apache中禁用目录列表, Apache禁止显示目录列表, How to disable directory listing in Apache

  目录清单Apache由AutoIndex模块提供。如果启用,并且Apache下特定路径或文件夹中没有DirectoryIndex文件,那么将会显示文件和文件夹列表。 常见的示例DirectoryIndex文件是index.html,index.htm,index.php和welcome.html。 当然,一个简单方便的方法就是手动创建一个DirectoryIndex文件,但是出于安全原因或其他原因,您最好是能够禁用目录浏览。 Apache可以禁用mod_autoindex,在Apache配置文件中设置适当的选项或使用htaccess文件来禁用的 自动目录索引。 如果您在平台上托管cPanel,也可以使用特定于平台的方法来禁用Apache的目录列表。 如何在cPanel中禁用Apache目录列表   禁用Apache中目录列表的方法: 禁用mod_autoindex 配置目录的选项指令 配置.htaccess   通过禁用自动索引模块来禁用Apache目录列表 最简单的方法可能是autoindex完全禁用该模块,禁用该模块将影响服务器上托管的所有站点。 启动您的首选终端应用程序 禁用的autoindex模块Apache。… Read More

Hosting:如何在cPanel中禁用Apache目录列表, How to disable Apache directory listing in cPanel

  cPanel的安装默认情况下会安装并启用mod_autoindex。这导致,如果index.html或index.php不存在的时候,Apache会显示的文件和目录的文件夹列表DirectoryIndex文件, 通常,您可以编辑ApacheHTTP服务器配置文件以禁用目录列表,但是你无法从cPanel帐户访问该文件。   如何在Apache中禁用目录列表 但是,您可以通过cPanel的仪表,禁用目录浏览Apache   在cPanel中禁用目录列表的步骤: 登录到您的cPanel帐户。 转到 Advanced部分,然后单击Indexes。 选择要禁用目录列表的Web目录。 单击文件夹图标以浏览目录,然后单击文件夹名称以选择特定目录。 public_html是Web文件夹的根目录,选择它会将设置应用于所有后续子文件夹。一些托管服务器中,可能还有一个名为www的文件夹,不过它仅是一个软链接,public_html其实和www是同一个目录中 选择No indexing从选项并点击Save按钮。 后台发生的情况是cPanel将以下行添加到文件夹的.htaccess文件中以禁用目录列表。 Options… Read More

Ubuntu 20.04设置Apache虚拟主机, Ubuntu 20.04运行多个网站,Ubuntu 20.04设置二级域名, How To Set Up Apache Virtual Hosts on Ubuntu 20.04

虚拟主机是一种Apache配置指令,允许您在一台服务器上运行多个网站。使用虚拟主机,您可以指定站点文档的根目录(包含网站文件的目录),为每个站点创建单独的安全策略,使用不同的SSL证书等等。 本文介绍如何在Ubuntu 20.04上设置Apache虚拟主机。   先决条件 在继续阅读指南之前,请确保您满足以下要求: 指向您的公共服务器IP的一个或多个域名。 在您的Ubuntu系统上安装了Apache。 您以root 用户或具有sudo特权的用户身份登录。   创建目录结构 文档根目录是用于存储域名网站文件并响应请求提供服务的目录。您可以将文档根目录设置为所需的任何位置,在本示例中,我们将使用以下目录结构: /var/www/ ├── domain1.com │   └──… Read More

手把手教程:利用GitHub团队合作项目流程

  目录: 零、前期准备 一、创建开发分支 二、Fork项目到个人的仓库 三、Clone项目到本地 四、和团队项目保持同步 五、push修改到自己的项目上 六、请求合并到团队项目上 七、团队项目负责人审核及同意合并请求 注:其中 零、一、七 是由团队项目负责人来完成的。开发人员只要从 二 开始就行了。   零、前期准备: 首先把队友直接push的权限关掉,即设置成Read。这样可以防止队友误操作,未经审核就把代码push到团队项目上。… Read More

如何用网页脚本追踪用户, JavaScript实现用户行为跟踪收集, js 分析客户行为, CSS 来追踪用户

  本文介绍如何编写 JavaScript 脚本,将用户数据发回服务器。 我做了一个代码仓库,包含了下面所有的例子,可以运行查看效果。   一、同步 AJAX 数据发回服务器的常见做法是,将收集好的用户数据,放在unload事件里面,用 AJAX 请求发回服务器。 但是,异步 AJAX 在unload事件里面不一定能成功,因为网页已经处于卸载中,浏览器可能发送,也可能不发送。所以,要改成同步 AJAX 请求。 window.addEventListener('unload', function… Read More

SSH原理与运用:远程登录, 远程操作与端口转发, SSH使用方法

  SSH是每一台Linux电脑的标准配置。随着Linux设备从电脑逐渐扩展到手机、外设和家用电器,SSH的使用范围也越来越广。不仅程序员离不开它,很多普通用户也每天使用。   一、什么是SSH? 简单说,SSH是一种网络协议,用于计算机之间的加密登录。 如果一个用户从本地计算机,使用SSH协议登录另一台远程计算机,我们就可以认为,这种登录是安全的,即使被中途截获,密码也不会泄露。 最早的时候,互联网通信都是明文通信,一旦被截获,内容就暴露无疑。1995年,芬兰学者Tatu Ylonen设计了SSH协议,将登录信息全部加密,成为互联网安全的一个基本解决方案,迅速在全世界获得推广,目前已经成为Linux系统的标准配置。 需要指出的是,SSH只是一种协议,存在多种实现,既有商业实现,也有开源实现。本文针对的实现是OpenSSH,它是自由软件,应用非常广泛。 此外,本文只讨论SSH在Linux Shell中的用法。如果要在Windows系统中使用SSH,会用到另一种软件PuTTY,这需要另文介绍。   二、最基本的用法 SSH主要用于远程登录。假定你要以用户名user,登录远程主机host,只要一条简单命令就可以了。 $ ssh user@host  … Read More

Web App、Hybrid App、 Native App的区别, 当前主流移动和应用程序类型

  随着H5标准的发布以及推广,使得移动应用的开发也受到了很大影响,出于效率、成本等等的原因,移动应用的开发不在完全依赖于“原生”。 今天就简单总结一下目前的三大主流移动应用开发类型。 APP,一般认为是 mobile application,也就是移动移动应用程序。 先上图   Native App Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。 常用语言当然就是 iOS :Objective-C swift Android :JAVA… Read More

Python读写csv/excel文件, Python 读取指定csv行, Python生成csv文件, Python操作csv文件, Python操作CSV和Excel

  概述 逗号分隔值(Comma-Separated Values,CSV,有时也称为字符分隔值,因为分隔字符也可以不是逗号),其文件以纯文本形式存储表格数据(数字和文本)。纯文本意味着该文件是一个字符序列,不含必须像二进制数字那样被解读的数据。CSV文件由任意数目的记录组成,记录间以某种换行符分隔;每条记录由字段组成,字段间的分隔符是其它字符或字符串,最常见的是逗号或制表符。通常,所有记录都有完全相同的字段序列.   CSV操作 csv写入 1.写入列表(list)数据 使用 csv.writer 对象 delimiter 指定同一行每个字段的分隔字符。若不指定,默认以英文逗号(,)分隔,在csv文件中显示的是不同单元格,若以其他符号分隔,则显示在csv同一单元格中 import csv with open(r'e:\zarten.csv', 'w',… Read More

2020-09-02 :Photoshop CC 2019 Windows 中文破解版 (亲测有效)

  Ps CC2019安装教程: 1、首先在百度网盘下载Ps CC2019压缩包,鼠标右击压缩包,解压到当前文件。 2、右击Set-up主程序,用管理员身份运行打开。 3、点击选择安装路径,点击继续,如果出来的是登陆帐号密码界面,你可点击获取ID,然后随便注册机一个帐号密码即可。 4、等待安装 5、安装完成后点击关闭。 6、点击电脑左下角开始菜单,找到Ps2019点击启动即可。(启动后同样这个位置,鼠标右击软件发送到桌面快捷方式即可)   PS cc2019软件界面: 百度网盘下载 提取码:tvpa   本文:2020-09-02 :Photoshop… Read More