观察某宝商品数据,有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>>>服务器交互(ajax);

服务器交互,数据处理方式json>>>>>要把它转化成字符串操作。

字符串操作重要性不言而喻。

什么是字符串?

字符串就是一串字符,由单(双)引号括起来,字符串是JavaScript的一种基本类型。

"undefined"——如果这个值未定义;

"boolean"——如果这个值是布尔值;

"string"——如果这个值是字符串;

"number"——如果这个值是数值;

"object"——如果这个值是对象或null;

字符串的操作 >>>>> 从1+1=2到1+1=11又怎样的区别那?(小复习)

字符串的声明:

var str="亲"; 基本类型 定义一个字符串变量str,内容为‘亲'

var str = new String(“hello”); 引用类型 定义一个字符串变量str,内容为hello, 注意此刻str为object(对象)类型 用new产生的变量都是引用类型的变量,也叫对象。

JavaScript特性之一>>>>>>万事万物皆对象;

基本类型值指的是简单的数据段,而引用类型是一个指向,指向javascript的内部对象。

字符串与html

1.当把html编译成字符串插入到页面中的时候 , JavaScript解析器会直接将字符串解析成代码。 比如:document.write('我是加粗的文字/strong>')

写在页面上是什么样子那?for循环和字符串拼接。(练习)

big() 用大号字体显示字符串

bold() 使用粗体显示字符串

fixed() 以打字机文本显示字符串

strike() 使用删除线来显示字符串

fontcolor() 使用指定颜色来显示字符串

fontsize() 使用指定尺寸来显示字符串

link() 将字符串显示为链接

sub() 把字符串显示为下标

sup() 把字符串显示为上标

//上述方法,都返回一个增加了标签的字符串,但是不对字符串本身进行操作;

没有html代码的商品列表页面

两种声明字符串的方式差别。类型不同(原因)。字符串的下标length

字符串操作>>>>

1.查询操作

1)indexOf("abc") 查找字符串第一次出现的位置 ;

2)lastIndexOf("abc") 查找字符串最后一次出现的位置 如果没找到 返回-1

3)replace() 替换字符串//返回一个修改后的字符串不对原字符串进行操作

replace 替换字符串

如: var str="how are you";

alert(str.replace("are","old are"));

2.获取操作

charAt(3) //获取下标为3的字符

charCodeAt(3) //获取下标为3的字符的Unicode码

Unicode(统一码、万国码、单一码)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。>>>>>翻译官思密达

String.fromCharCode(94) //编码转换成字符;

由于fromCharCode( )是String对象中的方法 ,所以在使用的时候要加上前缀String;

substring(start,end)//截取字符串,从第start位开始,到end位停止。

字符集

GBK、GB2312、GB18030、BIG5(繁体中文)

Unicode-8 UTF-8 Unicode-16

split(separator, howmany) >>>>>> 根据分隔符、拆分成数组;

separator (字符串);//根据什么进行拆分

howmany(可以指定返回的数组的最大长度) ;

【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。

3.拼接操作

concat() 连接字符串 //最没用的方法

4.大小写操作

toLowerCase()

toUpperCase()

字符串操作练习

HTML在前端开发中起到的作用,什么是字符串,web前端开发里起到什么作用相关推荐

  1. web前端开发技术现状与发展_2020年,Web前端开发有哪些发展趋势?

    熟悉前端开发的人应该都知道,最近几年,各种前端框架层出不穷,H5开发模式也越来越流行,大前端时代也已经到来. 每一年各种前端技术也应运而生,快速掌握最新的前端技术也是每一个开发者不可或缺的一门技能.今 ...

  2. angularjs 开发流程_超级棒的30款web前端开发工具汇总,一定要收藏!

    我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您的工作更加轻松,特别是 ...

  3. 前端工程师需要学习ps 吗_转行学习web前端开发,需要哪些工具和需要学习什么?...

    今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...

  4. html中怎么消除排序的前缀,北京web前端培训-解决css3前缀问题的插件-Autoprefixer...

    我们在前端开发中,经常会遇到一些属性需要添加前缀属性,比如-webkit-transform: auto; 或者displsy:-webkit-flex; 这些需要添加前缀的属性多且难记,很容易就会在 ...

  5. 前端实习生笔试_百度实习生招聘笔试题-web前端开发

    百度的每个职位笔试题都不一样,我做的是 web 前端开发的题 一.简答题 1 . A . prototype.name 是什么含义,用来解决什么问题? 2 . javascript 的函数题,考一下应 ...

  6. Delphi Web应用开发B/S框架推荐:《Delphi Web前端开发教程——基于TMS WEB Core框架》

    使用TMS WEB Core 发现Delphi软件开发的无限潜能-- 二十多年来,编程语言Delphi 以对 Windows 应用程序的快速可视化编程而闻名于世.尤其是轻松开发桌面数据库应用程序和快捷 ...

  7. Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

    前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...

  8. 敏捷开发中的任务拆分法_在关键任务系统开发中使用敏捷的5个技巧

    关键任务系统和敏捷开发 关键任务系统对人类安全有重大影响. 这些系统的故障成本可能非常高,不仅造成财务损失,有时还导致人身伤亡. 将敏捷方法应用到其严格而复杂的开发中,可以帮助防止失败,提高质量,提供 ...

  9. 前端如何实现网络速度测试功能_分析Web前端测试要点,从架构原理上进行分析,希望大家能够掌握...

    基于Web前端分析过程,大概有十几个测试要点,我们今天主要来讲解结合前五个要点进行详细解说.前端测试点主要针对前端展开,什么叫前端分析呢?就是我们所有的分析和测试要点所站的视角都是针对客户端或者浏览器 ...

  10. 前端网页广告无线翻滚_从小白到web前端工程师进阶之路 从0到1到更深

    互联网的发展,让web前端技术发生了翻天覆地的变化,前端开发工程师可以让网页内容变得更加生动,为用户带来更好的体验.那么,武汉web前端培训哪个好?web前端好学吗?作为一个合格的Web前端工程师,需 ...

最新文章

  1. hitTest和pointInside方法
  2. 如何理解李飞飞价值十亿美金的“人文AI”计划 ?
  3. windows2003 mstsc 远端连线,减少可会话数目 ,同一用户只允许一个会话
  4. 浅谈微信小程序对于房地产行业的影响
  5. BZOJ3261: 最大异或和(可持久化trie树)
  6. Kubernetes1.4即将发布
  7. Oracle的sql条件带有,oraclesql语句的if
  8. DataStudio 编辑器快捷键列表
  9. 《善用佳软:高效能人士的软件应用之道》一导读
  10. WPF动画——故事板(Storyboard)
  11. 占问事宜:我买的择日书籍何时能到?
  12. 【笔记总结】计算机系期末复习、专业课学习、算法与其他笔记
  13. BC3.1精简版win7/10下不兼容问题的解决
  14. ES6,ES7,ES8,ES9,ES10新特性一览
  15. FL Studio中的音频剪辑功能
  16. 大数据和云计算技术周报(第115期)
  17. java sql进销存_[内附完整源码和文档] 基于Java和Sql Server 2008的陶瓷工厂进销存管理系统...
  18. 2022 Delphi 11开发苹果IOS证书等详细配置流程(最新)
  19. 简述HEVC与VVC的视频编码过程
  20. Pinterest分享功能

热门文章

  1. 论文浅尝 | 面向开放域的无监督实体对齐
  2. 6 计算机组成原理第五章 中央处理器 CPU功能和结构 指令执行过程
  3. git入门(廖雪峰老师)
  4. Gradle 下载不了
  5. input输入数字验证
  6. CF876 F 思维 枚举
  7. 五大原则让你的代码不再受bug的困扰
  8. bzoj1532: [POI2005]Kos-Dicing
  9. UPX 加壳工具:The Ultimate Packer for eXecutables
  10. 现有代码移植到Metro App