概述 SPA和react可以说是web开发的分水岭,我一直在寻找判断网站是普通网站还是SPA抑或是react的方法.今天突然找到一个判断网站是不是react搭建的简便方法.现在记录下来供以后开发时参考,相信对其他人也有用. 方法 方法就是利用控制台console. (1)打开你要判断的网站.如果网站的导航全是新打开一个窗口,那么这个网站一定不是react搭建的,甚至连SPA都不是. (2)按F12打开控制台,在console里面随便输入一个变量.示例如下: > let test = 55 <…

注意域名,动静分离的网站,只对静态文件的域名做了cdn 怎么看网站有没开启CDN? 要看一个网站是否开启CDN,方法很简单,只要在不同的地区ping网址就可以,比如在山东济南ping www.jb51.net 得到的IP地址是111.161.66.167,但在江苏地区ping www.jb51.net得到的IP确是61.147.92.111,像这样在不同地区ping同一个网址,得到不同的IP地址,那么这种情况就可以判断该网站开了CDN加速. 如果网站没有开启CDN,不同地区Ping网址是网站服务…

最近业务中有用到浏览器在线编辑器,用的是monaco-editor,官网文档只在首页介绍了npm安装方式. 但其实还有另外一种<script>的引入方式,但是这种方式体现在API文档中,由于API文档晦涩难懂,大家也没注意到,就会导致直接就使用了第一种方案,但是由于第一种方案在打包的时候会导致包的体积变大很多,所以为了性能考虑,推荐第二种引入方案. <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor…

JM-1 手机网站开发测试环境搭建 一.总结 一句话总结:WEB服务器环境可实现局域网内轻松访问.360wifi可以实现局域网. 二.微网站开发环境: 1.把微网站放到本机wamp环境下,用pc浏览器访问1)f12调试器2)调整浏览器大小 2.把微网站放到公网服务器1)sae云平台2)腾讯云平台3)阿里云平台 3.把微网站放到本机的wamp环境下,用手机访问(最真实)1)把本机和手机连网即可在pc上共享wifi,把手机连上wifi热点,然后在手机上访问pc无线网卡的ip即可访问到pc电脑上的wa…

一.红黑屏,我的天呀,怎么办?睡一觉吧 第一次玩React Native,按着文档来,跑着跑着,咦,红黑屏了. 怎么办?不玩了?那先放着,过两天再来看看咯. 二.粗心大意,原来还有配置没配好 好了,已经过两天了,继续来看. 我是按着文档来的,从安装环境到真机运行,因为之前已经装过安卓的开发环境,以为是没有问题的,就,没怎么去理它. 直到我重新看了一下,哦,还有一个环境变量还没配好: ~~~ c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-too…

近日,Cloudflare官方发文,与APNIC官方合作打算用IP1.1.1.1推出速度更快.私密性更强的DNS Cloudflare 运行全球规模最大.速度最快的网络之一. APNIC 是一个非营利组织,管理着亚太和大洋洲地区的 IP 地址分配. Cloudflare 有网络,APNIC 有 IP 地址(1.1.1.1). 一个共同的使命激发了我们,那就是建立一个更好的互联网.如欲详细了解我们的宗旨, 请访问我们各自的博文:Cloudflare 博客 /APNIC 博客. 经过测试,这个IP也…

2015苹果全球开发者大会在6月9日凌晨,美国旧金山举行,fir.im 整理了一部分的资料,帮助了解 iOS9 的新特性与功能,感兴趣的可以看下. 关于iOS9新增功能 在WWDC 2015上苹果介绍了 iOS 9的主要新功能,比如 Siri 更加智能化,iPad的分屏多任务处理,地图应用增加 Transit 导航,新的 News app 等等.不过也有一些内容是苹果无暇在主题演讲中介绍,或者一提而过足以让你忽略的,以下是隐藏在 iOS 9中的一些改变,包括 iCloud Drive.Go Ba…

颗粒是固态硬盘负责容量和传输的介质,在这一方面上与优盘产品是相同的,从外观上看,颗粒占据了整个固态硬盘内部70%左右的空间,其同样做为成本技术,根据厂商的用料不同,成为了固态硬盘内部核心材料. 颗粒的分类 说到成本,颗粒的发展也能够从价格表现出来,对于消费级市场来讲,从最早也是最好的SLC NADA Flash颗粒,到普及范围最广的MLC颗粒,最后到成本最低也是最具争议的TLC颗粒. 消费级市场已经很少见到的SLC闪存颗粒 价格影响着最大的利弊就是性能,其次是寿命,颗粒的寿命的统计方法为P/E值…

精彩故事即将上演,敬请期待 一.下忍考试 关键词:内鬼.已知攻击.后门 二.佩恩入侵 关键词:未知攻击.零日漏洞 三.忍界大战 关键词:CC攻击.批量注册.模拟攻击 -- 时间过去很久,火影篇太多情节记不清了细节了,遂决定放弃,转而用另一个视角来讲Web相关的安全——适应性思维 待看完手中几个部头即动笔,预计1月5号左右开工…

