SF
前端小白初识
前端小白初识
注册登录
关注博客
注册登录
主页
关于
RSS
小程序头像图片尺寸选择
小时光
2019-07-26
阅读 1 分钟
837
图片格式必须为:png,bmp,jpeg,jpg,gif;不可大于2M;建议使用png格式图片,以保持最佳效果;建议图片尺寸为144px*144px
小程序底部导航图标建议大小
小时光
2019-07-25
阅读 1 分钟
889
选中时的图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。当 position 为 top 时,不显示 icon。
微信小程序开发者工具真机调试常见报错解答
小时光
2019-07-25
阅读 1 分钟
1.6k
以下整理了常见的真机调试控制台报错,以及建议的解决方法。 1、扫描二维码出现 “-50003” 的错误 出现此错误时,可以尝试在工具上登出开发者账户,切换开发者账号,重开项目再试一次。如果不能解决,可以在此贴评论,我们会后台排查原因。 2、控制台出现报错,第一条报错信息是 “Cannot read 'toLowerCase' of undefined...
HTML5自定义属性
小时光
2019-07-25
阅读 2 分钟
526
在页面与js传值中我们经常用到data-id="1"的方式,然后通过e.target.dataset.id取id的值今天在获取值时怎么也取不到
MySql-moji表情引发的存储异常-微信昵称
小时光
2019-07-25
阅读 1 分钟
253
问题背景:项目中,MySql会保存来自微信的用户名,大家都知道微信用户名允许包含表情(如火星文,moji表情等),通常的我们的数据库字符集会被设置为UTF8,那么此时就会出现入库的问题12MySql常用字符集设置:
小程序昵称修改后,未及时获取得到
小时光
2019-07-24
阅读 1 分钟
611
背景:微信昵称带emoji图标的存到数据库就变了,为了解决这个问题,我临时把微信昵称改为带emoji的,但是在调试过程中,即使授权的时候是新的昵称,但是程序获取得还是老的
微信小程序不需要授权也可以拿到用户昵称和头像
小时光
2019-07-24
阅读 1 分钟
1.3k
[链接] 开放能力 open-data type 的合法值 值 说明 最低版本groupName 拉取群名称 1.4.0userNickName 用户昵称 1.9.90userAvatarUrl 用户头像 1.9.90userGender 用户性别 1.9.90userCity 用户所在城市 1.9.90userProvince 用户所在省份 1.9.90userCountry 用户所在国家 1.9.90userLanguage 用户的语言
在节点上存储信息
小时光
2019-07-23
阅读 1 分钟
220
用data- 给DOM扩展属性。有时候我们需要在节点上存储信息,在js中获取,(我以前干过把信息存为id或title)但是这样违反了id和title本来的作用。H5提供了新的方法,data-XXX。可以供我们自定义,在存储时这样:<div data-name='hison'></div>在js中获取时用div.getAttribute('data-name'),或者用jQuery:$(di...
垃圾分类官方API
小时光
2019-07-22
阅读 1 分钟
681
垃圾分类官方接口查询 {代码...} [链接] 下面这个api也是可以用的 [链接] {代码...}
前端开发调试工具整理
小时光
2019-07-21
阅读 1 分钟
398
1、[链接] 2、
垃圾分类黑板报小程序上线了
小时光
2019-07-21
阅读 1 分钟
306
大家好,经过几周的努力,我的小程序已通过审核并且发布上线了 代码如下所示,如有学习的同学可以拉下参考下[链接] 该项目主要用于学习小程序,可以用来作为小程序学习的入手项目参考下 实现的核心功能是:1、垃圾分类查询2、垃圾分类科普3、垃圾分类答题活动4、打赏5、转发6、客服消息 请扫描体验
婚礼请柬定制小程序上线了
小时光
2019-07-21
阅读 1 分钟
328
大家好,经过几周的努力,我的小程序已通过审核并且发布上线了 代码如下所示,如有学习的同学可以拉下参考下[链接] 该项目主要用于学习小程序,可以用来作为小程序学习的入手项目参考下 实现的核心功能是: 1、婚礼请柬的定制生成2、图片保存到本地3、打赏 请扫描体验
前端面试中的1像素问题到底是指什么
小时光
2019-07-19
阅读 1 分钟
349
高清屏上,border: 1px的处理 其实并不是所有做移动端适配的人,都一定会遇到这个问题。 比如你的设计师给了一张iphone6为基准的 750*1334 的设计稿,里面有一个border标注的是1px。 所以设计师实际上想要的是retina屏下的1px,也就是普通屏幕下的0.5px。 但问题是: 并不是手机端屏幕都支持0.5px,ios7之下或者安卓机都可能把...
移动前端适配—逻辑像素和物理像素
小时光
2019-07-19
阅读 2 分钟
330
Give your page a <meta name="viewport" content="width=device-width">, read out document.documentElement.clientWidth, and most browsers will give you the width of the layout viewport, which now equals the dips width.
移动端H5开发,设备像素比问题
小时光
2019-07-19
阅读 1 分钟
213
设备像素比
如何在README.md文件中添加图片
小时光
2019-07-19
阅读 1 分钟
391
小编想通过一款离线的编辑文件编辑好带有图像的说明文档,最后一起上传到gitHub,目前仅仅找到doc,ppt等文件可以编辑图片和文字但是在gitHub上对doc等文件不能支持在线浏览,所以不是很友好。md文件支持在线浏览,但是在离线的情况下又不能添加图片,所以以下介绍一种md文件在GitHub线上编辑添加图片的方法,供以参考。
箭头函数与普通函数的区别及示例
小时光
2019-07-19
阅读 1 分钟
267
普通函数:1、函数作为全局函数被调用时,this指向全局对象2、函数作为对象中的方法被调用时,this指向该对象3、函数作为构造函数的时候,this指向构造函数new出来的新对象
在触摸设备上比较触摸事件与点击事件
小时光
2019-07-18
阅读 1 分钟
256
touchstartmouseovermousemove(一次)mousedownmouseupclicktouchend所以,如果想提升web在触摸设备下的用户体验,让用户觉得响应非常迅速,应该对页面的触摸事件进行事件处理程序的注册,而不应再关注click事件。
Promise实现多个异步流程控制
小时光
2019-07-18
阅读 3 分钟
369
我觊觎Promise好久了。但由于缘分未到,以及智商不够,一直没有机会在实战中用它。前段时间的 2015 上海前端技术峰会 中的主题分享之《ES6实战》让我有这样的感觉:ES5的好多特性都还没有完全掌握呢,ES6就来了。然后据说明年ES7就要来了……
书写优雅的git提交信息
小时光
2019-07-18
阅读 1 分钟
554
在使用 Git 的过程中,可以发现 Git 是会强制每次提交都要写提交消息(commit message)的,这也算是良好编程习惯的体现。准确恰当的提交信息对于回溯项目开发历程、寻找特定功能的代码片段等等,都很有帮助。
箭头函数笔记
小时光
2019-07-18
阅读 1 分钟
377
在箭头左侧的是代表参数,若参数只有一个,()可以省略,箭头右侧的表示函数代码块,若代码块里面是个返回值,则{}可以省略不写
Flex布局入门指南
小时光
2019-07-18
阅读 4 分钟
272
Flex容器属性Flex是一组规则,用于在父容器中自动扩展多列和多行。简单的理解就是Flex有一组样式规则,这些样式规则可以帮助你对内容按行或列来布局。而这些规则都将运用于Flex容器元素上。
Flex布局实例,水平垂直居中展示
小时光
2019-07-18
阅读 2 分钟
329
Flexbox 布局(也叫Flex布局,弹性盒子布局)目标在于提供一个更有效地布局、对齐方式,并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间隙。
微信小程序海报分享方案
小时光
2019-07-17
阅读 2 分钟
940
微信海报分享新思路,思路来源于腾讯天气, 正常情况下,如果要分享海报,一般都是以下两步1、海报生成并且保存到本地2、从本地转发图片到微信好友 而腾讯天气这种思路可以一步完成,请看下面截图 previewImage预览能加载临时路径的图片吗 {代码...} 以上代码仅供思路参考,不是最终使用代码,如在实现过程中遇到问题,...
使用 ES6 的浏览器兼容性问题
小时光
2019-07-17
阅读 1 分钟
689
由于 Babel 默认只转换转各种 ES2015 语法,而不转换新的 API,比如 Promise,以及 Object.assign、Array.from 这些新方法,这时我们需要提供一些 ployfill 来模拟出这样一个提供原生支持功能的浏览器环境。
首屏优化思路
小时光
2019-07-17
阅读 1 分钟
312
每一个部分,都有很多的工作可以做。有的是需要从项目工程化上面解决,有的需要从网络基础设施上解决,有的是从代码层面解决。最终总结起来,资源加载优化主要是从大小、数量、速度、时机这几个基本方面进行优化,每一项优化最终都是对这四个基本面中一个或多个方面的优化。
在海量IP中找出访问次数最多的100个IP
小时光
2019-07-17
阅读 1 分钟
312
一、基本想法对于海量的数据,我们知道如果将IP请求写到日志的话,就变为一个超大文件统计次数的问题,但是单机处理可能速度会比较慢,不能一次性加载到内存计算。
javascript如何判断一个变量未定义
小时光
2019-07-17
阅读 1 分钟
421
undefined 永远不要直接使用undefined进行变量判断; 使用typeof和字符串'undefined'对变量进行判断。 {代码...} [链接]
小程序开发,条件渲染了解一下
小时光
2019-07-13
阅读 1 分钟
421
这个真是太棒了,比自己写样式控制要优雅100倍! [链接] 条件渲染wx:if在框架中,使用 wx:if="" 来判断是否需要渲染该代码块: {代码...} 也可以用 wx:elif 和 wx:else 来添加一个 else 块: {代码...} block wx:if因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 &l...
小程序生成海报代码解析
小时光
2019-07-11
阅读 5 分钟
312
最近趁垃圾分类这个热点,做了一个小程序,实现的功能有 根据关键词查询垃圾类别 用户提交垃圾分类信息 垃圾分类答题活动 答题分数海报生成 里面有比较重要的模块是答题活动,题目答完之后,会生成分数海报,本次我单独把这个功能拎出来讲下 请扫描体验 这里涉及微信小程序的几个知识点如下 获取用户个人信息授权 保存图...
上一页
1
…
More
4
5
6
(current)
7
8
下一页
上一页
6
(current)
下一页