本文讲述了javascript正则表达式定义（语法）。分享给大家供大家参考，具体如下： 正则表达式的2种定义方法：一种是直接调用RegExp()，第二种是直接用字面量来定义，即var re = /正则规则/; 2种定义方法本质都是调用RegExp()方法 在调用同一段正则代码的时候，ECMAScript3和ECMAScript5中表现完全不一样function reg(){var re = /\sjavascript/;return re; }分别在ECMAScript3和ECMAScript5中调用reg()方法多次 在ECMAScript3中，调...
Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言。 ii. Javascript语言的特点： 1. 由Netscape公司开发，基于对象和事件驱动并具有一定安全性的脚本语言。 2. 特点： a) Javascript是一种脚本语言，同时也是一种解释性语言； b) Javascript是靠浏览器中的javascript解释器来运行的，与操作环境没有关系； c) 在javascript中，采用的是不太严格的数据类型，这样的俄好处是在定义或使用数据的时候可以更加...
什么是vue.js Vue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的**主流框架之一**，和Angular.js、React.js 一起，并成为前端三大主流框架！ Vue.js 是一套构建用户界面的框架，**只关注视图层**，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目...
Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。 使用sass可以使我们的样式代码变的更简洁，更具有易读性 首先，我们创建完vue项目之后 尝试在项目中使用sass语法运行后发现果不其然报错了在使用scss之...
关于async的介绍，在阮一峰的ES6入门教程中说到：async 函数是什么？一句话，它就是 Generator 函数的语法糖。可是，为什么这么说呢？ 首先，比如说有一个异步操作，使用 async/await 语法来以同步模拟异步操作。 使用 async/await 实现一个 sleep 的功能 function sleep(time) {return new Promise((resolve, reject) => {setTimeout(() => {resolve(1);}, time);}); }async function test () {for(let i = 0; i < 10; i++) {let ...
React社区一直在探寻使用React语法开发小程序的方式，其中比较著名的项目有Taro，nanachi。而使用React语法开发小程序的难点主要就是在JSX语法上，JSX本质上是JS，相比于小程序静态模版来说太灵活。本文所说的新思路就是在处理JSX语法上的新思路，这是一种更加动态的处理思路，相比于现有方案，基本上不会限制任何JSX的写法，让你以真正的React方式处理小程序，希望这个新思路可以给任何有志于用React开发小程序的人带来启发。 现有...
1.单项数据绑定<div id="di"> <input type="text" :value="input_val"> </div><script> var app = new Vue({ el: #di, data: { input_val: hello world } }) </script> 通过浏览器 REPL 环境可以进行修改 app.input_val = 'Vue' 我们通过 vue 对象修改数据可以直接影响到 DOM 元素，但是，如果直接修改 DOM 元素，却不会影响到 vue 对象的数据；我们把这种现象称为 单向数据绑定 ； 2.双向数据绑定v-model：<div id="di"><input t...
在终端中运行以下命令: vue create xxx // xxx为项目名称，例如 vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键。然后，我们将看到一系列功能选项。使用向下箭头键，我们将向下移动并使用空格键选择需要的功能，然后按回车键。Linter / Formatter 就是代码风格。 我们将使用 ESLint + Prettier我们将在保存时添加Lint的附加功能。我们将选择单独的配置文件。我们...
译者按： 为什么偏要用 # 符号?原文：JavaScripts new #private class fields ?译者：Fundebug本文采用意译，版权归原作者所有 proposal-class-fields与proposal-private-methods定义了 Class 的私有属性以及私有方法，这 2 个提案已经处于 Stage 3，这就意味着它们已经基本确定下来了，等待被加入到新的 ECMAScript 版本中。事实上，最新的 Chrome 已经支持了 Class 私有属性。 那么，对于 Class 的私有属性与私有方法，它们究竟是...
create-react-app(简称cra)已经更新之2.0.3版本, babel也更新至7.x版本, JavaScript装饰器语法虽然还不是标准, 但是借助于babel, 也能在项目里愉快的玩耍. cra2.0时代如何启用装饰器语法呢? 我们依旧采用的是react-app-rewired, 通过劫持webpack cofig对象, 达到修改的目的. yarn add react-app-rewired修改package.json "scripts": {"start": "react-app-rewired start","build": "react-app-rewired build","test": "react-app-r...
首先，直接进入正题，我想要给一个dom绑定多个class，而且是动态绑定，这个时候可以用v-bind简写可以写为“ ：”冒号，我查了官方的语法， 具体如下： <!-- class 绑定 --> <div :class="{ red: isRed }"></div> <div :class="[classA, classB]"></div> <div :class="[classA, { classB: isB, classC: isC }]">其中第2行和第3行都是采用了数组语法，所以放到了我本人的代码中就是这样写<a :class="[{ active : hash===all }, nav-l...
由于vue对语法的限制过于严格，以至于在我第一次编译运行的时候一直编译失败，当然也包括一些警告： ? my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js95% emitting WARNING Compiled with 1 warnings 5:00:12 PM...
小程序原生使用ES7 async / await 语法小程序开发工具-详情-开启ES6转ES5下载 regenerator 库 https://github.com/facebook/regenerator将库中packages文件夹下 regenerator-runtime 文件夹全部复制到小程序项目中小程序项目全局引入 regenerator 库在app.js中引入const regeneratorRuntime = require(./libs/runtime-module.js) 使用方法Page({/*** 页面的初始数据*/data: {num: 0},/*** 生命周期函数--监听页面加载*/async onLoa...
如果使用render函数来写比较复杂的vue组件，对于可读性和可维护性都很不友好，而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。 配置 需要用到babel插件 安装npm install\babel-plugin-syntax-jsx\babel-plugin-transform-vue-jsx\babel-helper-vue-jsx-merge-props\babel-preset-env\--save-dev.babelrc配置在plugins中添加transform-vue-jsx {"presets": ["env"],"plugins": ["transform-v...
搭建了一个vue项目，在配置路有的时候，陆续出现了各种报错其中最多的是一些写法，例如空格，缩进，各种括号，结果我一句一句对照，修改相当之费时间，效率低，一上午，一个路由配置都没写好 主要报错如下：截取了一段常见报错，选取其中一个：Expected indentation of 4 spaces but found 1 tab翻译一下，意思是：预期缩进4个空格，但找到1个选项卡。意思是vue在检测写法规则的时候，只认空格，不认tab的缩进，这时你就要修改的页...