NAMECZ的博客

个人学习

排序:
默认
按更新时间
按访问量

【Mint-UI】search组件的使用及详解

用过Mint-UI的同学都知道,Mint-UI的文档写的极简,刚接触的同学难免会因为文档不够详细而晕头转向无法下手(日常吐槽) 由于项目的需要,入坑了mint-ui的search组件,文档写的果然让人摸不到头脑。 下边直接看效果: 我们开发的是基于微信浏览器的移动端项目,该图是在微信开发...

2018-11-12 15:04:46

阅读数:15

评论数:0

【VUE】CDN 引入 Axios 和 Qs 及其使用方法

通常一些小型的项目,没必要大费周章的搭建脚手架,直接以CDN的方式引入vue.js 即可享受到vue的便利性 那么我们想用到vue中的一些功能,比如axios 呢。 注意:Axios与Qs必须配合使用,否则后台会拿不到数据 CDN引入: Axios:<script s...

2018-11-12 12:39:00

阅读数:69

评论数:0

【VUE】关于修改数组后,页面不渲染的问题

首先要解决这个问题,我们要清楚产生这个问题的原因。 vue之所以能够监听Model的变化,是因为Javascript语言本身提供了Proxy或者Object.observe()的机制来监听对象状态的变化。 但是,对于数组元素的赋值却没有办法直接进行监听,因此会产生以下情况: 比如我们vue的...

2018-11-12 11:48:21

阅读数:82

评论数:0

【移动端】移动端项目手机预览方法

移动端项目,手机预览方法: 环境要求:node安装成功 第一步:打开命令行工具                ① win + r    打开windows运行窗口                ② 输入 cmd 打开命令行工具 第二步:安装全局http服务               ...

2018-11-01 17:08:23

阅读数:58

评论数:0

【VUE】脚手架项目搭建详细流程

整理了一下VUE大型项目脚手架的搭建,和一些自己的理解,不对的地方欢迎指出! 第一步:下载NODE                下载NODE,在这里是为了用到node里边的npm,node下载成功后 第二步:win + R 打开 windows 运行窗口,输入 cmd 打开命令行工具 第...

2018-11-01 16:57:08

阅读数:30

评论数:0

【CSS】静态螺纹进度条和静态流程布局

