- 博客(14)
- 收藏
- 关注
RSS订阅原创 uni-app 使用iconfont图标字体
介绍2种方式：一、使用class类名 添加图标二、使用字体代码添加图标一、class类名：在confont中，选择想要的图标，加入购物车，添加至项目：点击：下方新 icon 来袭，点击更新代码，更新后将支持 WOFF2 格式 ， 复制代码至浏览器打开：复制对应的css代码至你的项目中的static文件夹下，创建的iconfont.css文件中 ：...
2019-12-29 16:35:44
1192
原创 uni-app 通用尺寸单位rpx及样式
官方文档：rpx即响应式px，是一种根据屏幕宽度自适应的动态单位。uni-app规定屏幕的基准宽度为750rpx。关于rpx说明设计师在提供设计图时，一般只提供一个分辨率的图，作为开发者如果严格按照设计图标注的px做开发，在适配不同宽度的时候很容易变形，而且是宽度变形，因为有滚动条，高度不会出问题。微信小程序设计了rpx解决了此问题，而uni-app在App端、H5端也都实现了对...
2019-12-28 21:04:45
25729
1
原创 uni-app页面间通信
关于页面间跳转传值1、使用页面路径传参**（1）uni.navigateTo( ) / uni.redirectTo( )参数与路径之间使用 ? 分割，参数键 与 参数值 用等号 = 相连，不同的参数用& 分割。**（2）url 传参方式会有长度限制，太长字符串会传递失败！！！**（3）跳转到另一页面，在onLoad 生命周期函数中 通过参数，可以获取到传递的参数uni.nav...
2019-12-28 12:06:53
1668
原创 uni-app 生命周期及路由
common 官方推荐公共资源存放目录应用生命周期（也就是全局函数）onLaunch : uni-app 初始化完成时，触发（全局只触发一次）onShow：uni-app启动，或从后台进入前台显示onHide：uni-app 从前台进入后台（关闭的时候）onError：uni-app报错时触发onUniNViewMessage：对nvue页面发送的数据进行监听疑问：onHid...
2019-12-27 20:48:34
1529
原创 uni-app page.json配置文件
pages配置pages节点中配置的是：应用由哪一些页面组成"pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/index/index", "style": { "navigationBarTitleText": "test" } } ],· pages 节点的第一项为应用入口页（首页）· 应用中的新增/减...
2019-12-26 22:04:06
6626
原创 js递归的应用
求n的阶乘已知1的阶乘为1。步骤分析：递归 - 找规律、找出口，出口找到，依次往前推即可。// 求阶乘的函数function mul(n) { if(n === 1) { return 1 } return n * mul(n-1)}var res = mul(10)console.log(res) // 3628800 /* * mul(...
2019-12-17 18:53:21
247
原创 数据结构与算法 - 栈
栈：概念栈又称为 "先进后出" 线性表，只有一端栈顶可以操作，另一端为固定端，称为栈底，羽毛球盒实际生活中，羽毛球盒，可以很形象的看成一个栈，只能在一端盒顶进行操作：栈的常用方法：push：添加一个元素到栈顶（相当于向羽毛球桶里放入一个羽毛球）pop：弹出栈顶元素（从桶里拿出一个羽毛球）top：返回（return）栈顶元素，不是出栈（看了一眼桶里最顶端的羽毛球...
2019-12-16 15:48:50
258
原创 webpack - 四（什么是loader）
什么是loader官网：loader用于对模块的源代码进行转换。它可以将文件从不同语言（typeScript）转化为JavaScript，或将内联图像转化为 data URL等等。（Data URL：给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在...
2019-12-12 21:14:46
520
原创 js中根据0或1输出true或false的两种方法
最近项目中，发现一个很有意思的操作，前提使用vue-element-admin，如果你想根据0 或者 1，输出true或false，通常会这么写：let result = status === 1 ? true : false但是在webstorm中会标红，过不去ESlint这一关，后来换了一种方式可以了：let status = 0let result = status ===...
2019-12-12 18:44:24
4378
原创 js时间与时间戳的转换
最近在做公司项目时，遇到时间与时间戳的相互转换，这篇文章记录下。效果如下：需求是：添加套餐的一个页面，上边有套餐的起始时间 和 截止时间 ，用的是element 日期选择组件，选择完之后，会把起始时间和截止时间 转化为时间戳发给后端，html代码如下：<!-- value-format="timestamp" 把当前时间转化为时间戳 --><!-- 此组...
2019-12-12 18:27:42
2919
原创 webpack - 三（解析打包输出内容）
接着上一篇文章来，之前我们在webpack.config.js 中简单的配置了一个webpack模块打包文件，打包之后，会出现一些提示及一个警告，这篇文章介绍的分别是什么意思，以及如何解决这个警告。const path = require('path')module.exports = { entry: './src/web.js', output: { f...
2019-12-08 21:42:35
571
原创 webpack- 二（文件配置）
在第一篇文章中，使用npx webpack xxx.js 去打包一个文件，你有没有想过webpack为什么会知道后边打包的文件的路径? 打包好的文件什么会放到dist文件中呢? 为什么打包的文件叫做main.js呢? 其实webpack并没有你想象的这么智能，它只是有一个默认的配置文件而已。打包入口文件以及打包的文件放在哪里，webpack需要通过一个配置文件才能知道打包的文件和打包文件放在...
2019-12-07 22:41:25
277
原创 在vue中使用腾讯地图
最近在做公司后台ERP系统时，用到了腾讯地图，遇到了不少坑，在这里记录下：用到了几个主要知识点先说下：1、单例的设计思想（在判断是否有map实例那块）2、对象深度克隆 （创建门店那块）3、this指向问题 （有很多，自己看）引入 qqmap腾讯官方未提供通过npm插件方式来安装腾讯地图，还好有大佬写了一个：https://www.npmjs.com/package...
2019-12-06 21:25:34
5286
6
原创 webpack - 一 （ webpack介绍 ）
什么叫webpack：webpack 是一个模块打包工具,起初它只能打包js文件，发展到现在可以打包任何文件。// ES module 导入一个模块import Header from './header.js'// 导出一个模块export default function header(){}之前，在一个js文件中 引入别的js文件，是无法执行的，浏览器无法识别！此时web...
2019-12-02 22:02:41
226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人