将近一年(10个月)来一直在学习.NET技术,这其中包括C#.WPF.WCF和ASP.NET MVC,目前学习即将结束. 本人在学习WPF的过程中,也了解到有UWP这门技术,UWP技术目前来说主要是应用于Windows 10商店应用程序,UWP技术有个特点就是免广告.平时我们上网看电视局的时候,一般是通过浏览器,或者是下载一个客户端,但这种方式的缺点就是差不多每播放一集电视局前,总要显示大约1分种的广告,如果不想显示广告,通常的做法是注册为VIP会员,这可是要收费的,很多人也不想交这个钱,有没有…

经过一段时间的开发,更新,迭代,新浪云容器 Java 环境逐渐成熟起来,相比过去的 Java 运行环境,可用性和易用性都得到了大量的提升.同时也收到了不少用户反馈的使用问题,特此在这篇文章里综合介绍一下容器 Java 使用以及相关服务的整合. 环境说明 新浪云容器 Java 环境基于 Docker 搭建,支持多实例负载均衡,近乎原生虚拟机环境,使用无门槛. JDK 1.8 Web 容器 tomcat-8.0.35 注意:这里以后可能会提供相应的 Web 容器定制服务 准备 开发自己的应用之前,我…

红色代表了“执行时间”,它指的是Android渲染引擎执行盒子中这些绘制命令的时间,假如当前界面的视图越多,那么红色便会“跳”得越高.实际使用中,比如我们平时刷淘宝App时遇到出现多张缩略图需要加载时,那么红色会突然跳很高,但是此时你的页面滑动其实是流畅的,虽然等了零点几秒图片才加载出来,但其实这可能并不意味着你卡住了. 黄色通常较短,它代表着CPU通知GPU“你已经完成视图渲染了”,不过在这里CPU会等待GPU的回话,当GPU说“好的知道了”,才算完事儿.假如橙色部分很高的话,说明当前GPU过…

近日自己项目遇到需要用webpack搭建react环境,查了挺多 ,自己总结一下 1.下载安装最新版node.js(https://nodejs.org/en/) 2.主要看自己网络情况,可以选择安装淘宝镜像去搭建环境 npm config set registry http://registry.npm.taobao.org/ 3.通过npm/cnpm全局安装webpack, Babel, Webpack-dev-server: npm install babel webpack webpac…

看了N多博客,日志,一边迷茫一边摸索.本文记录流程.我怕自己忘了...并且修复了博客园首页推荐那个日志中遇到的bug 1.webstorm新建一个空白项目,比如webpack_demo 2.因为要用react和es6语法,调整webstorm-设置-语言-javascript-jsx,确定.这样文件不会报错. 3.新建app(存放入口文件,component组件),static(存放打包后的文件),webpack(存放webpack配置文件)三个文件夹 4.在webpack_demo根目录,打开…

首先来直接看一下最终的效果吧: 项目地址:https://github.com/xiugangzhang/vip.github.io 在线预览地址:https://xiugangzhang.github.io/vip.github.io/index.html 目前视频网站已经实现了前台页面所有数据从后台数据库的读取,由于Github上面只能查看到静态的页面,对于动态网站还是不支持的,这个等待后期网站全部写完后,会把所有代码一并上传,如果觉得不错的话,可以到Github上面支持一下. 声明:前台页…

安装React脚手架: npm install -g create-react-app 创建项目: create-react-app app app:为该项目名称 或者跳过以上两步直接使用: npx create-react-app app 启动项目: cd appnpm start 项目创建完成,目录如下: 安装 Ant Design:API Docs npm install antd --save 或cnpm install antd --save cnpm i antd -S 没有权限请使…

1.   课程计划 1.门户系统的搭建 2.显示商城首页 3.内容管理系统的实现 a)  内容分类管理 b) 内容管理 2.   门户系统的搭建 2.1. 什么是门户系统 从广义上来说,它将各种应用系统.数据资源和互联网资源集成到一个信息管理平台之上,并以统一的用户界面提供给用户,并建立企业对客户.企业对内部员工和企业对企业的信息通道,使企业能够释放存储在企业内部和外部的各种信息. 门户就是访问网站的入口,通俗的说在这里就是首页.比如:jd首页,taotao首页,taobao首页. 门户属于前台…

php集成开发环境wampserver,是一款免费开源的软件,下载地址http://www.wampserver.com,由于是国外的网站,打开速度慢,根据自己的电脑选择32位/64位的系统下载.…

我们还是老规矩照老方法,将框架里面多余的东西都干掉,然后在index.php里面将框架搭建起来 <?php //定义项目目录 define('APP_PATH','./WEB/'); //开启调试 define('APP_DEBUG',True); //包含thinkphp项目入口文件 require "Thinkphp/Thinkphp.php"; 然后进入WEB目录下,并复制一个Home然后改名为Admin 然后再Index控制器下进行操作 代码如下所示: <?php…

