- 前端框架有哪些?以及每种框架的详细介绍
cesske
前端框架
目录前言1.React2.Vue.js3.Angular4.Bootstrap5.Foundation总结前言前端框架是Web开发中不可或缺的工具,它们为开发者提供了丰富的工具和抽象,使得构建复杂的Web应用变得更加容易。当前,前端框架种类繁多,其中一些最受欢迎的框架包括React、Vue.js、Angular、Bootstrap和Foundation等。以下是对这些框架的简要介绍:提示:以下是本
- 前端框架的演变与选择
宣晨光
其他前端框架
目录前端框架的演变与选择1.什么是前端框架?2.前端框架的演变2.1早期的Web开发2.2JavaScript库的兴起2.3MVC架构的引入3.现代前端框架概览3.1React3.2Vue.js3.3Angular4.其他值得关注的前端框架4.1Svelte4.2Ember.js5.如何选择合适的前端框架?6.结论前端框架的演变与选择随着互联网的快速发展,前端开发技术日新月异,前端框架的出现极大地
- 如何向他人请教一个前端问题
刘叶青
参考文章:http://www.dianbo.org/9238/stone/tiwendezhihui.htm问别人代码前,先把代码放到http://js.jirengu.com/?js,output,然后写完以后把链接给别人,不要给别人截图一段代码或者复制粘贴
- Cache-Control浏览器缓存
时光之里
浏览器javascriptCache-Control缓存控制缓存校验Expiresetag
描述同一个标签页,打开A站点,访问config接口,正常;打开B站点,访问config接口,正常;通过浏览器后退返回A站点,访问config接口,数据异常,config返回了B站点的数据。测试站点数据https://a.aaa.comhttps://b.bbb.com分析判断是否是前端问题通过观察,后退时仍然向服务器发送了请求,调用了config接口,可以排除判断是不是前端本地存储未更新通过观察,
- 从Angular4升级到Angular6
西麦smile
接手了一个Angular4的旧项目,第一时间就升级到最新的Angular6版本,因此记录一下彩到的一些坑Angular4到Angular5Angular升级指南在升级指南中选择需要升级的版本和升级到的版本,就可以根据指南来对项目进行升级,因为本来的Angular项目版本是4.4.6,因此升级后运行也没有报错。npminstall@angular/{animations,common,compile
- 超全前端面试(全!全!全!!!)
蔡宝儿
笔者通过平时面试总结以及面试别人常提的问题,结合自己认为非常重要的前端各技术栈的知识点,总结了这篇中高级前端面试。让需要的小伙伴所阅读,让不在大厂的小伙伴提前了解大厂前端面试官常问的各种常见前端问题。首先拿出我珍藏很久的前端面试题:web前端开发工程师(vue)|智一面初级web前端|智一面Html51、HTML5新特性有哪些?添加了video,radio标签添加了canvas画布和svg,渲染矢
- angular4 编译时内存溢出
虫虫教父
AngularAngular内存溢出
ngbuild--prod[5019:0x103001c00]975889ms:Mark-sweep1444.8(1570.7)->1444.8(1567.7)MB,1096.2/0.0ms(+0.0msin0stepssincestartofmarking,biggeststep0.0ms,walltimesincestartofmarking1250ms)lastresort[5019:0x1
- 在雷电模拟器中安装apk包使用charles抓包详细教程
weixin_41812355
Androidandroid
背景由于手头没有多余的平板,所以用模拟器来安装应用进行测试,有时候想要知道是前端问题还是后端问题,需要安装charles来进行抓包;最终效果模拟器上浏览应用,能抓到应用数据;具体步骤模拟器开启root权限windows安装charles应用可以百度,网上有很多,这里就不再赘述;安装完成后,导出证书;点击Charles->Help->SSLProxying->SaveCharlesRootCerti
- 测试——Bug+用例篇
玫瑰永不凋零呀
bugjava
1、如何创建Bug创建Bug的要素:问题出现的版本:edge版本120.0.2210.144(正式版本)(64位)问题出现的环境:Windows家庭版10出现的步骤:1、打开edge浏览器,输入网址,2、等待页面渲染完成,发现与预期不符预期结果:二维码与登录界面不会遮挡,都会显示出来实际结果:二维码被遮挡住Bug归属:前端问题Bug等级:一般2、Bug的级别Bug存在着在不同的严重级别,不同Bug
- 开发者要如何跟上快速迭代的技术变化
java成功之路
总的来说,科技发展的迅速是一件令人兴奋的事情。但如果站在一个技术开发者的角度去看的话,反而是一件心累的事儿,因为想要跟上科技更新的脚步并不是一件容易的事。Javascript就是一个典型的列子。Javascript变得越来越流行,所以大大小小的相关创新一直是层出不穷的,它们相互竞争,最后淘汰掉落后的那个。“你知道Angular1推出了吗?你不知道Angular2已经过时了吗?最近连Angular4
- angular4 跨域携带cookie的设置
weixin_34037173
javascriptViewUI
例如post请求在请求options里面设置{"withCredentials":true};letoptions=newRequestOptions({"withCredentials":true});this.http.post(url,body,options)转载于:https://www.cnblogs.com/geektimi/p/7268338.html
- angular4动态添加html,Angular 4 指令
weixin_39832829
Angular4指令目录本系列教程的开发环境及开发语言:基础知识AngularCLI基本使用安装AngularCLI(可选)npminstall-g@angular/cli创建新的项目ngnewPROJECT-NAME启动本地服务器cdPROJECT-NAMEngserveAngular指令简介Angular的指令分为三种:组件(Componentdirective):用于构建UI组件,继承于Di
- 前端bug、后端bug,如何辨别?
Joey_GZ
【问题】前端加载不出页面【排查】1.排查页面接口是否有返回数据F12--Network--XHR排查结果如图:后端有返回数据image.png2.排查前端是否报异常F12--Consol排查结果如图:前端报错,说明是前端问题image.png
- HTTP基础知识总结
SuperStar77
HTTP学习笔记http网络协议网络
目录一、什么是HTTP?二、与HTTP有关的协议三、HTTP请求特征四、HTTP组成格式五、HTTP标头1.通用标头2.实体标头3.请求标头4.响应标头六、HTTP状态码分类我们在日常测试过程中,也可以通过浏览器F12简单定位是前端问题还是后端问题,同样的在接口自动化测试过程中,基本都是发送HTTP/HTTPS请求,本文主要是讲解下HTTP基础知识,适合小白。后续会讲解接口自动化测试中Python
- angular4.x项目中遇到的问题和解决方法
追逐繁星的阿忠
**1.**Modulenotfound:Error:Can'tresolve'./$$_gendir/app/app.module.ngfactory'ngbuild--prod编译时报上述错误命令更改为ngbuild--env=prod**2.**angular-cli修改域名及端口号找到node_modules/angular-cli/lib/config/schema.jsondefaul
- angular4 常用指令
叮铃桄榔_f7cb
2.使用*ngIf隐藏空白的详情3.给所选英雄添加样式[class.selected]="hero===selectedHero"原文链接:https://www.angular.cn/tutorial/toh-pt24.数据绑定ngModel
- 分布式-解决网站跨域请求问题
Hey 锡瑞
分布式解决网站跨域问题Zuul解决跨域
一、聊一聊网站跨域1.1、什么食物网站跨域/跨域产生原因什么是网站跨域:跨域产生原因:在当前域名请求网站中,默认不允许通过ajax请求发送其他域名(属于浏览器安全策略问题,不属于前端问题)。如果ajax访问的地址与浏览器访问的域名和端口号都不同的情况下,默认浏览器会有安全策略,直接无法获取到请求结果。注意:跨域问题请求是可以访问的,但只是获取不到结果。疑问1:微服务通讯(RPC通讯)会产生跨域问题
- 面试中遇到的前端问题
小熊波
1,阐述一下你对HTML语义化的理解?通过使用恰当语义的HTML标签,可以让页面具有良好的结构与含义 1.增强了HTML代码的可读性,使开发者能够更好地开发网页; 2.增强了HTML代码的互用性,使其他开发者能够更容易地阅读和理解源代码,并更好地进行后续的维护与更新; 3.让页面的内容结构更清晰,便于浏览器和搜索引擎解析; 4.有利于搜索引擎优化(SEO)(搜索引擎的爬虫依赖于“HTML标记”来确
- Angular4路由守卫异步操作
飞鱼YE
守卫可以用同步的方式返回一个布尔值。但在很多情况下,守卫无法用同步的方式给出答案。守卫可能会向用户问一个问题、把更改保存到服务器,或者获取新数据,而这些都是异步操作。因此,路由的守卫可以返回一个Observable或Promise,并且路由器会等待这个可观察对象被解析为true或false。canActivate():Promise{returnthis.http.post('url',null)
- 基于Angular4和Spring Cloud的前后端分离技术
sknfie
一、概述微服务架构是一种新的软件体系设计形式,提倡将应用系统按照一定的原则将大系统拆分成一系列细小的服务,每个服务只需要专注于一个单一的业务功能即可,并且服务之间可以互相独立运行,采用轻量级API进行通信,来满足业务和用户的需求。微服务的架构实现前后端分离,将表现层组件从业务和数据访问组件中分离出来。图1微服务架构1.前端技术主要采用了Angular4:(1)Angular4实现一套框架,多种平台
- elementUI 输入框按回车刷新页面分析与解决
齐天qaq
前端分享elementui前端javascript
今天在测试页面功能的时候,突然发现在输入框内按enter页面被刷新,并且我的vue代码中并没有绑定@keyup.enter.native的操作。于是我决定对这个前端问题进行分析与解决;分析:首先看一下我的前端代码,很简单只有一个el-input输入框。恰恰就是因为只有这一个输入框,导致了回车刷新页面,这是el-form的特性;原因:当el-form表单内只有一个el-input输入框时,在输入框内
- Angular4首页加载慢优化之路
价值投机168
别人的文字:https://blog.csdn.net/itest_2016/article/details/80048398
- 2020-11-29ANR----以及如何定位是前端问题还是后台问题?
呀呼呼呼
ANR----以及如何定位是前端问题还是后台问题?1.什么是ANR在Android中,应用程序响应由ActivityManager和WindowManager系统服务进行监视。ANR(ApplicationNotResponding),则是Android的一种自我保护措施,当主线程出现卡顿时候,Android系统会给用户一个弹出提示,让用户手动选择继续等待还是强制关闭此APP。当Android检测
- angular4+ng-zerro后台管理系统搭建
落花别有意 流水似无情
angular4-6开发angular4
电商后台管理系统系统界面搭建搭建一个项目首先需要的环境,之后根据所需要的页面创建组件,再结合一个页面框架快速的搭建一个项目答题页面框架一、开发环境1.安装node.js去官网下载安装包,地址:https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi安装好之后测试是否安装成功node--version2.安装angular-clinpmuninstall-
- angular4学习笔记二 路由
天黑,请闭眼
前端菜鸟angular路由angularRouterangularnavigateByUrlangularnavigateangularrouterLink
写在前面路由是Angular应用程序的核心,它加载与所请求路由相关联的组件,以及获取特定路由的相关数据。这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面。本次学习主要列出有关于路由的琐碎的知识点,供自己以后查找同时也方便大家共同学习,共同进步。如有错误,请多批评指正!1、创建路由新建路由,官方网站上推荐创建路由模块,但是你要知道除了AppModule之外,其它模块也一定需要路由,这
- angular路由笔记_Angular4学习笔记(三)- 路由
weixin_39597318
angular路由笔记
路由简介路由是Angular应用程序的核心,它加载与所请求路由相关联的组件,以及获取特定路由的相关数据。这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面。相关的类RoutesRoutes其实是一个Route类的数组。而Route的参数如下图所示,一般情况下,path和component是必选的两个参数。比如:path:/a,component:A则说明,当地址为/a时,应该展示组件
- 产品经理必懂的技术 - 前端技术上
小吕小吕是个铲屎的仙吕
产品经理为什么要懂一些前端技术?当前端H5工程师说CSS时,你是否知道他在表达什么?当andriod工程师说这个文本要用TextView时,你是否明白TextView是什么?当ios工程师说这个UITableView要自定义时,你作何理解?当产品经理在设计原型时,该如何在设计阶段降低前端开发成本呢?当遇到一个产品bug时,产品经理如何定位到底是前端问题还是后端问题?产品经理必懂的前端技术-上:01
- Angular4,进度条显示
灰纸黑字
- 2018-08-30
奔跑的超级西红柿
Angular4加载顺序今天遇到了一个比较关于angular4加载组件顺序的坑,当我在app.component.ts文件里引入了自己的一个angular服务的时候,在执行ngOnInit的时候,我发送了一个自己定义的事件给项目里的其他组件,但是对应的组件在订阅我的事件的时候却没有接收到。我又在页面内加了一个a标签,并且加上click事件,发现在事件的回调函数里发送事件的时候,其他组件就能接收到了
- 测试过程&线上问题的定位分析问题处理总结
起码有故事
软件测试程序员IT程序人生测试工程师软件测试单元测试python
问题,俗称BUG.在测试工程师的职责范围内,要尽可能且尽早地发现程序上的问题,找到问题,然后暴露出来给开发修复,减少线上问题的发生,降低公司因线上问题产生的风险。在发现问题之后,也要关注定位问题、分析问题,下面针对测试过程和线上问题的定位分析问题展开讨论:一、测试过程定位问题整体思路:先判断是前端还是后端问题,再跟根据前后端问题属性展开定位前端问题:1.样式-与UI设计对比、测试各机器各系统各浏览
- sql统计相同项个数并按名次显示
朱辉辉33
javaoracle
现在有如下这样一个表:
A表
ID Name time
------------------------------
0001 aaa 2006-11-18
0002 ccc 2006-11-18
0003 eee 2006-11-18
0004 aaa 2006-11-18
0005 eee 2006-11-18
0004 aaa 2006-11-18
0002 ccc 20
- Android+Jquery Mobile学习系列-目录
白糖_
JQuery Mobile
最近在研究学习基于Android的移动应用开发,准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下,觉得使用Android的WebView上手最快,因为WebView等于是一个内置浏览器,可以基于html页面开发,不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等,就能非常方便的做动态应用了。
从现在起,往后一段时间,我打算
- 如何给线程池命名
daysinsun
线程池
在系统运行后,在线程快照里总是看到线程池的名字为pool-xx,这样导致很不好定位,怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory,自己实现ThreadFactory接口,重写newThread方法即可。参考代码如下:
public class Named
- IE 中"HTML Parsing Error:Unable to modify the parent container element before the
周凡杨
html解析errorreadyState
错误: IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"
现象: 同事之间几个IE 测试情况下,有的报这个错,有的不报。经查询资料后,可归纳以下原因。
- java上传
g21121
java
我们在做web项目中通常会遇到上传文件的情况,用struts等框架的会直接用的自带的标签和组件,今天说的是利用servlet来完成上传。
我们这里利用到commons-fileupload组件,相关jar包可以取apache官网下载:http://commons.apache.org/
下面是servlet的代码:
//定义一个磁盘文件工厂
DiskFileItemFactory fact
- SpringMVC配置学习
510888780
springmvc
spring MVC配置详解
现在主流的Web MVC框架除了Struts这个主力 外,其次就是Spring MVC了,因此这也是作为一名程序员需要掌握的主流框架,框架选择多了,应对多变的需求和业务时,可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发,就必须要掌握它的配置及原理。
一、Spring MVC环境搭建:(Spring 2.5.6 + Hi
- spring mvc-jfreeChart 柱图(1)
布衣凌宇
jfreechart
第一步:下载jfreeChart包,注意是jfreeChart文件lib目录下的,jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可;
第二步:配置web.xml;
web.xml代码如下
<servlet>
<servlet-name>jfreechart</servlet-nam
- 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer
aijuans
Spring3
PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现,也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文(配置文件)中的属性值放在另一个单独的标准java P
- java 线程池使用 Runnable&Callable&Future
antlove
javathreadRunnablecallablefuture
1. 创建线程池
ExecutorService executorService = Executors.newCachedThreadPool();
2. 执行一次线程,调用Runnable接口实现
Future<?> future = executorService.submit(new DefaultRunnable());
System.out.prin
- XML语法元素结构的总结
百合不是茶
xml树结构
1.XML介绍1969年 gml (主要目的是要在不同的机器进行通信的数据规范)1985年 sgml standard generralized markup language1993年 html(www网)1998年 xml extensible markup language
- 改变eclipse编码格式
bijian1013
eclipse编码格式
1.改变整个工作空间的编码格式
改变整个工作空间的编码格式,这样以后新建的文件也是新设置的编码格式。
Eclipse->window->preferences->General->workspace-
- javascript中return的设计缺陷
bijian1013
JavaScriptAngularJS
代码1:
<script>
var gisService = (function(window)
{
return
{
name:function ()
{
alert(1);
}
};
})(this);
gisService.name();
&l
- 【持久化框架MyBatis3八】Spring集成MyBatis3
bit1129
Mybatis3
pom.xml配置
Maven的pom中主要包括:
MyBatis
MyBatis-Spring
Spring
MySQL-Connector-Java
Druid
applicationContext.xml配置
<?xml version="1.0" encoding="UTF-8"?>
&
- java web项目启动时自动加载自定义properties文件
bitray
javaWeb监听器相对路径
创建一个类
public class ContextInitListener implements ServletContextListener
使得该类成为一个监听器。用于监听整个容器生命周期的,主要是初始化和销毁的。
类创建后要在web.xml配置文件中增加一个简单的监听器配置,即刚才我们定义的类。
<listener>
<des
- 用nginx区分文件大小做出不同响应
ronin47
昨晚和前21v的同事聊天,说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计,因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名,而squid在响应比较大的文件时,尤其是初次下载的时候,性能比较差,所以拆成两组服务器,squid服务于较小的文件,通过pull方式从peer层获取,nginx服务于较大的文件,通过push方式由peer层分发同步。外部发布
- java-67-扑克牌的顺子.从扑克牌中随机抽5张牌,判断是不是一个顺子,即这5张牌是不是连续的.2-10为数字本身,A为1,J为11,Q为12,K为13,而大
bylijinnan
java
package com.ljn.base;
import java.util.Arrays;
import java.util.Random;
public class ContinuousPoker {
/**
* Q67 扑克牌的顺子 从扑克牌中随机抽5张牌,判断是不是一个顺子,即这5张牌是不是连续的。
* 2-10为数字本身,A为1,J为1
- 翟鸿燊老师语录
ccii
翟鸿燊
一、国学应用智慧TAT之亮剑精神A
1. 角色就是人格
就像你一回家的时候,你一进屋里面,你已经是儿子,是姑娘啦,给老爸老妈倒怀水吧,你还觉得你是老总呢?还拿派呢?就像今天一样,你们往这儿一坐,你们之间是什么,同学,是朋友。
还有下属最忌讳的就是领导向他询问情况的时候,什么我不知道,我不清楚,该你知道的你凭什么不知道
- [光速与宇宙]进行光速飞行的一些问题
comsci
问题
在人类整体进入宇宙时代,即将开展深空宇宙探索之前,我有几个猜想想告诉大家
仅仅是猜想。。。未经官方证实
1:要在宇宙中进行光速飞行,必须首先获得宇宙中的航行通行证,而这个航行通行证并不是我们平常认为的那种带钢印的证书,是什么呢? 下面我来告诉
- oracle undo解析
cwqcwqmax9
oracle
oracle undo解析2012-09-24 09:02:01 我来说两句 作者:虫师收藏 我要投稿
Undo是干嘛用的? &nb
- java中各种集合的详细介绍
dashuaifu
java集合
一,java中各种集合的关系图 Collection 接口的接口 对象的集合 ├ List 子接口 &n
- 卸载windows服务的方法
dcj3sjt126com
windowsservice
卸载Windows服务的方法
在Windows中,有一类程序称为服务,在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层,因此资源占用比较大、执行效率比较高,比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了,其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目,虽然不启动了,但是系统中仍然存在此项服务,只是没有加载而已。如果安装其他
- Warning: The Copy Bundle Resources build phase contains this target's Info.plist
dcj3sjt126com
iosxcode
http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html
Excerpt:
You are getting this warning because you probably added your Info.plist file to your Copy Bundle
- 2014之C++学习笔记(一)
Etwo
C++EtwoEtwoiterator迭代器
已经有很长一段时间没有写博客了,可能大家已经淡忘了Etwo这个人的存在,这一年多以来,本人从事了AS的相关开发工作,但最近一段时间,AS在天朝的没落,相信有很多码农也都清楚,现在的页游基本上达到饱和,手机上的游戏基本被unity3D与cocos占据,AS基本没有容身之处。so。。。最近我并不打算直接转型
- js跨越获取数据问题记录
haifengwuch
jsonpjsonAjax
js的跨越问题,普通的ajax无法获取服务器返回的值。
第一种解决方案,通过getson,后台配合方式,实现。
Java后台代码:
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String ca
- 蓝色jQuery导航条
ini
JavaScripthtmljqueryWebhtml5
效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
- linux部署jdk,tomcat,mysql
kerryg
jdktomcatlinuxmysql
1、安装java环境jdk:
一般系统都会默认自带的JDK,但是不太好用,都会卸载了,然后重新安装。
1.1)、卸载:
(rpm -qa :查询已经安装哪些软件包;
rmp -q 软件包:查询指定包是否已
- DOMContentLoaded VS onload VS onreadystatechange
mutongwu
jqueryjs
1. DOMContentLoaded 在页面html、script、style加载完毕即可触发,无需等待所有资源(image/iframe)加载完毕。(IE9+)
2. onload是最早支持的事件,要求所有资源加载完毕触发。
3. onreadystatechange 开始在IE引入,后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
- sql批量插入数据
qifeifei
批量插入
hi,
自己在做工程的时候,遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表,临时表的整理就看当时的选择条件了,临时表就是要插入的数据集,最后再批量插入到数据库中。
WITH tempT AS (
SELECT
item_id AS combo_id,
item_id,
now() AS create_date
FROM
a
- log4j打印日志文件 如何实现相对路径到 项目工程下
thinkfreer
Weblog4j应用服务器日志
最近为了实现统计一个网站的访问量,记录用户的登录信息,以方便站长实时了解自己网站的访问情况,选择了Apache 的log4j,但是在选择相对路径那块 卡主了,X度了好多方法(其实大多都是一样的内用,还一个字都不差的),都没有能解决问题,无奈搞了2天终于解决了,与大家分享一下
需求:
用户登录该网站时,把用户的登录名,ip,时间。统计到一个txt文档里,以方便其他系统调用此txt。项目名
- linux下mysql-5.6.23.tar.gz安装与配置
笑我痴狂
mysqllinuxunix
1.卸载系统默认的mysql
[root@localhost ~]# rpm -qa | grep mysql
mysql-libs-5.1.66-2.el6_3.x86_64
mysql-devel-5.1.66-2.el6_3.x86_64
mysql-5.1.66-2.el6_3.x86_64
[root@localhost ~]# rpm -e mysql-libs-5.1