为了方便复用,在此记录一下! 效果如图所示 css核心代码: .active{ background-color:#fea6a2; background-image:repeating-linear-gradient(135deg, transparent 0, tra...

2018-11-01 16:15:19

阅读数:13

评论数:0

JS 数组,数组对象的合并去重方法

这次对数组的操作,我们使用es6的新语法来完成,所以在看下边代码之前,我们要了解我们下边要用到的es6中的set集合,和for...of 方法: 首先介绍set集合: ES6提供了新的数据结构Set,它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set函数可以接受一个数组(或类似数组...

2018-09-03 11:31:08

阅读数:212

评论数:0

rem布局实现不同分辨率移动终端的自适应、整体缩放

前言 现在手机屏幕分辨率越来越多,但我们的需求比较唯一——最佳视觉。  当用户浏览网页时,根据屏幕的尺寸,来向用户展示更适合用户的布局、文字、图片、按钮等等,因此,rem应运而生。  rem(font size of the root element)是指相对于根元素的字体大小的单位。一旦根节点...

2018-08-29 17:28:44

阅读数:47

评论数:0

JS Date时间各种格式互转

首先要先了解一下Date 有几种格式分别是什么: 1、标准日期:2018-08-29   或者    2018-08-29 14:00:00 2、中国标准时间:Wed Aug 29 2018 14:43:23 GMT+0800 (中国标准时间) 3、时间戳:1535527075442 4、...

2018-08-29 15:30:03

阅读数:159

评论数:0

【小程序】 获取昨天,今天,明天的xx-xx-xx格式的日期,picker中可用

小程序picker 日期选择中经常要用到 年-月-日 格式的时间,写下来方便以后使用 //昨天的时间 var day1 = new Date(); day1.setTime(day1.getTime()-24*60*60*1000); var s1 = day1.getFullYear()+&...

2018-08-21 18:24:11

阅读数:254

评论数:0

CSS魔幻属性之图片间隙问题

最近看到一篇CSS魔幻属性的文章,感触很深,不过我想,与技巧相比,有些常见css布局难题,有时候更加让我们的日常开发变得踌躇沮丧吧。 为什么此处li标签内的p元素看起来独自撑开了一行 这是我在segmentfault上看到的一个问题,以前自己遇到过,所以就很热情洋溢的去回答了一下,难道遇到个自...

2018-08-01 13:21:36

阅读数:54

评论数:0

Linux 命令操作

入门必备命令 命令格式:      命令  [选项] [参数] 必备命令     cd: 切换工作目录         - :表示刚才的工作目录         ~ : 表示用户的家目录         . :表示当前目录        .. :表示上级目录         / :表示根目录 ...

2018-07-31 15:38:04

阅读数:145

评论数:0

Ubantu 常用命令

一.使用Ubantu安装nodejs     1.安装前先安装nodejs的版本管理器nvm,在命令行里输入以下命令(安装完毕要重启终端):    wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install...

2018-07-31 15:36:50

阅读数:154

评论数:0

【微信小程序】wx.navigateBack() 携带参数返回

今天写了一个功能页面, 是一个表单的提交页,其中有要求选择省市区的一栏,省市区分别是三个页面。刚开始我的思路是这样的,当我点击选择省市区那一栏,跳转到选择省份的页面,选择好后,携带参数跳转到选择市的页面,然后继续携带参数跳转到选择区的页面,最后携带三个页面的参数跳转回表单页, 乍一想,这样的思路逻...

2018-07-24 17:43:52

阅读数:3216

评论数:0

【微信小程序】自己遇到的问题和解决方法 (有水货有干货,持续更新)

这一篇是写给我自己看的,是我写小程序时遇到的一些问题,现在看来很普通,但是为了纪念我的青春,我还是决定写出来来鼓励我自己继续进步。 1、onShow,在页面显示的时候触发此函数,当页面中出现新页面或者遮盖后都会触发,比如地图的选择,和照片的选择等,在返回的时候都会触发此函数,但是在多数情况下这种...

2018-07-05 10:42:00

阅读数:128

评论数:0

【微信小程序】Canvas 水印图片的制作 内附代码和详解

受朋友委托,帮其做一个具有水印的身份证图,时间比较紧张,代码逻辑可能不是最简便的,但是效果不错,有更好的想法的码友可以给我分享一下心得,不胜感激!先上效果图:不同的图片只需要更换不同的图片路径即可,canvas画布的大小受项目影响自行调整。下边上代码:wxml:<canvas...

2018-06-29 10:37:13

阅读数:767

评论数:0

【微信小程序】自适应Canvas 带跑马灯的辛运大转盘 内附代码和详解

第一篇关于Canvas环形进度条的博文获得不少关注度,时隔这么多日才发出第二篇关于Canvas的博文,并不是我懈怠了,而是最近公司比较忙,写好的demo一直没机会发,今天公司终于闲下来了,把我做好的demo整理一下发上来,给喜欢canvas的初学者看看,因为本人也是初学者,所以一下内容仅供参考,有...

2018-06-27 10:49:23

阅读数:2209

评论数:17

【微信小程序】自适应Canvas 环形进度条 内附代码和详解

本人之前也从来没接触过canvas,但是由于对canvas写出来的各种酷炫效果非常仰慕,所以对canvas抱有浓厚的兴趣。今天尝试用canvas写一个最常用的环形进度条,算是我对于canvas的入门。 下面先看效果图: 直接上代码: wxml: <view c...

2018-05-31 16:50:40

阅读数:2258

评论数:10

【微信小程序】for循环对数组进行删除时的坑

大家一定经历过这种需求, 把一个数组(暂且称之为list)的长度作为循环条件,循环过程中做一些判断,然后删除掉list中的某一项,或者多项。如以下代码:let list = that.data.list; for(let i = 0 ; i < list.length ; i...

2018-05-30 17:32:00

阅读数:1614

评论数:0

【微信小程序】复选框组件

在工作中频繁用到复选框,于是自己写了个组件,增加其复用性,提高效率。先看效果图:提交后得到一个选中项的id组成的数组下边直接上代码:代码地址为:components/checkGrop/checkGropwxml:<form bindsubmit="form...

2018-05-09 15:36:53

阅读数:314

评论数:0

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