HG_CODE

HG_CODE 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

HG_CODE 提出了问题 · 2019-11-05

原生js如何获取json字符串中某个对象的内容

有如下json字符串:

const str = `{
      input: {
        label: "输入框input",
        name: "input",
        option: {
          rules: [{ required: true, message: "Please select your country!" }]
        },
        on: {
          change: e => {
            const { value } = e.target;
            console.log("change", value);
          }
        }
      },
      number: {
        label: "数字输入框",
        name: "input",
        type: "number",
        props: {
          min: 3,
          max: 500
        },
        option: {
          rules: [{ required: true, message: "Please select your country!" }]
        },
        on: {
          change: value => {
            console.log("change", value);
          }
        }
      }
    }`;

怎样获取其中对象input或者number为字符串的内容,要得到的结果如下

获取input的结果:

{
        label: "输入框input",
        name: "input",
        option: {
          rules: [{ required: true, message: "Please select your country!" }]
        },
        on: {
          change: e => {
            const { value } = e.target;
            console.log("change", value);
          }
        }
      }

获取number的结果:

{
        label: "数字输入框",
        name: "input",
        type: "number",
        props: {
          min: 3,
          max: 500
        },
        option: {
          rules: [{ required: true, message: "Please select your country!" }]
        },
        on: {
          change: value => {
            console.log("change", value);
          }
        }
      }

原来使用 const json = JSON.parse(str); 转成json;再通过 json.input 获取需要的对象内容;然后通过JSON.stringify(json.input);转回需要的字符串;但这种方法会导致里面的 change为方法的内容获取不到。

关注 4 回答 3

HG_CODE 关注了专栏 · 2019-06-24

Jrain-前端玩具盆

记录一路以来的各种折腾。

关注 6285

HG_CODE 关注了专栏 · 2019-06-24

金融级分布式架构SOFAStack

蚂蚁金服自主研发的分布式中间件(Scalable Open Financial Architecture)

关注 1047

HG_CODE 关注了专栏 · 2019-06-24

疯狂的技术宅

本专栏文章首发于公众号:前端先锋 。

关注 24608

HG_CODE 关注了标签 · 2019-06-24

javascript

JavaScript 是一门弱类型的动态脚本语言,支持多种编程范式,包括面向对象和函数式编程,被广泛用于 Web 开发。

一般来说,完整的JavaScript包括以下几个部分:

  • ECMAScript,描述了该语言的语法和基本对象
  • 文档对象模型(DOM),描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

它的基本特点如下:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务:

  • 嵌入动态文本于HTML页面
  • 对浏览器事件作出响应
  • 读写HTML元素
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息

《 Javascript 优点在整个语言中占多大比例?

关注 137211

HG_CODE 关注了标签 · 2019-06-24

html5

HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

关注 88053

HG_CODE 关注了标签 · 2019-06-24

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 99326

HG_CODE 关注了标签 · 2019-06-24

php

PHP,是英文超文本预处理语言 Hypertext Preprocessor 的缩写。PHP 是一种开源的通用计算机脚本语言,尤其适用于网络开发并可嵌入HTML 中使用。PHP 的语法借鉴吸收 C语言、Java 和 Perl 等流行计算机语言的特点,易于一般程序员学习。(目前是 Web 开发性价比最高的语言)

关注 63676

HG_CODE 关注了标签 · 2019-06-24

前端

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

Web前端优化
  1. 尽量减少HTTP请求 (Make Fewer HTTP Requests)
  2. 减少 DNS 查找 (Reduce DNS Lookups)
  3. 避免重定向 (Avoid Redirects)
  4. 使得 Ajax 可缓存 (Make Ajax Cacheable)
  5. 延迟载入组件 (Post-load Components)
  6. 预载入组件 (Preload Components)
  7. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)
  8. 切分组件到多个域 (Split Components Across Domains)
  9. 最小化 iframe 的数量 (Minimize the Number of iframes)
  10. 杜绝 http 404 错误 (No 404s)

关注 155146

HG_CODE 关注了标签 · 2019-06-24

css

层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表,由W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。

关注 61552

认证与成就

  • 获得 0 次点赞
  • 获得 2 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 1 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-06-24
个人主页被 25 人浏览