当我们刚开始学习JS代码时,我们只需要掌握JS中对应知识点就好,随着对JS代码的熟悉程度,我们就要思考如何写出更优雅,更简洁的代码。
本文主要讲解TypeScript的基本数据结构,主要包括JS基本数据类型以及TS特有的数据类型。
1995 年, 用 10 天时间完成 JS 的设计 (由于设计时间太短,语言的一些细节考虑得不够严谨,导致后来很长一段时间,Javascript 写出来的程序混乱不堪).最初在网景公司, 命名为 LiveScript,一般认为,当时 Netscape 之所以将 LiveScript 命名为 JavaScript,是因为 Java 是当时最流行的编程语言,带有 “Java” 的名字有助于这门新生语言的传播。 其实 Java 和 JavaScript 之间的语法风格相去甚远.
if-else简化写法 代码中若出现多层if-else嵌套,代码就会显得臃肿不堪,这时可采用替代方案来浓缩代码。 常规写法:(臃肿不堪) if(){ if(){ //…… } else{ //…… } } else{ //…… } 简化写法:(一行搞定) (a) && (b) || (c); 上述表达式含义:若条件a为true则执行表达式b,否则执行表达式c。 原本多行的if-else语句一行就可以搞定。 此外,该句式支持多层
entry与output,顾名思义,就是打包的入口与输出,其实之前我们已经接触了这两个参数,下面详细介绍一下这两个参数的配置。
有时候我们需要清空数组,一个快捷的方法就是直接让数组的 length 属性为 0,就可以清空数组了。
代码优化 01 - 为什么需要优化 使用Vuex之后会发现在使用store管理的数据时有些繁琐,模板的插值表达式中,每个被使用的数据都必须$store.state.属性名,假如我们有100个数据,$store.state就得写100遍,感觉非常没必要,造成了资源浪费,也会使加载速度变慢。 这时就会有人想到Vue的计算属性computed,写着写着又发现,即使是计算属性的简写形式也是每一个数据都需要写一个方法的,依然很繁琐。 接下来要说的就是Vuex给我们提供了辅助函数(mapState等),可以帮助我们生成计算属性等,极大的减少了代码量和工作量,又能少掉几根头发啦啦啦。 02 - 使用方法 引入辅助函数
在上面的demo中, 我们全部都是使用循环来进行计算, 并且最后达到了我们想要的效果. 点击计算按钮, 查看计算结果:
jQuery 方式: JQ 对象 .prop("value","value 值 ");
若是接触过编程数据结构的,对这个上手贼快. 写过json这些的...主要关注下缩进这些,理解下概念即可! 这里只列出非常高频且通用性高的使用姿势,个别骚姿势自行去提案了解!
吐槽:虽然JSX出发点是好的,而且写起来也很简单,但是对于要在JS中写类HTML格式的内容,我的内心是排斥的,感觉非常不习惯。这不是我熟知的web开发啊!有种在开发app的感觉,一个个自定义的组件。
通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的
前一篇写了Vuex基本使用,用起来还稍稍有些繁琐,代码有很多 冗余的地方,这篇就带着大家用更简单的方式来使用Vuex(其实就是怎么更好的偷懒,用更少的代码来完之前的事情)
javascript是一门弱类型语言, 所谓弱类型, 就是一个变量既可以被赋值字符串, 数字, 又可以被赋值数组, 对象, 弱类型的好处很多, 但也有缺点, 比如:
ES6我没有学完,毕竟JS我也才过了一遍基础,其实我也就跟着B站的Pink老师的视频学了一下CSS和JS,而且是跳跃式的学习,毕竟我不是前端,估计也不会以前端为职业。仅仅是为了兴趣,所以jQuery这等老爷爷级别的框架我就没学了,毕竟我不会维护老的项目。我学前端大概率就是从0-1搭建网站而已。
ES6,是ECMAScript 6的简称,它是 JavaScript 语言的下一代标准,已经在2015年的6月正式发布。
本篇参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions
ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
* JavaScript:简称JS(最初的设计目的:解决浏览器和用户之间的交互问题)
写在前面 我一直关注头条上面的关于js的一些文章,昨天晚上睡觉之前呢,看到一个视频,里面内容是这样的,for循环怎么写可以将性能提升一半以上,我很好奇,因为我们都知道,js作为一种动态语言,他是非常强大的,但是在我们使用的过程中呢很多的操作其实是非常影响页面性能的,其中比较明显的就是for循环的操作,他的视频大概是这样说的,首先他将三种for循环写了出来,同时进行渲染页面上面的元素,将60个span全部改为别的颜色,看用时分别是多久,结果是他写的第三种也就是他所谓的那种性能比较好的写法时间很短,我当时有点
视频附加信息链接:http://www.kancloud.cn/wangfupeng/zepto-design-srouce/173680
阮一峰的这本书,我个人觉得写得挺好的,不管是描述方面,还是例子,都讲得挺通俗易懂,每个新特性基本都还会跟 ES5 旧标准做比较,说明为什么会有这个新特性,这更于理解。
Iterator接口的目的,就是为所有数据结构,提供了一种统一的访问机制,即for...of循环
使用jsx创建对象。并最后使用ReactDom.render(param1, param2)去对对象渲染。其中param1为js创建的变量,param2为原生dom方法选中的html元素。
yaml 是一种类似 xml 和 json 的标记性语言。yaml 是一种直观的数据序列化格式,可读性强,各种编程语言都有支持 yaml 的库。它以数据为核心,比传统的 xml 更加简洁。其文件扩展名可以使用 .yml 和 .yaml
数组概念: 数组即一组数据,它把一系列具有相同类型的数据组织在一起,成为一个可操作的对象。
Vue是一个MVVM的JavaScript框架; ViewModel负责逻辑的实现,把Model里的数据传递给View,实现视图层与数据层的解耦
众所周知:JS中有这么几种类型的数据: Symbol,boolean,Number,Object[Array在js中也属于对象],undefind,null,String;
众所周知,js 是一门非常灵活的语言。当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面
在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。
对于 JavaScript 来说,模块化是一个相对现代的概念,这篇文章会带你在 JavaScript 的世界里快速浏览模块化的历史进程~
还有就是我们需要去下载Vue开发者工具 【我们在引入Vue.js,打开浏览器,会有提示我们去下载】
字面上来看JSX即 JavaScript XML取首字母结合,所以JSX并不是一门新语言,仅仅是个语法糖。
看了前一阵自己写的《javascript 常用代码记录》觉得自己当时真心傻X,但是也懒得改了,还不如重新写个文章来的爽快,于是写了下最近学到的小知识。
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
state ,这个就是我们说的访问状态对象,它就是我们SPA(单页应用程序)中的共享值。
在上一篇文章中JavaScript中AMD和ES6模块的导入导出对比,偏向于理论层面,还有一些同学在微信群里或是私下里针对一些问题进行了沟通,所以有了这一篇文章,对js的导入导出进行总结和实践
特别注意:Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象 添加属性!!!
Javascript 常用的String,Number,Boolean, TypeScript有与之相对应的类型string,number,boolean 。
var 是全局作用域,往windows里面写入,可先使用后声明,也可重复定义不建议使用
由于公司的前端开始转向 VueJS,最近开始使用这个框架进行开发,遇到一些问题记录下来,以备后用。
ES6初学者,通过阅读本文可对ES6知识点有个大体的概念,强烈建议阅读阮一峰大大的ES6入门。
PHP7.4 上月 28 号已经发布了。又带来了一些新特性。可以让我们的代码写的更少了。
附录A 名词解析: const:声明常量,常量的值不能通过重新赋值来改变,并且在初始赋值后,不能重新声明、重新赋值了。 即:同一作用域中,常量名不能与其他变量或函数名重名。值也不能修改了。 “常量是块级作用域,很像使用let语句定义的变量。” 只读的常量,就是只能读一读,不可以通过赋值改变其值,也不可以在脚本运行时重新声明,他必须被初始化某个值。 作用域规则和let块级作用域变量相同,若省略const,则被视为变量。 在同一作用域中,不能使用与变量名或者函数名相同的名字来命名常量:很好理解,常量设定后就不能
jQuery的核心是通过各种选择器,选中DOM元素,可以用querySelectorAll方法模拟这个功能。
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
Vue2.x-03使用vue-cli搭建Vue开发环境搭建好了开发环境,也看了下项目结构,接下来继续来分析下创建的项目吧。
3.我们编码时基本只需要操作react的虚拟DOM相关数据, react会转换为真实DOM变化而更新界。
建立此公众号,本意就是想着平时反正也是在拿着手机看微信,不如无聊时看看一些js实例,巩固并提高一下js代码编写。所以,志同道合的友友们,跟我一起,去改变世界(吹牛逼不花钱,随便吹)。
在开发中,变量名,函数名一般要做到清晰明了,尽量做到看名字就能让人知道你的意图,所以变量和函数命名是挺重要,今天来看看如果较优雅的方式给变量和函数命名。
领取专属 10元无门槛券
手把手带您无忧上云