PHP8 —— New String Helpers

新增了三个字符串函数，str_starts_with, str_ends_with, str_contains， PHP 的函数这么方便，很难想象竟然一直没有这几个。 str_starts_with 判断字符串是否以另一个字符串开头，在PHP7以及之前 $id = 'inv_abcdefgh'; $result = strpos($id, 'inv_') === 0; var_dump($result); // true PHP8 中可以直接这么写 $result = str_starts_with($id, 'inv_'); str_ends_with 判断字符串是否以另外一个字符串结尾，在 PHP7 及之前，比较麻烦，通常是这么写 $id = 'abcd_inv'; $result = strpos(strrev($id), strrev('_inv')) === 0; 或者 $result = substr($id, -1 * strlen('_inv')) === '_inv'; 或者上正则吧 $result = preg_match('/_inv$/', $id) === 1; 看起来都是比较麻烦的。PHP8 里面可以简化成下面这样了 $id = 'abcd_inv'; $result = str_ends_with($id, '_ind'); str_contains 字符串包含，PHP8 之前一般就是 strpos 来实现了 $url = 'https://example?for=bar'; $result = strpos($url, '?') !== FALSE; PHP8 就直接一点 $result = str_contains($url, '?');
发表评论

Turtle Geometry Tutorial 1

We have a little turtle who holds a pen, on our display screen. The turtle can respond to some commands: FORWARD, BACK, RIGHT and LEFT.
* FORWARD 100 : The turtle will move 100 step on the screen, in the direction it is facing.
* RIGHT 100: The turtle will turn its head 90° clockwise in place.
Repeating the commands above 4 times will get us a square with side 100 units long.
turtle draw a square in ucbLogo program
We can rewrite the commands use repeat loop, as
This will give us the same square as before.
At the next step we’ll teach our little turtle some new command, here we add square to the its vocabulary.
then we can use this new square command to draw the same square.
Here comes some thing interesting:
enter image description here
enter image description here
OK, that is all for today. Happy painting!

评论

发表评论

此博客中的热门博文

D3js Data-binding basics

图片
We can use d3.select() to select and change DOM elements, and we can create and remove elements based on data. const books = [ 'Eloquent JavaScript' , 'JavaScript: The Good Parts' , 'JavaScript: The Definitive Guide' , 'You Don’t Know JS' ] d3.select( 'body' ).selectAll( 'div.books' ) .data(books) .enter() .append( 'div' ) .attr( 'class' , 'books' ) .html( function (d) { return d }) The result is: d3.selectAll() We start a selection using d3.selectAll() with a CSS identifier. Often there’s no elements match this identifier, and we then use .enter() function to create new elements. .data() We associate the data array with the elements which we selected using d3.selectAll() . For example we can access the first item of the array using code like this: document.getElementsByClassName( "books" )[ 0 ].__data__ .enter() and .exit() When we have more data items t
阅读全文

JavaScript 数据类型

类型 JavaScript 语言的每个值都属于一种数据类型。JavaScript 语言规定了7中类型： Undefined Null Boolean String Number Symbol (ES6开始加入) Object Undefined, Null Undefined 表示未定义，有一个值 undefined。任何变量在赋值是 Undefined 类型，值为 undefined。一般我们可以用全局变量 undefined 表示这个值，或者 void 运算符将任意表达式变成 undefined。undefined 是一个变量而非关键字，为了避免被无意中篡改，建议使用 void 0 来获取 undefined 值。 Null 表示“定义了但为空”，与 Undefined 有一定的表义差别。Null类型只有一个值 null，它是语言关键字，在任何代码中都可以使用 null 来获得 null 值。 实际代码中，不要将变量赋值为 undefined，这样可保证所有值为 undefined 的变量，都是从来未赋值状态。 Boolean Boolean 类型有两个值，true 和 false，表示真和假，均为语言关键字。 String String 表示文本数据，最大长度为 2 53 - 1。 String 的意义并非“字符串”，而是字符串的 UTF-16 编码，字符串的最大长度，受编码长度影响。 JavaScript 字符串是不可变量，构造之后没有任何方法变更内容，具有值类型的特征。 JavaScript 将每个 UTF-16 单元作为一个字符，处理非 BMP(超出 U+000 ~ U+FFF范围)字符是，需要格外小心。 Number Number 类型有 18437736874454810627(即 2 64 - 2 53 +3)个值，基本符合 IEEE 754-2008 规定的双精度浮点数规则，除了一下例外： NaN，占用 9007199254740990，这是原来符合 IEEE 规则的数字 Infinity，无穷大 -Infinity，负无穷大 JavaScript中，+0 和 -0 在加法中无差别，在除法中有差别。1/+0 、1/-0 分别得到 Infinity 和 -Infinity。
阅读全文

Vue3新特性(1) —— Vite

图片
Vite (法语 fast )是 Vue3 的默认构建工具，在开发环境下基于浏览器原生 ES module 开发，从而实现按需编译，在生产环境下基于 Rollup 打包。它具有如下几个特点： 快速的冷启动 即时的热模块更新 真正的按需编译 开始使用 终端执行 $ npm init vite-app vite-example 生成一个 vite 项目，结构如下 ├── index.html ├── package.json ├── public │   └── favicon.ico └── src ├── App.vue ├── assets │   └── logo.png ├── components │   └── HelloWorld.vue ├── index.css └── main.js 进入项目目录，执行 $ cd vite-example $ npm install && npm run dev 可以看到dev server启动速度非常快，大概2s不到 vite 特性 打开chrome的开发工具，看到浏览器直接加载了 vue 文件，后面跟了参数 type 看下源代码的 main.js import { createApp } from 'vue' import App from './App.vue' import './index.css' createApp(App).mount('#app') 对比一下浏览器返回的 main.js import { createApp } from '/@modules/vue.js' import App from '/src/App.vue' import '/src/index.css?import' createApp(App).mount('#app') 对vue引用转化为/@modules/vue.js 对./App.vue转换为/src/App.vue 对./index.css转化为/src/index.css
阅读全文