- 综合排序
- 最热优先
- 最新优先
- 来自专栏grain先森
前端-微信小程序开发(2)：小程序基本介绍
，于是我们将原来那套还算复杂的业务拿出来： 【组件化开发】前端进阶篇之如何编写可维护可升级的代码（https://www.cnblogs.com/yexiaochai/p/4876099.html）（有些晦涩有些乱 HTML容器，这样做我觉得有个好处是： 为了更好的限制，我之前也在做Hybrid乃至前端框架，一般来说我会限制到View级别的实习，要求必须按照我的规则做，但是因为入口为index.html文件，我甚至将全局控制器 我们之前在这里研究过自定义标签的做法：从DOM操作看Vue&React的前端组件化，顺带补齐React的demo
<view class="flex-item bc_green">1</view> <view class="flex-item bc_red">2< > </view> </view> </view> Page({ data: { background: ['demo-text-1', 'demo-text-2' 2.1K30发布于 2019-03-29 - 来自专栏DBA随笔
MySQL 线上2个小案例
MySQL 线上2个小案例 今天在线上遇到2个很有意思的MySQL案例，都是比较经典的问题，拿出来跟大家分享一下。为了对库表名称进行脱敏，我把问题抽象出来两个小的例子，且看分享。 01 索引长度导致的更新报错 来看这个案例： 首先我们有一张表： CREATE TABLE `t` ( `id` int NOT NULL AUTO_INCREMENT, `col1` varchar DEFAULT NULL, PRIMARY KEY (`id`), UNIQUE KEY `idx_c1_c2_c3_c4` (`col1`,`col2`,`col3`,`col4`) ) ENGINE ，那么索引前200个即可： mysql> alter table t add UNIQUE KEY `idx_c1_c2_c3_c4` (`col1`(200),`col2`,`col3`,`col4` 总结 今天的文章，讲了2个小的例子，后续大家如果看到诸如此类的报错，希望可以有个灵感。
67130编辑于 2022-12-07 - 来自专栏grain先森
前端-小程序开发实践总结
我司也不例外，我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么，既是记录那些年我们踩过的坑，也是希望大家别再掉坑。 复杂组件的开发，省市区三级联动选择器的开发，获取微信地址库的地址的编码和业务采用的省市区编码对不上。 页面路径的层级，最大不能超过10层。 小程序小程序分包加载，微信对小程序包的大小有如下限制。 1、整个小程序所有分包大小不超过 8M 2、单个分包/主包大小不能超过 2M 微信小程序主流框架对比 wepy mpvue Taro wepy wepy应该算是最早发布的小程序开发框架，提供了类vue.js 一次性加载所有的前端资源到本地再解压。大大提升了用户体验。不过微信官方为了防止下载离线包的时间过程，也严格限制了小程序包的体积。 （分包加载情况下子包大小不能超过2M，也就是初次打开加载的资源不能超过2M） 多webview架构 多webview的页面架构，小程序每新开一个页面，都会用一个新的webview来渲染。
1.8K20发布于 2019-03-29 - 来自专栏个人路线
flutter开发小技巧2
代码静态分析 在提交代码时为了提高代码质量，保持团队的代码风格一致，需要进行代码静态分析，一般通过下面2种方法来进行 flutter analyze 使用flutter analyze进行代码静态分析, json_serializable 在线json转dart model工具 Built value 在线json转build value 模板工具 https://charafau.github.io/json2builtvalue var user1 = new User((b) => b ..name = 'John Smith' ..nickname = 'Joe'); // update var user2
87520发布于 2021-07-31 - 来自专栏一Li小麦
小程序（2）：云开发
所谓serverless就是无后台开发。通俗地说就是踢开后端闹革命。只需要一个前端就可以操作数据库小程序云开发就是这个概念的尝鲜者。云开发也是小程序近年最大的改变之一。 腾讯是这么说的：一个前端凭借云开发，就能够搞定一个两亿级别的应用。（商业案例：腾讯云相册） 在微信开发者工具中点击"云开发"，开通后可以进入到云开发的控制台。 微信给你免费送了一些有用的功能。 新建一个基于云开发的小程序项目。 发现目录结构变了，原来的小程序结构放到了miniprogram文件夹： ? 增加了一个cloudfunctions文件夹。 (err) { console.error(err) } }); } }) 好了，现在进入到me页面，打印出来的就是1+2的结果 fail: () => {}, complete: () => {} }); } }) }, 案例
4.2K10发布于 2019-08-22 - 来自专栏应用案例
实用的前端开发小技巧汇集
前端开发或许我们总是会粗心大意，整理给伙伴们准备了一些比较实用的技巧。 首次给变量赋值是切记使用var关键字(闲谈：清楚的记得有次去面试前端，一个项目经理同时面我和另外一个人，面试官开始就是要我们俩手写一个数组去重函数，哗哗的一下写完交了，面试官看来下之后直接给了一旁的竞争对手 多年行业分享前端技术勤213126486，多探讨技术提升技能，编号糯米才会同意哦 行尾使用分号。 实践中最好还是使用分号，忘记写也没事，大部分情况下JavaScript解释器都会自动添加。 min = Math.min(a,b); A.push(v); 可以这样来代替： [javascript] view plain copy var min = a A[A.length] = v; 开发时注意代码结构 希望你在开发中科院少走一点弯路
1.2K100发布于 2018-01-23 - 来自专栏喇叭的学堂
前端开发小技巧（持续收集中）
该文章主要收集前端开发小技巧，如果有疑惑问题或者错误，欢迎大家在评论区交流 1、让文字左右出现一条线 如下图，实际上就是通过左右伪类制作的，需要把主标签设置为flex盒子，然后给伪类加flex：1进行划分 flex: 1; margin: auto 50px; border-bottom: 1px solid #cccccc; } 2、 important; background-color: rgba(0, 0, 0, 0.35); } /* 下面是修改背景颜色一些样式 */ .swiper-button-next { padding: 2px 6px 2px 2px; border-radius: 10% 45% 45% 10%; } .swiper-button-prev { padding: 2px 2px 2px 6px;
24910编辑于 2024-03-11 - 来自专栏云开发小程序1
二挡起步——pythonweb开发Django框架，前端原生+Django后端框架002（附带小案例）
它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS（内容管理系统）软件。并于2005年7月在BSD许可证下发布。 另外，在Dj ango框架中，还包含许多功能强大的第三方插件，使得Django具有较强的可扩展性 [2] 。Django 项目源自一个在线新闻 Web 站点，于 2005 年以开源的形式被释放出来。 spm=1000.2115.3001.5343") 效果：当我们在浏览器输入我们写的路由，Django会利用该重定向给我们跳转到上当的地址（这里的地址是我的CSDN主页地址） 文末小案例（用户登录简单案例 return render(request, "login.html",{"tishi_1":tishi}) 上面代码： 1.使用request.method返回用户访问时的请求方式,判断并进入相应前端路由 2.如果判断对，进入login.html页面 3.否则，获取用户post的数据（表单中提交的数据） 4.判断用户输入的账号和密码是否与设置的一致 5.一致，则重定向页面为： https://blog.csdn.net
67920编辑于 2023-10-14 - 来自专栏学习猿地
Web前端学习 第10章 小程序开发4 小程序开发
一，数据绑定 VUE：vue动态绑定一个变量的变量元素的某个属性的时候，会在变量前面加上冒号：，例： <p:title="tit">我的title属性绑定了数据
小程序：绑定变量的变量元素属性时 =“数据中的项目”或v-for =“数据，数据中的索引” VUE循环内部{{item.first}} item是随便定义的，可以换成别的 1 < ul id = “ example-1” > 2 微信小程序循环wx：for =“ {{data}}”“ 小程序循环内部{{item.first}} item是固定的，不是自己定义的 1 页面（{ 2 数据：{ 3 项目：[ 4 中，绑定事件传参挺简单，只需要在触发事件的方法中，把需要传递的数据作为形参放置就可以了，例如： 1 // <button @ click =“ say（'明天不上班'）”> </ button> 2 例如： 1 // <view class ='tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view> 2 页面（{ 3 数据：{ 4 原因1.7K40发布于 2020-07-08 - 来自专栏学习猿地
Web前端学习 第10章 小程序开发2 微信开发者工具介
一，微信开发者工具简介 微信开发者工具是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。 微信团队发布了微信小程序开发者工具，微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试，代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。 启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有操作都会基于这个微信的帐号 程序调试主要有三大功能区：模拟器，调试工具和小程序操作区 二，模拟器 模拟器模拟微信小程序在客户端真实的逻辑表现 Pannel源代码用于显示当前项目的脚本文件，同浏览器开发不同，微信小程序框架脚本脚本进行编译的工作，所以在Sources Pannel中开发者看到的文件是经过处理之后的脚本文件，开发的者的代码都会被包裹在 Console Pannel具有两大功能：开发者可以在此输入和调试代码以及微信小程序的错误输出。 四，小程序操作区 微信小程序操作区帮助开发者模拟一些客户端的环境操作。
1.1K40发布于 2020-07-08 - 来自专栏夏天的前端笔记
每天10个前端小知识 【Day 2】
前端面试基础知识题 1. arguments 这种类数组，如何遍历类数组？ function func(...arguments) { console.log(arguments); // [1, 2, 3] } func(1, 2, 3); 2. new fn与new fn( 中的 Array.isArray 来识别 console.log(Array.isArray([]))//true console.log(Array.isArray({}))//false 方法2 n) { if (n === 1) { return target; } var s = repeat(target, Math.floor(n / 2) ); s += s; if (n % 2) { s += target; } return s; } 10. js中的undefined
41210编辑于 2024-01-18 - 来自专栏微服务
小程序前端开发基础框架，可直接用于开发
项目介绍 对于微信小程序开发，一直想开源一个可以直接拿来使用的开源框架，这样可以方便大家在此基础上可以迭代开发，简化了写样式，发起Http请求以及和简化调用微信接口的麻烦，其中对于样式采用了WeUI,HTTP host}/api/WxMini/GetSessionKey`, } module.exports = config utils/httpUtil.js分装了Post,Get成Promise对象返回，前端可以直接调用
1.4K80发布于 2018-03-30 - 来自专栏琯琯博客
Yii2 开发小技巧
Expression('count(*) as count , count(distinct mobile) as mnumber') ])->asArray() ->all(); Yii2 beginTransaction(); try { $connection->createCommand($sql1)->execute(); $connection->createCommand($sql2)
1.6K40发布于 2018-05-09 - 来自专栏博文视点Broadview
Swift 2开发必备小Tip
Ole Begemann 在这篇帖子2里提到了一种很好的封装，这为我们如何借助柯里化，安全地改造和利用target-action 提供了不少思路。 Tip 2 将protocol 的方法声明为mutating Swift 的protocol 不仅可以被class 类型实现，也适用于struct 和enum。
51530发布于 2020-06-11 - 来自专栏微信公众号：Java团长
微信小程序开发【前端+后端（Java）】
来源：https://blog.csdn.net/zwb19940216 ---- 一、前言 现在微信小程序越来越火了，相信不少人都通过各种途径学习过微信小程序或者尝试开发，作者就是曾经由于兴趣了解开发过微信小程序 至于微信小程序的组件，即前端页面的开发希望大家耐住寂寞认真在微信开发平台上。 而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。 五、小程序发起网络请求 在完成了小程序的后端开发，下面进行小程序端发起网络请求。 现在可以在启动后端项目在微信开发工具上进行测试。 演示效果： ? ? 所以至此已经完成了小程序的前后端通信。
23K53发布于 2021-01-20 - 来自专栏前端达人
分享15个高级前端开发小技巧
2. 深色模式开关 实现暗模式切换通常使用 JavaScript 来处理。现在，prefers-color-scheme 媒体查询和 CSS 自定义属性无需编写脚本即可实现无缝的暗模式体验。 solid var(--input-border); } .custom-input:focus-within { border: 2px solid var(--input-border-focused 结论 在这个引人入胜的探索中，我们深入研究了 15 种不依赖 JavaScript 的高级 Web 开发技术。 踏上以 HTML 和 CSS 为中心的编码冒险之旅，揭示各种可能性，从而提高您的 Web 开发技能。 关注我们，一起揭开现代 Web 开发的秘密，一次一种无 JavaScript 的技术。 随着 Web 开发环境的发展，采用这些无 JavaScript 解决方案成为构建高效、可访问且用户友好的网站的关键。
2.3K11编辑于 2024-03-25 - 来自专栏达达前端
前端微信小程序云开发基础
什么是云开发 云开发与传统模式的对比 云开发能力介绍 云开发对小程序开发的变革 云开发是微信团队联合腾讯云提供的原生serverless云服务，致力于帮助更多的开发者快速实现小程序业务的开发，快速迭代。 传统模式 产品经理，后端开发，部署上线，前端开发，正式发布 云开发模式 产品经理，前端开发，正式发布 没有了后端开发，部署上线 云开发能力介绍 存储能力：在小程序端直接上传，下载云端文件，可视化管理 云函数能力：在云端运行的代码，微信私有天然鉴权，开发者只需要编写自身业务逻辑代码 云数据库：一个既可以在小程序前端操作，也能在云函数中读写json数据库 音视频服务：提供互通高品质实时音视频通话服务，支持互动白板 云开发的数据存储能力 云开发的文件存储能力 云开发的计算能力 云开发的数据存储能力 云开发为小程序开发者提供了数据存储能力，帮助开发者快速完成应用的开发 传统的数据存储模式模式 小程序-》后端api- 云开发为小程序开发者提供了开箱即用的计算平台，开发者只需关注自己的核心逻辑，就可以完成复杂逻辑的编写。
2.7K20编辑于 2022-04-29 - 来自专栏大前端开发
《大前端开发》培训2周小结
原先打算将前端和后端的内容先独立分开来讲的，但是在讲课的过程中，发现穿插在一起讲能更好的让同学们理解前端和后端的异同和各自的职责，以及相互间的关系等，可以更好的建立软件开发的大局观，从更高的角度来认识编程 然后，尽量让同学们在了解某个具体技术知识点的同时，也让他们了解这些技术在整个软件开发和部署的体系中所处的角色和位置。 JavaScript的知识点，把最重要的东西完全搞明白，力图做到： 不要写一行你自己都没理解的代码 除了这些基础知识，我们也开始引入介绍一些以后需要用到的内容，比如：Nginx、MongoDB的基本用法，微信小程序和网页应用开发的技术关联性 模拟芝麻信用页面 通过开发这些demo程序，同学们对HTML和CSS在搭建界面方面的使用，以及使用DOM事件进行对用户交互的处理，都有了一个更加形象的认识。
74620发布于 2018-08-21 - 来自专栏yeedomliu
微信小程序：开发入门及案例详解
前言 所有案例代码可以到https://github.com/wxappbook下载 ---- 第1章 初识小程序 官方规定小程序包容量不得超过1M，使得下载、安装（部署）过程特别快，用户在感官上察觉不到它在安装而已 300元，所有小程序都需要绑定一个电子邮箱，一个手机号码最多只能绑定5个小程序 开发小程序之前还需要进入“用户身份–开发者”，绑定开发者，如图1-6所示。 只有绑定的开发者才能使用开发者工具编写小程序，一个小程序最多可以绑定20个开发者，未认证的小程序最多可以绑定10个开发者 图16 绑定开发者 添加开发者后，需要要进入“设置–开发设置”，获取AppID 第一次启动需要扫描二维码登录 图19 登录微信开发者工具 2）登录后选择“添加项目 3）在填写项目信息之前，先创建一个空目录作为项目资源目录，这里我们以E:\weixin\demo为例 4）填写项目信息 ://mp.weixin.qq.com/debug/wxadoc/introduction ---- 第2章 小程序开发核心 小程序框架将整个系统划分为视图层和逻辑层 视图层是由框架设计的标签语言WXML
4.2K20发布于 2021-12-01 - 来自专栏大前端_Web
前端开发常用函数及小技巧（持续更新）
(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3")); //方法二 参数3,参数N; // 参数1 = Request['参数1']; // 参数2 = Request['参数2']; // 参数3 = Request['参数3']; / }; tmp.toString = function () { return sum; }; return tmp; } console.log(add(1)(2) 0:1); } } var pyArray=["a","d","fa","5","t","fw2","a31","b", "fw2", "t", "0", "2fs", "4", "5"] 简单的单例模式 类只会被实例化一次 var Singleton = function(fn) { var result;
1.1K30发布于 2018-09-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号