首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏学习猿地

    Web前端学习 第10章 小程序开发4 小程序开发

    一,数据绑定 VUE:vue动态绑定一个变量的变量元素的某个属性的时候,会在变量前面加上冒号:,例: <p:title="tit">我的title属性绑定了数据

    小程序:绑定变量的变量元素属性时 li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ 9 项目:[ 10 { 消息:'Foo' } , 11 { 消息:'Bar' } 12 ] 13 } 14 } ) 小程序 微信小程序循环wx:for =“ {{data }}”“ 小程序循环内部{{item.first}} item是固定的,不是自己定义的 1 页面({ 2 数据:{ 3 项目:[ 4 { message:'Foo' } , 日志(arg ) 8 } 9 } 10 } ) 在小程序中,不能直接在绑定事件的方法中进行参数调整,需要将参数作为属性值,绑定到元素上的数据属性上,然后在方法中,通过e.currentTarget.dataset

    1.9K40发布于 2020-07-08
  • 来自专栏学习猿地

    【融职培训】Web前端学习 第10章 小程序开发4 小程序开发

    一,数据绑定 VUE:vue动态绑定一个变量的变量元素的某个属性的时候,会在变量前面加上冒号:,例: <p:title="tit">我的title属性绑定了数据

    小程序:绑定变量的变量元素属性时 li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ 9 项目:[ 10 { 消息:'Foo' } , 11 { 消息:'Bar' } 12 ] 13 } 14 } ) 小程序 微信小程序循环wx:for =“ {{data }}”“ 小程序循环内部{{item.first}} item是固定的,不是自己定义的 1 页面({ 2 数据:{ 3 项目:[ 4 { message:'Foo' } , 日志(arg ) 8 } 9 } 10 } ) 在小程序中,不能直接在绑定事件的方法中进行参数调整,需要将参数作为属性值,绑定到元素上的数据属性上,然后在方法中,通过e.currentTarget.dataset

    1.7K42发布于 2020-07-13
  • 来自专栏夏天的前端笔记

    每天10个前端小知识 【Day 10】

    前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。 什么是“前端路由”?什么时候适合使用“前端路由”?“前端路由”有哪些优点和缺点? 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据 url 的不同返回不同的页面实现的。 在单页面应用,大部分页面结构不变,只改变部分内容的使用 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点:单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置 实现方式 前端路由一共有两种实现方式 10. Promise.all 和 Promise.allSettled 有什么区别?

    84510编辑于 2024-01-18
  • 来自专栏学习猿地

    Web前端学习 第10章 小程序开发6 小程序发布流程

    小程序开发完成,并且经过了本地的测试后,提交审核。 1、服务器域名配置一个月内可申请5次修改) 服务器域名需经过ICP备案,新备案域名需24小时后才可配置。 服务器配置完成后,在开发工具中就能看到配置的服务器 2、业务域名配置(小程序内组件使用到链接需要配置域名,例如:web-view) 3、上传 代码提交到后台审核 版本审核通过后,会变成线上版本 ,并且有微信信息通知发布者,需要发布者手动将线上版本发布出去,最终变成 至此,小程序的发布就告一段落了,能通过小程序搜索名字找到了。

    1.3K20发布于 2020-07-08
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.6.28)

    light类 的元素执行 .light{ } .item{ &:not(.light):hover{ color: #FE6225 } } 10

    63010发布于 2020-07-02
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2019.9.29)

    前言: 这里记录我在工作或学习中用到的小技巧 1、获取指定日期的上一周或上上周(moment.js) 比如获取2019-01-01的上一周的起始日期或者是上N周的起始日期 <script src="moment.js 注意: 需要设置一个 flag 保存在 localStroage 中,作为页面滚动的tirgger 如果是跨域的话,可以通过router,判断前一个 router 是否是 页面 A 的 router <em>10</em>

    1.5K10发布于 2019-10-08
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2019.5.18)

    let arr=[] arr[10]=11 console.log(arr.length); //11 arr[-1]=-1 console.log(arr.length) //11 let str=comment.split(/\r\n|\r|\n/g).join('
    ')

    10

    50430编辑于 2022-03-28
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2019.5.2)

    let obj={'哈哈':1} const {'哈哈':b}=obj const {a:{'嘿嘿':b}}=obj console.log(b,'b24') //1 10、对象解构赋默认值

    57720编辑于 2022-03-28
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.5.17)

    0); //6 原理: JS是用双精度浮点数来存储number类型的, 而|是二进制或,会先将number转为整数,再进行位运算,所以可以用来取整 补充: (1) 关于或运算|具体的演算过程,请看:前端小知识 10点(2020.3.20)中的「2、JS 中的 | 是什么意思?」 function(canvas) { setCanvasOne(canvas.toDataURL()) }); 7、使用原生js拖拽div的小demo 使用 CSS3 的滤镜: { filter: grayscale(100%); } 详细请看: https://www.runoob.com/cssref/css3-pr-filter.html 10

    1.2K10发布于 2020-05-21
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.12.27)

    function circle(r){ return pi = Math.pow(r,2) } Shape.circle = circle })(Shape || (Shape = {})) 10

    53530发布于 2021-01-04
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.2.10)

    https://github.com/nefe/number-precision) 来消除误差,精准进行四则运算 3、git fetch 更新分支 应用场景: 当你将本地的新分支上传到 remote 后,另一开发使用 git branch -a没有查看到你上传到remote的新分支 当你将本地的新分支上传到 remote 后,其他开发可执行 git fetch git branch -a git checkout ://zh-hans.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props 10 ); } } 详情请参考: https://zh-hans.reactjs.org/docs/react-component.html#getsnapshotbeforeupdate ---- 小进进还没开通留言功能

    2.3K30发布于 2020-02-24
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.9.13)

    (0, 2)); // [1, 2] console.log(arr) // [3, 4, 5, 6] 9、git删除远程分支 git push origin --delete <branch> 10

    76821发布于 2020-09-18
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2019.6.25)

    前言: 这里记录我工作、学习中值得注意的小知识点,希望对你有所帮助。 10、js禁止excel格式转化(重要!)

    92320发布于 2019-09-05
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.3.20)

    请看: 前端小知识10点(2020.2.10) 3、React中suppressContentEditableWarning属性是什么意思? react-codemirror 5、yarn安装antd-pro依赖包时卡在puppeteer的解决办法 请看: https://www.jianshu.com/p/2ce56dccc5a7 puppeteer是前端自动化测试用的 JSON.parse()转换即可 const a="['a','b','c']" console.log(JSON.parse(a.replace(/'/g,'"'))) //["a", "b", "c"] 10

    1.6K00发布于 2020-04-01
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2019.5.27)

    /IE需要这么写 svg.attr('transform', `rotate(180,0 0)`) 详情请参考:https://www.zhangxinxu.com/wordpress/2015/10 详情请参考:https://www.zhihu.com/question/22818104 10、浏览器类别判断 window.navigator.userAgent console.log(window.navigator.userAgent

    98210编辑于 2022-03-28
  • 来自专栏前端干货和生活感悟

    前端小知识10点(2020.10.8)

    1、redux的compose实现 例: const add = num => num + 10 const multiply = num => num * 2 const foo = compose ] ,不改变原数组 // 从倒数第二个 index 开始截取,到倒数第一个 index 结束(不包括 -1) arr.slice(-2,-1) // 左开右闭,返回[2] ,不改变原数组 10 ③ child componentDidMount ④ app componentDidMount 参考: React的ClassComp和FunctionComp组件的更新/卸载顺序 ---- 小进进已开通

    83041发布于 2020-10-26
  • 来自专栏学习猿地

    Web前端学习 第10章 小程序开发3 目录结构介绍

    一、项目目录 当我们创建好一个项目时,项目的目录如下所示: image.png 可以看出小程序根目录下,有三个app开头的文件(app.js/app.json/app.wxss),和两个文件目录pages 下面我们对其他文件的作用进行介绍 根目录下的三个文件app.js/app.json/app.wxss是对小程序全局的设置。 其中,pages文件下存放的小程序的每个页面 二、项目页面 所有的项目页面都是存放在pages文件夹下面的,小程序的初始项目为我们创建了两个文件夹,也就是两个页面。 image.png 文件 必填 作用 页面的名称.js 是 本页面的逻辑 页面的名称.wxml 是 本页面的结构 页面的名称.wxss 否 本页面的样式表 页面的名称.json 否 本页面的配置 注意:为了方便开发者减少配置项

    47520发布于 2020-07-08
  • 来自专栏学习猿地

    Web前端学习 第10章 小程序开发5 常用接口介绍

    长度为32个字符以下 包 串 是 统一下单接口返回的prepay_id参数值,提交格式如:prepay_id = *** signType 串 是 签名算法 paySign 串 是 签名,具体签名方案参见小程序支付接口文档 成功 功能 否 连接调用成功的某些函数 失败 功能 否 连接调用失败的某些函数 完成 功能 否 连接初始化结束的某些函数(成功,失败都会执行) 三,小程序重启 wx.navigateToMiniProgram (对象对象) :另一个小程序可以通过另一个小程序的appid来替换到另一个小程序 参数: 属性 类型 必填 说明 appid 串 是 要打开的小程序id extraData 目的 否 需要传递给目标小程序的数据 ,目标小程序可在App.onLaunch,App.onShow中获取到这份数据。 后面的部分会成为查询,在小程序的App.onLaunch,App.onShow和Page.onLoad的相应函数或小游戏的wx.onShow的函数,wx.getLaunchOptionsSync中可以获取到查询数据

    1.4K10发布于 2020-07-08
  • 来自专栏夏天的前端笔记

    每天10个前端小知识 【Day 7】

    前端面试基础知识题 1. 将数组的length设置为0,取第一个元素会返回什么? 10. 说说你对 new.target 的理解 new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。

    35510编辑于 2024-01-18
  • 来自专栏夏天的前端笔记

    每天10个前端小知识 【Day 16】

    前端面试基础知识题 1.为什么有时候⽤translate来改变位置⽽不是使用position进行定位? translate 是 transform 属性的⼀个值。 利用vw来实现: .square { width: 10%; height: 10vw; background: tomato; } 利用元素的margin/padding百分比是相对父元素 层级,mixin, 变量,循环, 函数等对编写以及开发UI组件都极为方便。 后处理器, 如: postCss,通常是在完成的样式表中根据css规范处理css,让其更加有效。 每个核拥有的缓存大小相对小,数字逻辑运算单元也少而简单(GPU初始时在浮点计算上一直弱于CPU)。 .前端实现动画有哪些方式?

    1.1K10编辑于 2024-01-18
领券