总是忘记一些问题解决的细节,终于发现做笔记的必要了.一步一步慢慢写,慢慢积累吧.从开始接触计算机,从硬件到系统到软件,遇到的问题真心不算少了,都记下来的话也得有本书厚了. Linux Version:kali linux 3.14-kali1-686-pae Django网站:https://www.djangoproject.com/ 进入后点击下方按钮会进入安装向导,使用pip安装, 但是,不知时我这边网络问题还是怎样,pip官网打开特别慢,这个时候可以去百度或者Google pip,可以很…

搭建react开发环境的准备工作 1. node.js 稳定版本 2. 安装cnpm,用cnpm代替npm 3. 用yarn替代npm yarn的安装:npm install -g yarn 搭建react开发环境的第一种方法(老-现在推荐) 1. 安装脚手架工具  只需要安装一次 npm install -g create-react-app /  cnpm install -g create-react-app 2. 创建项目 找到项目要创建的目录: create-react-app rea…

1.右击[计算机]-->[管理],进入到”服务器管理器” 界面,如图所示: 2.依次展开[角色]-->[Web服务器(IIS)]-->[Internet 信息服务(IIS)管理器],如图所示: 3.双击[Internet信息服务(IIS)管理器],这里的Internet 信息服务(IIS)管理器就是Internet信息服务(IIS)7.0管理 器,如图所示: 4.鼠标右击[网站]-->[添加网站],如图所示: 5.弹出”添加网站”设置框,如图: (1).输入网站名称,应用程序池默认…

这个是实现的效果,基本上轮播效果和主流网站的一致,但是我也在上面优化了一些效果, 可以在线预览效果:https://vip.52tech.tech/ 目前项目代码已经全部开源:项目地址:https://github.com/xiugangzhang/vip.github.io 下面就来介绍一些实现思路吧: //首页轮播图效果开始-------------------------------------------------------------------------------------…

1.首先说明node.js.npm.cnpm分别是做什么的? node.js简单的说 Node.js 就是运行在服务端的 JavaScript,安装了node.js默认安装了npm,可以使用npm -v查看是否安装. npm可以理解为远程仓库,如果我们要使用npm需要先把需要的包写到package.json文件中,并执行npm install.下载的包文件都会存到node_modules中. cnpm解决了npm无法下载国外文件问题,在国内与npm仓库进行了同步,频率为10分钟每次,尽量保证包的…

1.创建react项目 使用react脚手架create-react-app npm install -g create-react-app create-react-app my-app cd my-app npm start 使用yarn yarn init yarn add yarn remove yarn/yarn install 2.启动程序 yarn start 3.安装需要的库 首先安装路由以及less库 yarn add react-router-dom axios less-l…

环境准备工作:windows7.webStorm 2017.1.4.Nodejs 8.7.0.npm 5.4.2 PS:安装的时我们都带上版本,这样即便webpack版本发生变化,也不会出现版本问题. 初始化package.json文件 npm init npm安装react.react-dom包 npm install react@16.3.0 react-dom@16.3.0 --save 或者 npm i -S react@16.3.0 react-dom@16.3.0 npm安装webp…

前期准备 1. 初始化项目 npx create-react-app react-components --template typescript 2. 安装依赖 使用哪种打包方案:webpack/rollup **webpack** * 代码分割:可以将打包后的代码分割成多个*.chunk.js,这些分块可以在用户使用过程中按需加载,这意味着用户可以有更好的交互体验. * 静态资源导入:图片.CSS 等静态资源可以直接导入到你的 app 中,就和其它的模块.节点一样能够进行依赖管理.因此,我们…

前言 使用 Vite 已经有两年了,期间使用它开发过单页面应用,也开发过浏览器扩展插件,对比日常工作中用到的 webpack 构建速度大幅提升,开发体验也好很多. 虽然相比于 webpack 来说简单了很多,但是仍然有一些配置需要记录一下,以便之后可以快速搭建一个本地开发构建的环境. 使用 create-vite 脚手架生成基础模板 运行命令安装脚手架 yarn create vite 我在安装时提供的命令行选项那里,选择了 React + TypeScript. 使用下面的命令启动项目 yar…

(转载请注明出处:http://blog.csdn.net/buptgshengod) 第一步,现在要安装集成环境xcode5,安装xcode5需要系统至少是os x 10.8.5. 第二步,下载cocos2d-iphone到电脑文档或任何一个文件夹(这里以文档为例), 下载地址:http://code.google.com/p/cocos2d-iphone/downloads/list 第三步,打开终端,先利用命令进入当前的 “cd documents” 进入Documents文件夹,然后“c…

1.想写GO语言首先得下载go语言的开发包 官方下载地址:https://code.google.com/p/go/downloads/list 我用的是Win7 64位的操作系统,截图如下: 2.把下载好的文件解压到你想解压的文件夹下,解压到的是C盘的根目录下,文件命名为go,然后是设置环境变量 计算机->属性 ->高级系统设置 -> 环境变量 在系统变量里的Path里面加上C:\go\bin,如下图所示: 测试环境变量是否设置成功?在CMD里运行go命令,出现如下界面说明设置环境变量…