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

    前端-微信小程序开发(7):列表页面怎么做

    作者:叶小钗  www.cnblogs.com/yexiaochai/p/9431816.html 接上文:  微信小程序开发(6):一个业务页面的完成 github地址:https://github.com 虽然各种列表页的筛选条件不一样,但是主体功能无非都是: ① 列表渲染 ② 滚动加载 ③ 条件筛选、重新渲染 所以说我们其实可以将其做成一个页面基类,跟abstract-page一个意思,这里留待我们下次来处理吧,借此我们微信小程序的学习教程就此结束

    2.5K20发布于 2019-03-29
  • 来自专栏夏天的前端笔记

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

    前端面试基础知识题 1. 将数组的length设置为0,取第一个元素会返回什么? hello2); function hello1(){ alert("hello 1"); } function hello2(){ alert("hello 2"); } 7.

    35510编辑于 2024-01-18
  • 来自专栏call_me_R

    7 个 JavaScript 开发小技巧

    那么你可以使用下面的小技巧: let array = [11, 12, 13, 14, 150, 15, 555, 556, 545]; let randomArray = array.sort(function 你可以使用数组解构的方式,如下: let x = 5; let y = 10; [x, y] = [y, x]; console.log(x); // 10 console.log(y); // 5 7.

    33620编辑于 2022-04-24
  • 来自专栏grain先森

    前端-小程序开发实践总结

    我司也不例外,我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么,既是记录那些年我们踩过的坑,也是希望大家别再掉坑。 复杂组件的开发,省市区三级联动选择器的开发,获取微信地址库的地址的编码和业务采用的省市区编码对不上。 页面路径的层级,最大不能超过10层。 小程序小程序分包加载,微信对小程序包的大小有如下限制。 具体可以看开发团队的博客和代码了解更多细节多端统一开发框架 – Taro ? 我看小程序 我想从技术的角度来谈谈我对微信小程序的理解,我觉得小程序本身是一个非常优秀的Hybrid App的技术方案。 离线包加载 离线包加载,常见的Hybrid App通过webview加载H5页面,前端页面都是放在服务器端。虽说保证了灵活性。但是加载性能收网速影响大。页面切换白屏时间长。小程序离线包的加载方式。 一次性加载所有的前端资源到本地再解压。大大提升了用户体验。不过微信官方为了防止下载离线包的时间过程,也严格限制了小程序包的体积。

    1.9K20发布于 2019-03-29
  • 来自专栏云开发小程序1

    二挡起步——pythonweb开发Django框架,前端原生+Django后端框架002(附带小案例)

    它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。 spm=1000.2115.3001.5343") 效果:当我们在浏览器输入我们写的路由,Django会利用该重定向给我们跳转到上当的地址(这里的地址是我的CSDN主页地址) ​  文末小案例(用户登录简单案例 return render(request, "login.html",{"tishi_1":tishi}) 上面代码: 1.使用request.method返回用户访问时的请求方式,判断并进入相应前端路由 ) else: tishi ="账号或密码错误" return render(request, "login.html",{"tishi_1":tishi}) 案例效果

    82620编辑于 2023-10-14
  • 来自专栏应用案例

    实用的前端开发小技巧汇集

    前端开发或许我们总是会粗心大意,整理给伙伴们准备了一些比较实用的技巧。 首次给变量赋值是切记使用var关键字(闲谈:清楚的记得有次去面试前端,一个项目经理同时面我和另外一个人,面试官开始就是要我们俩手写一个数组去重函数,哗哗的一下写完交了,面试官看来下之后直接给了一旁的竞争对手 多年行业分享前端技术勤213126486,多探讨技术提升技能,编号糯米才会同意哦 行尾使用分号。 实践中最好还是使用分号,忘记写也没事,大部分情况下JavaScript解释器都会自动添加。 min = Math.min(a,b); A.push(v); 可以这样来代替: [javascript] view plain copy var min = a A[A.length] = v; 开发时注意代码结构 希望你在开发中科院少走一点弯路

    1.3K100发布于 2018-01-23
  • 来自专栏喇叭的学堂

    前端开发小技巧(持续收集中)

    该文章主要收集前端开发小技巧,如果有疑惑问题或者错误,欢迎大家在评论区交流 1、让文字左右出现一条线 如下图,实际上就是通过左右伪类制作的,需要把主标签设置为flex盒子,然后给伪类加flex:1进行划分

    35910编辑于 2024-03-11
  • 来自专栏学习猿地

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

    讯息} } 4 < / li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ 9 项目:[ 10 { 消息:'Foo' } , 11 { 消息:'Bar' } 12 ] 13 } 14 } ) 小程序 微信小程序循环 :'Foo' } , 5 { message:'Bar' } 6 ] 7 } 8 } ) 9 < 文字 wx:for = “ {{items}}” > { { item } button @ click =“ say('明天不上班')”> </ button> 2 3 新 Vue ({ 4 el:'#app' , 5 方法:{ 6 说(arg ){ 7 tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view> 2 页面({ 3 数据:{ 4 原因:'' 5 } , 6 批准(e ) { 7

    1.9K40发布于 2020-07-08
  • 来自专栏前端Q

    2024 年 7 个 Web 前端开发趋势

    译者:许学文 作者:Nefe Emadamerho-Atori 原文地址: https://www.frontendmentor.io/articles/7-frontend-web-development-trends-for 尤其是前端开发领域,新技术、开发趋势、库和框架不断涌现,变化并不陌生。 因此,前端、后端和全栈开发人员被分配在了不同的系统和领域中。 借助这些新工具和技术,随着前端开发人员对后端和全栈开发的不断探索,我们可以期待更多跨领域专业人才的出现。 下图是来自 2022 年前端现状调查,该调查显示了开发人员对 TypeScript 未来的看法。 结论:为你的 2024 做好准备 随着新技术、新框架和新趋势的出现,前端开发领域也在不断演变。

    3.9K10编辑于 2024-02-21
  • 来自专栏深度学习与python

    2024 年 7 个 Web 前端开发趋势

    尤其是前端开发领域,新技术、开发趋势、库和框架不断涌现,变化并不陌生。 因此,前端、后端和全栈开发人员被分配在了不同的系统和领域中。 借助这些新工具和技术,随着前端开发人员对后端和全栈开发的不断探索,我们可以期待更多跨领域专业人才的出现。 下图是来自 2022 年前端现状调查,该调查显示了开发人员对 TypeScript 未来的看法。 结论:为你的 2024 做好准备 随着新技术、新框架和新趋势的出现,前端开发领域也在不断演变。 原文地址: https://www.frontendmentor.io/articles/7-frontend-web-development-trends-for-2024-qtBD0H0hY3 声明

    1.5K12编辑于 2024-01-23
  • 来自专栏微服务

    小程序前端开发基础框架,可直接用于开发

    项目介绍 对于微信小程序开发,一直想开源一个可以直接拿来使用的开源框架,这样可以方便大家在此基础上可以迭代开发,简化了写样式,发起Http请求以及和简化调用微信接口的麻烦,其中对于样式采用了WeUI,HTTP host}/api/WxMini/GetSessionKey`, } module.exports = config utils/httpUtil.js分装了Post,Get成Promise对象返回,前端可以直接调用

    1.5K80发布于 2018-03-30
  • 来自专栏微信公众号:Java团长

    微信小程序开发【前端+后端(Java)】

    来源:https://blog.csdn.net/zwb19940216 ---- 一、前言 现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序 至于微信小程序的组件,即前端页面的开发希望大家耐住寂寞认真在微信开发平台上。 而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。 五、小程序发起网络请求 在完成了小程序的后端开发,下面进行小程序端发起网络请求。 现在可以在启动后端项目在微信开发工具上进行测试。 演示效果: ? ? 所以至此已经完成了小程序的前后端通信。

    23.5K53发布于 2021-01-20
  • 来自专栏grain先森

    前端-微信小程序开发(2):小程序基本介绍

    作者:叶小钗  www.cnblogs.com/yexiaochai/p/9374374.html 前言 前面我们研究了下微信小程序的执行流程,因为拿不到源码,只能算我们的猜想,我们需要更加了解小程序还需要做具体的项目 ,于是我们将原来那套还算复杂的业务拿出来: 【组件化开发】前端进阶篇之如何编写可维护可升级的代码(https://www.cnblogs.com/yexiaochai/p/4876099.html)(有些晦涩有些乱 小程序的布局 为什么不使用HTML&CSS 微信小程序这种平台型的超越Hybrid系统诞生还是有一些客观条件的,其中一个就是移动端的应用相对来说简单的多,想想PC负责的布局,如果要使用小程序实现,那么复杂度会提高很多 HTML容器,这样做我觉得有个好处是: 为了更好的限制,我之前也在做Hybrid乃至前端框架,一般来说我会限制到View级别的实习,要求必须按照我的规则做,但是因为入口为index.html文件,我甚至将全局控制器 我们之前在这里研究过自定义标签的做法:从DOM操作看Vue&React的前端组件化,顺带补齐React的demo <article class="cm-page page-list" id="main

    2.3K30发布于 2019-03-29
  • 来自专栏前端达人

    分享15个高级前端开发小技巧

    7. 可定制的表单控件 设置表单控件的样式以匹配特定的设计通常需要 JavaScript。随着 :focus-within 伪类和 CSS 自定义属性的出现,我们无需编写脚本即可实现此目的。 结论 在这个引人入胜的探索中,我们深入研究了 15 种不依赖 JavaScript 的高级 Web 开发技术。 踏上以 HTML 和 CSS 为中心的编码冒险之旅,揭示各种可能性,从而提高您的 Web 开发技能。 关注我们,一起揭开现代 Web 开发的秘密,一次一种无 JavaScript 的技术。 当我们学习完了这 15 种不需要 JavaScript 的高级 Web 开发技术时,很明显 你的HTML 和 CSS 的力量得到了充分的展示。 随着 Web 开发环境的发展,采用这些无 JavaScript 解决方案成为构建高效、可访问且用户友好的网站的关键。

    3.6K11编辑于 2024-03-25
  • 来自专栏极客起源

    小程序开发实战(7):Button组件详解

    下面的布局代码详细描述了上述大多数属性的用法(除了form-type外)。在这段布局文件中,放置了6个button组件,其中前三个演示了3种按钮类型:default、primary和warn。并通过defaultSize、loading、plain和disabled变量分别对size、loading、plain和disabled属性进行控制。第一个按钮点击响应了default方法,用来设置按钮的size属性(在default和mini之间切换)。

    2.3K10发布于 2020-07-10
  • 来自专栏达达前端

    前端微信小程序云开发基础

    什么是云开发 云开发与传统模式的对比 云开发能力介绍 云开发对小程序开发的变革 云开发是微信团队联合腾讯云提供的原生serverless云服务,致力于帮助更多的开发者快速实现小程序业务的开发,快速迭代。 传统模式 产品经理,后端开发,部署上线,前端开发,正式发布 云开发模式 产品经理,前端开发,正式发布 没有了后端开发,部署上线 云开发能力介绍 存储能力:在小程序端直接上传,下载云端文件,可视化管理 云函数能力:在云端运行的代码,微信私有天然鉴权,开发者只需要编写自身业务逻辑代码 云数据库:一个既可以在小程序前端操作,也能在云函数中读写json数据库 音视频服务:提供互通高品质实时音视频通话服务,支持互动白板 云开发的数据存储能力 云开发的文件存储能力 云开发的计算能力 云开发的数据存储能力 云开发为小程序开发者提供了数据存储能力,帮助开发者快速完成应用的开发 传统的数据存储模式模式 小程序-》后端api- 云开发为小程序开发者提供了开箱即用的计算平台,开发者只需关注自己的核心逻辑,就可以完成复杂逻辑的编写。

    3.1K20编辑于 2022-04-29
  • 来自专栏yeedomliu

    微信小程序:开发入门及案例详解

    前言 所有案例代码可以到https://github.com/wxappbook下载 ---- 第1章 初识小程序 官方规定小程序包容量不得超过1M,使得下载、安装(部署)过程特别快,用户在感官上察觉不到它在安装而已 开发小程序首先前需要在微信公众平台上注册小程序,完善基本信息,然后下载开发者工具进行编码,最后通过开发者工具提交代码,官方审核通过后便可发布 现阶段每个机构账号只允许注册最多50个小程序,每个小程序一年需要缴纳 300元,所有小程序都需要绑定一个电子邮箱,一个手机号码最多只能绑定5个小程序 开发小程序之前还需要进入“用户身份–开发者”,绑定开发者,如图1-6所示。 只有绑定的开发者才能使用开发者工具编写小程序,一个小程序最多可以绑定20个开发者,未认证的小程序最多可以绑定10个开发者 图16 绑定开发者 添加开发者后,需要要进入“设置–开发设置”,获取AppID ://mp.weixin.qq.com/debug/wxadoc/introduction ---- 第2章 小程序开发核心 小程序框架将整个系统划分为视图层和逻辑层 视图层是由框架设计的标签语言WXML

    4.5K20发布于 2021-12-01
  • 来自专栏Android知识点总结

    Flutter第7天--字体图标+综合小案例+Android代码交互

    Icon(Icons.android)也许你经常用,但内置图标有限,只能测试玩玩 实际上用还是需要自定义才行,前端的时候有字体图标,Flutter应该也行 //比如我们经常怎样用: Icon(Icons.comment static const IconData four_k = IconData(0xe072, fontFamily: 'MaterialIcons'); ---- 3.怎么才能自定义字体图标 玩前端的应该都知道 点这个查看图标.png ---- 二、综合小案例 1.初始代码:主页面:android_stack.dart import 'package:flutter/material.dart'; class import 'dart:convert'; import 'package:http/http.dart' as client; import 'package:toly/pager/day7/ Ok,小案例就这样 ---- 三、Android代码交互 1.最简单的无参无返回函数调用:两对应 不得不说:前六天不能弹吐司真是不好受,原生交互肯定先拿他开刀 ?

    2.8K30发布于 2018-12-28
  • 来自专栏学习猿地

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

    讯息} } 4 < / li > 5 < / ul > 6 var example1 = new Vue ({ 7 el:'#example-1' , 8 data:{ 9 项目:[ 10 { 消息:'Foo' } , 11 { 消息:'Bar' } 12 ] 13 } 14 } ) 小程序 微信小程序循环 :'Foo' } , 5 { message:'Bar' } 6 ] 7 } 8 } ) 9 < 文字 wx:for = “ {{items}}” > { { item } button @ click =“ say('明天不上班')”> </ button> 2 3 新 Vue ({ 4 el:'#app' , 5 方法:{ 6 说(arg ){ 7 tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view> 2 页面({ 3 数据:{ 4 原因:'' 5 } , 6 批准(e ) { 7

    1.7K42发布于 2020-07-13
  • 来自专栏大前端_Web

    前端开发常用函数及小技巧(持续更新)

    版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/article/details/51274460

    1.3K30发布于 2018-09-27
领券