自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

gdutRex的博客

成长印记

  • 博客(7)
  • 资源 (2)
  • 收藏
  • 关注

原创 小程序markdown文件解析和代码高亮(四)———优化篇

优化目录 动画为了美观一点,目录显示一闪一现有点突兀,考虑人的感官的舒适度,我觉得给目录加一个左移动的动画即可。因为这个目录是用组件写的,小程序最近发展的比较快,18年的时候还不太支持组件开发,现在就已经有支持了,并且用过之后感觉还不错。这里就不太赘叙组件的写法了,主要是如何给组件写动画的效果。组件的wxml<view class="marsk" bindtap='backt...

2019-07-23 22:22:38 200

原创 小程序markdown文件解析和代码高亮(三)

使用towxml简单说下,这个是可以讲html和markdown文件进行转换为wxml,支持很多富文本的编辑,我们在上一篇文章将towxml的组件复制到小程序的common后,就可以直接使用了首先在需要使用到的页面,需要导入main.js var main_js_1 = require("./common/towxml/main.js"); Page({ da...

2019-07-23 18:34:36 644

原创 小程序markdown文件解析和代码高亮(二)

静态页面设计完之后,我们在小程序上实现静态页面。这里就不全部讲了,就拿首页简单说明下。文件存放页面,主要一个是首页,其他是存放文档内容。组件我们讲下载好的towxml和一些ui图片放在common文件夹中,我们只需要copy完towxml中的一部分文件即可,如图。页面实现首页页面比较简单,就一个标题加2个转向按钮。wxml文件<view class="contain...

2019-07-23 17:55:34 620

原创 小程序markdown文件解析和代码高亮(一)

扫码体验想法由于最近阅读阮一峰的ES6文档觉得很不错,但是手机浏览网页会很吃力,所以打算把阮一峰的ES6文档移植到小程序上,打开既方便,浏览起来也比较方便。开始申请一个微信小程序号,跳过这部分得到一个属于自己的APPID。安装微信小程序的开发者工具在github上下载towxml的项目组件简单设计文档阅读一般注重文字,所以UI和页面风格应该以简约为主。ES6已经有主题颜...

2019-07-23 17:22:35 889

原创 小程序typescript模板编译出现错误

解决方法更新最新版的开发工具,重新新建模板简单分析旧版本的typescript模板会缺少一些文件,导致TS编译的时候缺少文件出错问题miniprogram/app.ts:8:5 - error TS2558: Expected 0 type arguments, but got 1.8 App<IMyApp>({ ~~~~~~miniprogram/typ...

2019-07-20 17:54:45 3081

原创 微信小程序自适应方法

微信小程序适配适配?如何适配原理rpx如何利用rpx图片适配元素布局其他总结适配?由于每一个手机屏幕大小尺寸不一致,这就导致了小程序页面显示的差异存在,为了尽量避免因为尺寸而出现的界面混乱。如何适配原理我们以每一个屏幕宽度为标准尺,通过比例计算获取相应的大小和位置。这样可以尽可能适配各种机型,但是如果面对差距比较大的设备,如PC、ipad等,就需要考虑不同设备的适配方案。一般都是可以获取...

2019-07-06 00:48:41 11010

原创 webpack 打包入门

webpack入门今天打算学习下webpack打包工具,结果发现挺多坑的版本问题因为之前使用过webpack,所以用的是旧版本,但是打包的时候发现识别不了webpack和npx webpack这2个命令行,我怀疑是版本问题,我就把全局的webpack和webpack-cli卸载掉重新安装指定的版本。// 国内还是建议使用cnpm npm install -g cnpm -registr...

2019-07-05 16:23:25 168

mock+express搭建本地服务器模拟数据

下载之后打开readme.md阅读文档 # mock自动化配置 ## 安装必要的配置 ```shell npm express body-parse connect-multiparty --save-dev ``` ## 使用 只需要配置`api.js` 格式: ```javascript [ { url: "/api/getUserInfo", name: 'getUserInfo', path:'/getUserInfo', method: 'get' }, { url: "/verifyCode", name: 'verifyCode', path:'/verifyCode', method: 'get' }, { url: '/admin/verifyCode', name: 'adminVerifyCode', path:'/adminVerifyCode', method: 'get' } ] ``` 配置之后会自动创建文件,之后根据mock语法 去修改data下的数据即可

2019-12-26

itweenpath+itween.rar

用于配合unity的itween插件使用,可以实现物体、人物等物体的路径移动

2019-06-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除