Echo javascript: Альтернатива echo (PHP), но на Javascript

‎«Echo.js» в Apple Podcasts

Выпусков: 10

关于编程与开发的播客节目,a.k.a. 两名前端精英二级(迫真)干员的带主题吹水录音手记。

  1. Episode 8: 禅与浏览器开发艺术 feat. 螺丝 @ 「没有主题的闲聊」

    Episode 8: 禅与浏览器开发艺术 feat. 螺丝 @ 「没有主题的闲聊」

    就 Arc 浏览器「横空出世」一事,我们继续与友台「没有主题的闲聊」主播螺丝一起探讨Arc 宣称「想要改变」(事实上也非常混乱不堪)的互联网(原本)究竟应该是什么样子的。

    节目章节

    00:00:00 小福利:我们会在 官网本期节目页面 评论区送出 Arc 浏览器邀请码
    00:00:24 开场跑火车
    00:20:08 Web app 之风是谁刮起来的?
    00:41:54 大家都讨厌 Electron,大家都用 Electron
    01:07:54 操作系统的终点是浏览器?
    01:18:08 批判 Arc 浏览器:它是一个「功能服务于设计」的灾难
    01:47:22 尾声

    相关链接

    The Browser Company 官网,The Browser Company 即 Arc Browser 开发团队
    《弧光未照明路,新衣难解旧愁——评 Arc 浏览器》:少数派发布的关于 Arc 浏览器的测评文章
    musikcube:使用 SQL 语句筛选音乐播放列表(00:13:09)
    1999 年的 amazon.com 的网页存档(00:26:31)
    Pixel Art in Web Design(00:35:08)
    Pepsi in 1996:Pixel Art in Web Design 收录的百事在 1996 年的营销网站(00:36:01)

    Buying a Chromebook was a BIG MISTAKE:Linus Tech Tips 介绍如何安装 ChromeOS Flex 的视频(00:43:28)
    Dart 编程语言(01:11:39)
    Vivaldi 浏览器(01:30:40)
    recative-system:统一浏览器自动播放行为的前端框架(01:47:22)

    关于 Echo. js & 联系我们

    Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。

    有话想说?你可以:

    发到官网评论区
    来小宇宙 app 订阅 Echo.js 并给节目发评论
    加入听众反馈 QQ 群 或 Discord 群组
    发邮件至 hello(a)astrianzheng.com

    关注我们的:Telegram 频道
    Special Guest: 螺丝.

  2. Episode 7: 交互视频、Flash 和万人唾弃的 Safari feat. 螺丝 @「没有主题的闲聊」

    Episode 7: 交互视频、Flash 和万人唾弃的 Safari feat. 螺丝 @「没有主题的闲聊」

    本期是一期串台节目。Astrian 和白羊与友台「没有主题的闲聊」主播螺丝一起,从螺丝供职的基本操作团队开始,聊聊有关交互视频开发秘辛、前端与跨平台 app 的未来。另外,还有对「烂苹果」的各种吐槽。

    由于本期节目的原始音频是通过 Zoom 云录制功能录制的,因此音质可能不会很好,敬请谅解。

    章节

    00:00:00 开场、串台主播介绍,以及何为「基本操作」
    00:11:03 「交互视频」遇到了一万种技术问题
    00:24:05 Apple 开发吐槽大会:Safari 是用于正确渲染 apple.com 的浏览器
    01:09:24 现在看来,Flash 去世是很可惜的
    02:11:32 尾声

    相关链接

    基本操作官网
    螺丝在其个人博客撰写的、有关交互视频开发过程相关的 技术博客文章
    用 Flash 的方式来做 HTML 5 动画的软件 Hype (00:09:50)
    Animate. js(00:10:00)
    螺丝的 Telegram 频道「螺莉莉的黑板报」(00:13:33)
    螺丝在 Safari 调试时遇到的 0.18 ZB bug(00:36:08)
    针对 Safari 内存泄露问题,Telegram WebK 团队在其官方频道撰写的 契文(00:38:04)

    关于 Echo.js & 联系我们

    Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。

    有话想说?你可以:

    发到官网评论区
    来小宇宙 app 订阅 Echo.js 并给节目发评论
    加入听众反馈 QQ 群(白羊说进群可以教学编程,包教包会)
    发邮件至 hello(a)astrianzheng.com

    关注我们的:Telegram 频道
    Special Guest: 螺丝.
    Links:
    基本操作官网幕后故事:交互视频播放器的技术发展历史 — 螺丝在其个人博客撰写的、有关交互视频开发过程相关的技术博客文章
    Hype — 用 Flash 的方式来做 HTML 5 动画的软件 Hype。Animate.js
    螺莉莉的黑板报 — 螺丝的 Telegram 频道

    0.18 ZB bug — 螺丝在 Safari 调试时遇到的 bug。
    针对 Safari 内存泄露问题,Telegram WebK 团队在其官方频道撰写的契文 — 针对 Safari 内存泄露问题,Telegram WebK 团队在其官方频道撰写的契文。

  3. 「技术播客月」先导预告

    「技术播客月」先导预告

    Echo.js 将会参加 2022 年「技术播客月」活动。在 2022 年 7 月,我们将会有一个串台节目,形式、话题暂且先保密!感兴趣的朋友们可以关注「技术播客月」,也欢迎大家持续关注 Echo. js!

  4. Episode 6: 函数式编程,从入门到…… 算了,爱到哪到哪

    Episode 6: 函数式编程,从入门到…… 算了,爱到哪到哪

    大哥大嫂新年好!时隔九个多月,我们终于复播了(老父亲的眼泪)。

    复播第一期的话题有些 hardcore:函数式编程。也许你偶尔会在各种场合听到这个词,那它究竟与传统的过程式、对象式编程有什么区别?这里的「函数」又与我们常见的函数有什么关系?它为什么又被许多人奉为全新且优秀的编程范式?

    当然,本期话题可以聊的东西实在是太多,本期节目姑且也是抛砖引玉。如果大家还希望我们来聊聊相关内容的话,欢迎留言告诉我们。

    章节

    00:00 开场寒暄
    02:16 何为函数式编程?
    16:35 与函数式编程有关的语言
    29:05 深入了解更多概念
    36:44 吟唱魔法
    40:53 尾声

    相关链接

    MesoTroniK(为 Echo.js 制作新的 intro / outro)的 SoundCloud 主页 和 Patreon 主页。
    Haskell:函数式编程范式的「元汤化元食」之语言。
    Ramda:在 JavaScript 中使用的函数式编程框架。
    Fantasy Land Specification:在 JavaScript 中实现函数式编程的规范。
    PureScript 与 Elm:JavaScript 的超类,编写后可直接编译为 JavaScript 的语言。
    白羊写的介绍 ADT 的文章。

    关于 Echo.js & 联系我们

    Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。

    有话想说?你可以:

    发到官网评论区
    来小宇宙 app 订阅 Echo. js 并给节目发评论
    加入听众反馈 QQ 群(白羊说进群可以教学编程,包教包会)
    发邮件至 hello(a)astrianzheng.com

    关注我们的:Telegram 频道

    获取本期节目转写文稿 (PDF 格式)

  5. Episode 5: 少年,你掉的是这个空格缩进,还是这个 Tab 缩进?

    Episode 5: 少年,你掉的是这个空格缩进,还是这个 Tab 缩进?

    时隔两个月的更新,我们迎来新的 官网、新的 会员计划 和新的话题。从这期开始,我们拥有新的固定栏目:开源项目与文章摘要(暂定);之后我们将大家写代码时的习惯、工具等等都拿了出来,看看究竟哪种最好用。

    节目索引

    00:00 开场
    00:22 厚脸皮地来说说这两个月里的公告
    03:20 新固定栏目:开源项目与文章摘要
    15:53 大乱斗话题的由来
    18:01 代码习惯大比拼
    35:57 有 Lint,当然少不了 Linter
    41:31 说脚到手架,两位 JS 程序员可就不困了
    49:05 终于开始聊编辑器
    01:01:16 最后来聊聊 GitHub Copilot

    相关链接

    06:07 — WeKan 开源看板工具
    07:42 — draw.io
    08:50 — 数据绘 开源绘图工具
    12:25 — How to win on CORS:CORS 跨域限制机制是怎么来的,到底该怎么解决?
    19:05 — 维基百科中对「制表键」的定义:键盘上俗称的 Tab 键正式名称叫「制表键」(tabulator key),它可以提供最大 4 长度(有些是 8 或是其他长度)的可变长度空格,在需要跨行进行列对齐(制表等场景)时非常好用而得名。白羊说「Tab 键本身就是做这种事的」是这个原因。
    25:55 — JavaScript Map, Reduce, and Filter — JS Array Functions Explained with Code Examples:JavaScript 中操作数组常用的 map、reduce 和 filter 三个函数的解释。
    29:26 — PureScript
    30:17 — 中文编程了解一下:我台以「在编程中使用中文」为话题的一期节目。
    36:22 — EditorConfig

    41:37 — Vue CLI
    41:50 — Create React App:两位主播都忘记叫什么名字的 React 脚手架。
    44:07 — WebPack
    44:12 — Next. js(React)和 Nuxt.js(Vue.js)
    47:16 — Parcel
    01:01:16 — GitHub Copilot
    01:02:37 — What does Copilot Mean for Open Source:开源组织在 GitHub Copilot 推出之后针对 AI 补全代码的合法性发文。

    关于 Echo.js & 联系我们

    Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。

    有话想说?你可以:

    发到官网评论区
    来小宇宙 app 订阅 Echo.js 并给节目发评论
    加入听众反馈 QQ 群(白羊说进群可以教学编程,包教包会)
    发邮件至 hello(a)astrianzheng.com

    关注我们的:Telegram 频道、Twitter

    COPYRIGHT DISCLIMER

    开场/尾声音乐:

    Track: TOKYO MACHINE & Guy Arthur — GET UP [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: https://youtu.be/HV7mLcsUp5U
    Free Download / Stream: http://ncs.io/GetUp

    Play the Flappy Duck game: http://ncs.io/GetUp

    奏间音乐:

    来自北京干燥文化传媒有限公司。

  6. Episode 4: 说是要聊「可视化编程」,结果聊了大半天的快捷指令和游戏编程

    Episode 4: 说是要聊「可视化编程」,结果聊了大半天的快捷指令和游戏编程

    各位 Echo. js 的听众朋友们,我们鸽了一年,终于回来了! 🙇

    本期,我们从越来越火热的可视化编程概念开始,探讨这个只需要拖拖拽拽就能「写代码」的方式到底对我们生活有什么样的影响。省流小助手:对于普通人做做自动化、或是刚刚开始接触编程来说,帮助还是很大的;但它目前对程序员来说,还是不太友好。

    ➤ 节目索引
    00:00:00 开场
    00:00:53 道歉大会、近况介绍和一些公告
    00:04:26 什么是可视化编程?
    00:12:42 程序员编程时候并不会用它(大概吧)
    00:19:20 可视化编程与自动化
    00:27:03 用可视化编程做游戏
    00:35:53 吐槽一些公司内部使用的「可视化工具」有多难用
    00:44:06 说是总结,又不小心聊了一大堆东西
    00:50:54 尾声

    ➤ STAFF主播:Astrian、白羊剪辑:Astrian

    ➤ 相关链接
    编程猫:在节目中提到的有关青少年编程教育的创业公司之一
    Google Blockly 和 MIT Scratch
    H5 魔塔 官网 和 关卡编辑器
    通过组合函数块完成流逻辑编辑的 node-red
    Apple 设备上的 快捷指令 app
    《附带导航!一做就上手 第一次的游戏程序设计》在美国任天堂的 官方主页

    我台主播 Astrian 做的「第一次的游戏程序设计」攻略(对,这玩意甚至可以有攻略)

    ➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。

    有话想说?你可以:

    发到官网评论区
    来小宇宙 app 订阅 Echo.js 并给节目发评论
    加入听众反馈 QQ 群:639587959(白羊说进群可以教学编程,包教包会)
    发邮件至 podcast(a)astrianzheng.com

    关注我们的:Telegram 频道、Twitter

    ➤ COPYRIGHT DISCLIMER开场/尾声音乐:

    Track: TOKYO MACHINE & Guy Arthur — GET UP [NCS Release]Music provided by NoCopyrightSounds. Watch: https://youtu.be/HV7mLcsUp5UFree Download / Stream: http://ncs.io/GetUp

    Play the Flappy Duck game: http://ncs.io/GetUp

    奏间音乐:

    来自北京干燥文化传媒有限公司。

Топ подкастов в категории «Технологии»

Console dialog

Chat up studio

Запуск завтра

libo/libo

Lex Fridman Podcast

Lex Fridman

Радио-Т

Umputun, Bobuk, Gray, Ksenks, Alek.sys

Podlodka Podcast

Егор Толстой, Стас Цыганов, Екатерина Петрова и Евгений Кателла

Data Therapy

X5 Group

Вам может также понравиться

Учебник по JavaScript — EchoEcho.Com




  Учебники EchoEcho. Com :

РУКОВОДСТВО ПО JAVASCRIPT





JavaScript — это язык сценариев, который позволит вам добавлять реальное программирование на ваши веб-страницы.

Вы можете использовать это руководство либо как полное введение, либо как справочник по JavaScript от А до Я.

Страницы заполнены:
Простыми для понимания объяснениями, обширными примерами, советами, умными обходными путями и полезными краткими справочниками.

Если вы новичок в JavaScript, вам следует начать с раздела, посвященного основам JavaScript.

В противном случае просто перейдите на соответствующие страницы.



  JAVASCRIPT BASICS
0015
INTRODUCTION
WHERE TO PLACE IT
THE FIRST SCRIPT
CAPITAL LETTERS
POPUP ЯЩИКИ
ПЕРЕМЕННЫЕ
ЕСЛИ И ИНАЧЕ
ФУНКЦИИ
СОБЫТИЯ
ЦИКЛЫ
МАССИВЫ
ПРОЙДИТЕ ТЕСТ!

Обнаружение браузера
ВВЕДЕНИЕ
Техника
808015
808080808015. 0005
ПРИМЕР
ИНСТРУМЕНТ ОБНАРУЖЕНИЯ

  ANIMATED BUTTONS
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE

  COOKIES
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE

  ВЫПАДАЮЩЕЕ МЕНЮ
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE
DROP DOWN TOOL

  ПРОВЕРКА ФОРМ

0024

4

6

6
ВВЕДЕНИЕ
ТЕХНИКА
КОД
ПРИМЕР
  MULTIPLE LINK
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE

  FRAMESET SCRIPT
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE

 ВСПЛЕЧАЮЩИЕ ОКНА
INTRODUCTION
TECHNIQUE
THE CODE
EXAMPLE
POPUP TOOL





«Лучше, чем книги — проще простого!»

javascript.

Является ли хорошей практикой повторение PHP-кода во встроенном JS?

Нет, обычно это плохая практика.

Проблема

Каждый раз, когда вы повторяете что-то из PHP в JavaScript, происходит то, что вам пытается сгенерировать действительный код JavaScript. Нет общей гарантии, что вы создадите синтаксически и семантически корректный код JavaScript, который также будет делать то, что вы хотите. Может быть проще догадаться, будут ли работать отдельные экземпляры кода, но это определенно не гарантия. Возьмем, к примеру, следующий код

 var someVariable = '';
 

Вроде должно работать. И действительно будет, если $someOtherVariable не содержит новой строки или апострофа. Однако, если он содержит O'Brian или Hello\nWorld , сгенерированный код JavaScript будет недействительным в любом случае:

Раннее завершение строкового литерала приводит к недопустимому коду после него:

 var someVariable = 'O' Брайан';
 

Недопустимая многострочная строка:

 var someVariable = 'Привет
Мир';
 

Просмотр кода и определение правильности кода прямо сейчас и останется правильным, станет очень сложным. Что, если формат данных, которые вы повторяете, изменится? Что, если вы получите данные, которых не ожидали?

В общем, проблема в том, что у вас нет полного исходного кода JavaScript. Исходный код завершен только тогда, когда пользователь посещает страницу, и серверная часть создает его для них. До тех пор он находится в подвешенном состоянии, и неизвестно, будет ли он работать.

Затрудненный анализ кода

Мало того, что людям трудно определить, как будет вести себя код, но автоматизированные инструменты, которые помогут вам, также могут пострадать. Некоторые примеры

  • Подсветка синтаксиса может выйти из строя из-за смешения двух языков. Часто это первая линия защиты от дефектного кода. Например, посмотрите на строку, которая говорит 'О'Брайан' — вы увидите, что выделение несовместимо между 'О' и Брайан'; .
  • Инструменты, которые анализируют код на правильность, например ESLint или Tern. js, не смогут анализировать код, которого там нет. var someVariable = '")'; синтаксически правильный JavaScript? Мы, как люди, не можем сказать, что автоматизированный инструмент, который просто следует некоторым правилам, совершенно не способен угадать, каким будет сгенерированный код.
  • Инструменты, которые извлекают метрики кода, также будут иметь проблемы, поскольку они могут быть не в состоянии проанализировать реальный созданный код JavaScript.

Трудно тестируемый код

Автоматическое тестирование также страдает при смешивании двух языков. Вы можете протестировать код, но вам нужно сначала загрузить среду PHP с достаточным количеством данных, чтобы сгенерировать код JavaScript и , затем запустить тесты кода JavaScript. Это полный интеграционный тест с множеством пограничных случаев и ситуаций, которые необходимо учитывать. Модульный тест, ориентированный только на JavaScript и только на PHP, был бы намного проще, и вы можете сначала убедиться, что каждый из них выполняет свою часть контракта, прежде чем проверять, как они работают вместе.

Трудно отлаживать

Все вышесказанное означает, что когда происходит что-то, что ломает JavaScript, вы вряд ли об этом узнаете или даже подозреваете. Это только сломается для некоторых пользователей только время от времени. Сколько сообщит об этом и насколько точными будут отчеты, будет варьироваться, но по моему опыту — не ожидайте многого. Итак, если вы бы знали, что что-то не работает, с самого начала сомнительно. Более того, даже если вы обнаружите, что это не работает, вам теперь придется отследить, какая это смешанная строка JavaScript+PHP. Если нет ни одного, вам нужно будет потратить ненулевое время на расследование, чтобы найти, где что-то идет не так. И еще ненулевое количество времени, чтобы найти , почему . Все это, скорее всего, произойдет после того, как вы разработаете приложение. Может неделю, может год. В лучшем случае был вами, кто написал код, поэтому, хотя это все еще будет довольно сложно, у вас может быть некоторое представление о том, с чего начать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *