- 博客(24)
- 收藏
- 关注
RSS订阅原创 记录 taro3 的坑
各依赖的版本如下"dependencies": { "@babel/runtime": "^7.7.7", "@tarojs/components": "3.0.25", "@tarojs/react": "3.0.25", "@tarojs/runtime": "3.0.25", "@tarojs/taro": "3.0.25", "react": "^16.10.0", "react-dom": "^16.10.0" }, "devDep
2021-03-04 19:15:28
1897
3
原创 使用百度识图 完成图片识别和文字识别
import Taro , { Component, Config } from '@tarojs/taro';import { View, Text } from '@tarojs/components';import './index.scss'export default class ImageIndex extends Component<any, any> { config: Config = { navigationBarTitleText: '图像识别'
2020-12-30 15:43:17
2642
原创 小程序 measureText 得到的长度不同
measureText 获取字符串长度的时候，会以measureText() 前面的 setFontSize 字体大小为基础，获取长度。如果在获取长度之后在设置字体大小，绘制出来的效果并不一定是你想要的。example：var ctx = wx.createCanvasContext('canvas')ctx.setFontSize(20)var w = ctx.measureText(...
2020-04-22 10:31:30
1583
原创 taro 签字板
taro 签字板 代码：tsx：import Taro , { Component, Config } from '@tarojs/taro';import { View, Button, Canvas } from '@tarojs/components';impor...
2020-04-10 23:32:31
1878
4
原创 css 的空格处理
一、空格规则HTML 代码的空格通常会被浏览器忽略。<p> hello world </p>上面是一行 HTML 代码，文字的前部、内部和后部各有4个空格。浏览器的输出结果如下：可以看到，文字的前部和后部的空格都会忽略，内部的连续空格只会算作一个。如果希望空格原样输出，可以使用<pre>标签。<pre> he...
2020-04-01 18:18:08
718
原创 Taro 动画 之放大缩小
直接上效果 taro 动画 代码：scss：.margin50 { margin-bottom: 50px;}.container { width: 100%; height: 100%;}.tips { position: absolute;...
2020-03-26 20:26:54
4355
原创 Taro 动画 之 不定高度的上拉框
这是taro 框架写的微信小程序动画，动画中的上拉框高度都不固定，taro 中 setState 不能将变量名 用变量的形式 传入，因此这里 重复 setState。当然本人有限，希望 知道的大佬 能再评论里，告知，谢谢！。这里直接用手机拍成视频进行上传：效果如下： Taro 动画 之 不定高度的上拉框...
2020-03-25 23:38:52
1103
原创 Taro 小程序 时间选择
时间选择器30分钟一档，选择9点-16点，可以选择的时间为当前时间的3小时后，若3小时候的时间超过16点，则从第二天的9点开始。state = { showMultiArray: [], // 时间选择器显示的时间 ymdArr: [], // 年月日的数组 selectDate: '' } componentDidMount() { this.i...
2020-03-13 18:07:42
2277
原创 mpvue开发小程序 需要注意的点
在style标签上添加lang="scss"，还需要手动安装node-sass和sass-loadernpm install sass-loader node-sass --save-dev安装成功后，在style标签上添加lang="scss"，执行 npm run dev 命令就可以看到样式&lt;style scoped lang='scss'&gt;...&lt;/st
2020-03-13 17:48:48
194
原创 VUE 支持 less 、 scss
vue中使用lessvue项目搭建好之后：安装less依赖：npm install less less-loader --save修改webpack.base.conf.js文件，配置loader加载依赖{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",}使用的时候在style标签里加上 lang=‘...
2019-04-22 19:55:50
267
原创 父子组件间传值、传递事件
一、父子组件间传值1、父组件向子组件传值父组件<template> <div class="father"> <child fatherMsg="click me"></child> </div></template><script>import
2019-02-19 11:29:22
2871
1
原创 this的用法
this是javascript语言的一个关键字。它是函数运行时，在函数内部自动生成的一个对象，只能在函数体内部使用。函数的不同使用场合，this有不同的值。总的来说，this就是函数运行时所在的环境对象，下面分四种情况，讨论this的用法：情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象。var x = 1;function test() { v...
2019-01-28 09:37:33
152
原创 杂七杂八小知识点 (1)
1、自适应正方形使用padding-top/bottom的默认属性：基于父元素的宽度width: 40%;padding-top: 40%;border: 1px solid red;效果如下：使用vw、vh单位相对于视口的宽度。视口被均分为100单位的vw。相对于视口的高度。视口被均分为100单位的vh。width : 40vw;height : 40vw;border...
2018-12-28 10:11:02
227
原创 ES7 学习笔记
ES7只有2个特性:includes()指数操作符( ** )includes()他是一个替代indexOf()，开发人员用来检查某个字在数组中是否存在的。indexOf() 验证数组中是否存在某个元素，这时需要根据返回值是否为-1来判断。includes() 验证数组中是否存在某个元素，这样更加直观简单，直接返回 true 或 false。let arr = ['react',...
2018-09-30 11:27:14
339
原创 form 表单提交后，使页面不跳转
form 表单提交数据，往往会刷新页面，数据提交后会跳转到其他页面如果不需要刷新页面时，可以通过ifame实现无刷新。在form表单下定义一个ifame将 form 的 target 属性指向 iframe 的 name 属性，这样就实现了不刷新页面的form提交。示例：<form action="url" enctype="multipart/form-data" targe...
2018-09-29 10:27:34
17657
1
原创 layui table源码修改（1、loading；2、error）
版本layui-v2.2.61、layui table首次加载没有显示loading的加载动画方法：在lay &gt; modules 下的 table.js 文件中的下面位置添加js代码if(n.url&amp;&amp;n.loading){i=i||a.loading();}2、请求错误时，执行错误的回调函数方法：在lay &gt; modules 下的 table.js...
2018-09-26 14:21:15
4218
原创 16进制Unicode编码与中文相互转换
let toUnicode = function (data) { if (!data) { alert('请输入文字') return } let str = '' for (let i = 0; i < data.length; i ++) { str += '\\u' + parseInt(data[i]....
2018-09-04 16:50:39
15332
原创 Date.parse() 和 Date.getTime() 的区别
Date.parse()该方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。该方法是 Date 对象的静态方法。语法：Date.parse(datestring)datestring 必需。表示日期和时间的字符串。var d = Date.parse("Jul 8, 2005")console.log(d)Date.get...
2018-09-04 16:07:42
2042
原创 webpack 学习笔记-2 CSS
一切皆模块Webpack有一个不可不说的优点，它把所有的文件都都当做模块处理，JavaScript代码，CSS和fonts以及图片等等通过合适的loader都可以被处理。CSSwebpack提供两个工具处理样式表，css-loader 和 style-loader，二者处理的任务不同，css-loader使你能够使用类似@import 和 url(...)的方法实现 require...
2018-08-17 14:09:59
156
原创 git .gitignore 文件的配置
背景.gitignore是在git仓库里，用来配置git忽略的文件或者文件夹的文件。配置过程在git仓库的文件夹里，输入命令 touch .gitignore，创建.gitignore文件，保存git过滤规则.此文件每一行保存一个匹配规则.语法# &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;以此开头的行为
2018-08-17 09:34:51
148
原创 webpack 学习笔记-1 demo
学习webpack，直接观看代码理解。将自己的理解过程记录下来，后续若有不同理解，再来修改。安装//全局安装npm install -g webpack//安装到你的项目目录npm install --save-dev webpack正式使用Webpack前的准备Webpack可以使用npm安装，新建一个空的文件夹（此处命名为webpack_sample），在终端中转到该...
2018-08-16 17:14:06
366
原创 devDependencies 与 dependencies 的区别
使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是：npm install 【插件名】或 npm install 【插件名】–save 或npm install 【插件名】–save-dev首先需要说明的是Dependencies一词的中文意思是依赖和附属的意思，而dev则是develop（开发）的简写。所以它...
2018-08-15 13:51:03
310
原创 使用scale 和 transform-origin 实现下划线跟随效果
使用scale 和 transform-origin 实现下划线跟随效果难点所在这个动画效果中，下划线是从一端进入，从另外一端离开的。而且，这个 hover 动画是纯 CSS 实现的。还原效果正常而言，我们一个 hover 效果，可能就是从哪里来，回哪里去，大部分的应该是这样的：html : &amp;lt;div&amp;gt;hover me&amp;lt;/div&amp;gt;cs...
2018-08-15 10:50:09
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人