微信开发者工具 自动补双引号_微信小程序post传递自动加双引号 - CSDN
  • 点击“工具”菜单,选择“选项”菜单项,然后依次选择:“文本编辑器”-》“HTML”-》“格式”-》在“自动设置格式选项”中,选中“键入时插入属性值引号”即可。 备忘。 转载于:...

    点击“工具”菜单,选择“选项”菜单项,然后依次选择:“文本编辑器”-》“HTML”-》“格式”-》在“自动设置格式选项”中,选中“键入时插入属性值引号”即可。

     

    备忘。

    转载于:https://www.cnblogs.com/clyde/archive/2011/01/05/1926594.html

    展开全文
  • 微信开发者工具&WXML+WXSS学习笔记 by wyc 小程序下载以及使用 浏览器搜索微信小程序api即可找到官网 在设置/外观设置 中可以调整开发者工具的颜色以及主题,推荐深色,搭配浅色的语法高亮 文件介绍 pages、app...

    微信开发者工具&WXML+WXSS学习笔记

    by wyc

    小程序下载以及使用

    浏览器搜索微信小程序api即可找到官网

    在设置/外观设置 中可以调整开发者工具的颜色以及主题,推荐深色,搭配浅色的语法高亮

    文件介绍

    在这里插入图片描述

    pages、app.js都是必不可少的

    utils可以删掉,里面主要是放一些公用文件

    名称为app的文件是全局管用的,对于所有的页面都会有影响的,但是在具体的页面中的编写时可以将app中的条例覆盖掉的,也就是pages里面的文件代码的权限是最高的。

    //复习感想:wxml以及wxss是最主要的编辑页,js以及json是逻辑页。
    

    pages

    页面相关,其中index指的是首页

    index

    有js,json,wxml,wxss四个部分

    utils

    公用代码信息(略)修改字符串等的信息以及时间戳的修改

    app.js

    逻辑层,交互动效,就是说所有的页面的转化啊互动啊这些应该是放在js文件里面的。

    app.json

    配置项,e.g.标题名,页面颜色

    app.wxss

    样式层 类比CSS 样式文件,颜色 宽高

    project.config.json

    项目的配置文件,在小工具右上角直接可以进行可视化的操作,所以一般不手动改这个文件里面的代码

    sitemap.json

    地图(类似于网站里的地图)

    wxml

    页面结构的编辑。

    页面的操作

    view标签对标的是div标签

    预览页面的切换

    在app.json里面去编辑预览的页面的顺序,注意最后不要加文件类型后缀。

    {
      "pages": [
        "pages/index/index",
        "pages/logs/logs",
        "pages/news/news"
      ],
      "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "black"
      },
      "style": "v2",
      "sitemapLocation": "sitemap.json"
    }
    

    注意pages里面逗号位置,中间有逗号,最后一定不要加逗号。

    页面的添加

    方法一:

    在资源管理器中右键pages点击新建文件夹并命名

    在这里插入图片描述
    在这里插入图片描述

    然后右键news点击新建page即可(新建的page的名字与文件夹的名字一致)
    在这里插入图片描述
    在这里插入图片描述

    一个文件夹必须有这四种文件才可以跑 起来。

    方法二

    直接在app.json中写代码创建news,其中第一个news指的是文件夹,第二个news指的是page文件(不要带后缀名字)
    在这里插入图片描述

    页面删除

    只能在资源管理器中右键完后删除

    WXML

    html

    语法规范

    标签

    标签简介

    是由<>包围的关键词

    标签类型

    一般都是双标签,叫做起始标签叫做结束标签

    标签关系
    包含关系
    <head>
        <title></title>
    </head>
    

    head父title子

    并列关系
    <head></head>
    <body></body>
    
    标签结构
    <html>
       <head>
          <title>页面顶部文字
          </title>
       </head>
       <body>正文部分
       </body>
    </html>
    

    常用标签

    <h1>一级标题标签headline1</h1>
    <h2>二级标题标签headline2</h2>
    <p>段落标签paragraph</p>
    <br />强制换行标签break单标签不需要结束标签
    文本格式化标签
      <strong>加粗(语气更加强烈)</strong>
      <b>加粗black</b>
      <em>倾斜</em>
      <i>倾斜</i>
      <del>删除线delete</del>
      <s>删除线</s>
      <ins>下划线</ins>
      <u>下划线</u>
    <div>
        分区division,一行只能放一个div标签,一个人占一行,俗称大盒子
    </div>在div后面写的内容直接下一行
    <span>
        跨度 跨距span,span一行可以有很多个span,俗称小盒子
    </span>
    <img src="图像URL" alt="替换文本" title="鼠标放到图像上的时候显示的文本" width="图像宽度数字" height="图像高度数字" border="图像边框(一般用css做,不用属性)"/>图像标签image,单标签
    <a href="http://www.qq.com" target="_blank(默认的值是_self)">链接标签</a>
    <a href="自己编写的网页文件名称.html">内部链接</a>
    <a href="#">空链接</a>
    <a href=>下载链接 里面是.zip 或者 exe文件</a>
    

    CSS 3

    基本结构

    <style>
     //选择器{属性1:;属性2:;}
     p {
        color :red;
        font-size :12px;
     }
    </style>
    

    代码风格

    不是强制规范,而是符合实际开发的书写方式

    样式格式

    采用展开格式,也即每个属性占一行。

    空格规范

    在属性的后面,冒号的前面保留一个空格。

    选择器与{}中间保留空格

    CSS选择器

    类选择器

    /*.类名 {
     属性1 :值;
     属性2 :值;
    }
    */
    <style>
        .red {
            color :red;
        }
    </style>
    
    <div class="one">
        test dic ision
    </div>
    

    组件

    文字 图片 视频 超链接

    view(块标签)

    //格式推荐如下(我指的是下面的

    <view class="box" 
    hover-class="boxHover" 
    hover-start-time="5" 
    hover-stay-time="100"
    >test</view>
    

    hover-stop-propagation

    阻止冒泡,在子级的框里面加即可。

    wxml

    <view class="box" 
    hover-class="boxHover" 
    hover-start-time="5" 
    hover-stay-time="100">
      <view class="item" 
      hover-class="itemHover" 
      hover-stop-propagation
      >test2</view>
    test</view>
    

    wxss

    .box{width: 100px;height: 100px;background-color: blueviolet;}
    .boxHover{background-color: red;}
    .item{background-color: hotpink;}
    .itemHover{background-color: greenyellow;}
    

    最终效果

    在这里插入图片描述

    //ps:写wxss的时候,hover项一定要在本体项以下写,要不然没有效果!!!
    

    text(行标签)

    xxx


    其他标签见https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

    JSON注意事项

    • json中的key必须包含在双引号之内,不标或者标错是常见错误

    • 数组在【】中,对象在{}中

      {
        "pages":[
          "pages/index/index",
          "pages/logs/logs"
        ],
        "window":{
          "backgroundTextStyle":"light",
          "navigationBarBackgroundColor": "#fff",
          "navigationBarTitleText": "WeChat",
          "navigationBarTextStyle":"black"
        }
      }
      
    • json中不允许添加注释

    展开全文
  • ==和===的区别是: 前者是相等运算符,允许做...前者是单引号,后者是双引号。都必须成对出现。在js中,单引号和双引号并没有区别。只是为了避免引号嵌套引号时,产生的麻烦。而且,用单引号的话,可以不用按shift...

    ==     和   ===   的区别是:

          前者是相等运算符,允许做类型转换,类型不同也可以比较是否相等;后者是严格运算符,类型不同就直接相等。

     

    ''        和     ""    的区别是:

          前者是单引号,后者是双引号。都必须成对出现。在js中,单引号和双引号并没有区别。只是为了避免引号嵌套引号时,产生的麻烦。而且,用单引号的话,可以不用按shift键,略微省事。

     

    如何在微信开发者工具的模拟器中,显示当前需要调试的页面:

                            

             在app.json的pages数组中,将需要显示出来的页面,放到第一位
    --------------------- 
    作者:李老三_Lee 
    来源:CSDN 
    原文:https://blog.csdn.net/qq_34570968/article/details/88050188 
    版权声明:本文为博主原创文章,转载请附上博文链接!

    展开全文
  • 开发微信小程序并不是很难,网上有很多小程序开发资料,尤其是微信官方的《小程序开发指南》最详细。 下面是我开发小程序的历程: 第一步,请前往...第二步,打开微信开发者工具,选择新建小程序项目。...

    开发微信小程序并不是很难,网上有很多小程序开发资料,尤其是微信官方的《小程序开发指南》最详细。

    下面是我开发小程序的历程:

    第一步,请前往https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 微信开发者工具下载页面根据自己的操作系统下载对应的安装包进行安装。

    第二步,打开微信开发者工具,选择新建小程序项目。

    红框里面可以选择 测试号 。AppID可以自己去注册。小程序使用js开发的,所以有js开发经验的很快就可以入门并熟练开发。

    第三部,点击新建按钮后,第一个小程序就完成了。

     

    总结:
    1,完成上述步骤,一个完整的测试小程序就完成了。
    2,每个一级目录,可以说是小程序的一个功能。
    3,每个二级目录,可以说就是一个页面,里面的文件都要和这个文件夹同名。就算不同名,里面的文件名字除了后缀都要一样,方便路由查找,省去很多代码。
    4,路由在根目录的app.json里面。
    5,小程序注册程序在app.js里面。
    6,所以的json文件,就算没数据,里面也要有花括号{},不然报错。json数据是以key-value的形式,key一样要在双引号里面,不然报错。
    7,每个二级目录的js文件都要有Page({}),用来进行注册。
    8,微信小程序开发工具不能自动保存数据,写完代码要手动保存ctrl+s,这是程序就会重启,展示修改后的页面。

    都要要oayuod

    展开全文
  • 微信小程序中wxml默认引用属性值是单引号,然而很多开发者习惯使用双引号 设置属性值,尤其微信小程序的官方demo中,所有wxml中属性的值都是使用 的双引号。 一般情况下双引号和单引号有以下区别: 1、单引号和...
  • == 和 === 的区别是: 前者是相等运算符,... 前者是单引号,后者是双引号。都必须成对出现。在js中,单引号和双引号并没有区别。只是为了避免引号嵌套引号时,产生的麻烦。而且,用单引号的话,可以不用按shift...
  • 1.前往微信公众平台下载微信开发者工具。 地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 2.打开微信开发者工具,并新建项目 打开微信开发者工具,选择新建小程序项目,我们先不需...
  • 点击微信开发者工具,打开云开发界面,点击数据库,创建一个集合。 数据库端有【导入】选项,仅仅支持json格式和csv格式的文件导入。 2、待导入的json文件的格式要求 小程序官方API有介绍json文件的一些格式,但...
  • 企业微信开发

    万次阅读 2018-05-10 15:19:32
    企业微信的认识企业微信概念:企业微信2016年4月18日,腾讯正式发布全平台企业办公工具“企业微信”。与微信一致的沟通体验,为企业员工提供最基础和最实用的办公服务,并加入贴合办公场景的特色功能、轻OA工具,提供...
  • 如果你只是想了解下小程序的开发流程这篇文章也特别适合你。大神们可以直接跳过这篇文章了。...最新一版的微信开发者工具,把微信公众号的调试开发工作也集成了进去,可见微信对小程序多么的充满信心...
  • userName: JSON.stringify...得到的数据解析后带双引号, 这真是一个气吐血的坑。 需要在往storage种存储的时候使用 wx.setStorageSync('userInfo',JSON.parse(userInfo)) 再解析 userName: wx.getStorageSync('u...
  • **注意双括号是在双引号(“ ”)中的
  • 初识小程序

    2020-09-09 14:31:19
    微信小程序入门1.1 安装微信开发者工具1.2 创建项目 前言 近年来,小程序开始兴起,小程序本着“一触即用,用完即走”的理念,从而实现应用“触手可及”的梦想。有着用户体验好、流量获取易、开发成本低等诸多...
  • 1.微信开发者工具,扫描登陆 2.申请Appid 3.添加项目 4.编码调试Wxml、Wxss 5.又叫微信应用号,wxml+wxss+js+配置,安装到微信端 6.wxml遵循严格的XML语法 7.wxss使用rps单位响应式像素,样式导入  @import...
  • 微信小程序 开发填坑

    千次阅读 2019-08-28 18:34:17
    1,json文件里不能使用备注,否则编辑会报错 2.如果图片未指定高宽,小程序会有一个默认的值。image组件默认宽度300px、高度225px 3.只有使用text组件包裹的文字...swiper-item自动继承父容器的宽高的100% 6.在程...
  • 微信小程序 week02一、介绍微信开发者工具1.使用方法①微信扫描二维码并且在微信中进行确认登录②选择小程序项目选项③选择文件夹进行创建项目④输入AppID或者使用测试号2.工具介绍①模拟器②编辑器③调试器二、小...
  • 0. 简介根据之前开发者工具和开发框架简介的内容,我们把官方demo和开发者工具安装好以后,就可以开始准备微信小程序的web开发了。在开发的主要界面,点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经...
  • 通过合理的课程设计,结合讲师多年的教学经验、微信开发经验,轻松引导初学者掌握微信公众平台开发。
  • 小程序入门到实现底部导航栏tabbar

    千次阅读 2019-05-11 14:36:00
    下载微信开发者工具 登录微信公众平台官网 登录后即可看到后台,没登录先注册 拉到最底部里面可以查看或则设置你的AppID 打开我们的微信开发者工具,新建一个项目。 接下来可以使用我们自己的ID,或则点击小...
1 2 3 4 5 ... 20
收藏数 1,190
精华内容 476
关键字:

微信开发者工具 自动补双引号