随笔分类 - 前端
前端
摘要：一、box-shadow语法 box-shadow: none | inset（可选值，不设置，为外投影，设置，为内投影） x-offset（阴影水平偏移量，正方向为right） y-offset（阴影垂直偏移量，正方向为bottom） blur-radius（阴影模糊半径，为正，0为无模糊效果，值
阅读全文
摘要：突然发现小程序现在支持npm包了 事不宜迟 贴上文档 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html 小程序支持npm包从版本2.2.1的基础库开始 ，开发的时候需要使用beta版本开发工具 ，下载地址：https
阅读全文
摘要：通过npm init 创建 package.json文件 参数： name：项目名字 version： 版本号 description： 项目介绍 main： 项目的入口文件 scripts： npm提供给我们运行shell命令的入口 author：作者 license：标注我们项目的许可证权限，如
阅读全文
摘要：根据微信小程序 scroll-view 文档所述，scroll-view必须给定一个固定高度。那么如果我们想要让它自动填充剩余高度，该怎么办呢？ 前言 在说出我的解决方案之前，先来看一下我的页面设计，以便于理解。 我将这个页面分成了三部分：最顶部的导航栏navbar，用于显示概要信息的header，
阅读全文
摘要：官方文档已声明，即使在page.json和app.json中开启下拉刷新，scroll-view组件也是不支持的。但我们可以通过曲线救国的方法来实现 实现代码 onPullDownRefresh 和 wx.startPullDownRefresh 的区别 onPullDownRefresh : 下拉
阅读全文
摘要：marquee.json marquee.wxml marquee.wxss marquee 以上就是我定义在components文件夹的组件，剩下就是引用组件 demo.json demo.wxml 转 : https://www.jianshu.com/p/0ff03e5e942e
阅读全文
摘要：1. project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunctions/",如图 2. app.json写上“cloud”:true,如图 app.js写上（这步是将用户访问记录到用户管理中，在控制台中可见） 3. 云函数目录右键新建n
阅读全文
摘要：附录文档位置：小程序图片长按识别 ①. wxml 页面元素设计 ②. js 文件实现 “previewImage”方法 在对应的 js 文件中，添加了如下的方法 转 : https://www.jianshu.com/p/ec9a620222d6
阅读全文
摘要：思路 使用2个canvas 一个是背景圆环，一个是彩色圆环。 使用setInterval 让彩色圆环逐步绘制。 在看我的文章前,必须先看 ,下面转的文章,因为本文是在它们基础上修改的. 它们的缺点为: 1.组件必须用js实例化 (如果我有一个任务列表,后面会显示每个任务的进度,每个任务都必须实例化)
阅读全文
摘要：内容目录 使用canvas绘制弧线 使用canvas绘制圆形 在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍： arc(x, y, radius, startRad, endRad, anticlockwise) 在
阅读全文
摘要：调用页： 结果是没有效果， 原因是： createCanvasContext这个是有两个参数的，在page页面默认传了一个This,组件里面 需要传this const ctx = wx.createCanvasContext('myCanvas',this); 转 ： https://segmen
阅读全文
摘要：因为小程序是以微信为平台运行的，可以同时运行在android与ios的设备上，所以不可避免的会遇到布局适配问题，特别是在iphone5上，因为屏幕尺寸小的缘故，也是适配问题最多的机型，下面就简单介绍几种适配方法。 rpx适配 rpx是小程序中的尺寸单位，它有以下特征： 小程序的屏幕宽固定为750rp
阅读全文
摘要：扩展 : https://www.runoob.com/cssref/css3-pr-transform.html Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。 转 : https://cloud.tencent.com/developer/art
阅读全文
摘要：writing-mode 属性 writing-mode 属性定义了文本在水平或垂直方向上如何排布。 语法格式如下： horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-
阅读全文
摘要：一、位置position【定位属性：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 1.static：元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或者多个行框，置于其父元素中。 2.re
阅读全文
摘要：首先需要一个工具类：locales.js 然后是另一个工具类:wxapp-i18n.js 然后在 app.js 中引入文件并做处理. 使用方式如下, 假设需要在index.wxml中使用国际化,则在index.js中书写: setLang 是自定义方法,可以在 OnLoad中调用此方法. 那么这样,
阅读全文
摘要：一webpack介绍1由来2介绍3作用4拓展说明5webpack整体认知二webpack安装1安装node2安装cnpm3安装nrm的两种方法4安装webpack三webpack配置0搭建项目结构1初始化一个项目会创建一个packagejson文件2在当前的项目中安装Webpack作为依赖包3当前项
阅读全文
摘要：一 、 从Sourcemap和Data URL说起 （1）什么是Sourcemap? 我们在打包中，将开发环境中源代码经过压缩，去空格，babel编译转化，最终可以得到适用于生产环境的项目代码，这样处理后的项目代码和源代码之间差异性很大，会造成无法debug的问题。 举例来说，如果压缩等处理过的生产
阅读全文
摘要：什么是 PWA 先说一下全名，progressive web app： 渐进式网页应用。这是谷歌推出的，我是这样理解的： 我们一般写 web 应用，在 pc 上是没有缓存的，打开页面的时去请求数据。 第二个也没有像 app 一样的小图标放在桌面，一点开就进入了应用，而是通过打开浏览器输入网址， 第三
阅读全文
摘要：公司内做系统，要用A4纸打印东西，A4纸标准时mm，换算成像素不知道。网上找找，找到一篇文章，转一下，备用。 A4纸的尺寸是210mm*297mm，也就是21.0cm*29.7cm，而1英寸=2.54cm，如果屏幕DPI分辨率为72像素/英寸，换算一下：相当于1cm可呈现 (72px/2.54cm)
阅读全文
浙公网安备 33010602011771号