自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 taro开发的微信小程序中如何拿到另一个微信小程序跳转来时携带的参数

在哪儿拿:在app.js中componentWillMount生命周期函数中拿(注:此函数相当于微信小程序中的app.js中的onLaunch函数)怎么拿:使用this.$router.params.referrerInfo.extraData来拿其它微信小程序跳转来时缩携带的参数...

2019-08-02 13:50:05 2030

原创 微信小程序opendata的用户头像修改为圆形

单设置bored-readius:50%;头像会不变必须把border-radius:50%;和overflow:hidden;

2019-07-08 14:05:07 427 1

转载 js 判断是不是空、值是否存在

判断数组是否存在某个值:Array.indexOf(val) > -1//存在 (缺陷:一是不够语义化,它的含义是找到参数值的第一个出现位置,所以要去比较是否不等于-1,表达起来不够直观。二是,它内部使用严格相等运算符(===)进行判断,这会导致对NaN的误判。) Array.includes(val)判断对象是否存在某个字段:obj["key"] != undefined...

2019-07-03 10:58:18 5780

转载 简单理解Mobx(一):使用目的

https://www.jianshu.com/p/3676d5b1b6e3

2019-07-01 10:00:28 213

转载 taro 更新

更新Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖更新 Taro CLI 工具# taro$ taro update self# npmnpm i -g @tarojs/cli@latest# yarnyarn global add @tarojs/cli@latest更新项目中 Taro 相关的依赖.更新了trao的版本之后必须使用此命...

2019-06-04 15:00:33 1683

转载 利用px2rem-loader和lib-flexible如何实现PC端大屏项目的全自动开发

大屏项目在做的时候,每次都要自己去计算rem的值很麻烦,也影响开发进度,所以无意中发现了一个好东西,利用webpack配置px2rem-loader和lib-flexible来实现px转化rem;首先安装包 npm install px2rem-loader -Dnpm install lib-flexible -S 安装好了我们就开始配置,参照官网的配置方法 mod...

2019-05-28 13:15:26 1050

转载 vue-cli 【flexible】屏幕字体自适应布局及配置

0.前言:很多前端小伙伴在写页面尤其是移动端页面的时候,要求页面布局以及字体大小随屏幕宽度变化而随之按比例自适应【注:非响应式】,那么,在vue-cli脚手架中应该如何去实现呢?1.安装flexible库 ://在项目库下运行:npm i lib-flexible --save-dev 2.项目入口文件main.js中引入lib-flexible://main.js中:...

2019-05-27 23:16:20 1701 2

转载 NPM install -save 和 -save-dev 傻傻分不清

本文原文地址:https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html回顾 npm install 命令最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有理解。遂写下这...

2019-05-24 17:15:23 155

转载 pc端自适应布局

现在给的设计稿一般是1920*1080的尺寸,所以就以这个尺寸为例吧~~(function(){ var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值,使用100px只是为了方便计算 其他值都可以 // var wH = window.innerHeight;// 当前窗口的高度 var wW = window.innerWid...

2019-05-23 16:45:19 4952

转载 深入理解javascript中的事件循环event-loop

前面的话 本文将详细介绍javascript中的事件循环event-loop线程javascript是单线程的语言,也就是说,同一个时间只能做一件事。而这个单线程的特性,与它的用途有关,作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点...

2019-03-25 10:34:26 178

转载 兄台息怒,关于arguments,您的想法和大神是一样一样的----闲聊JS中的apply和call

JavaScript提供了apply和call两种调用方式来确定函数体中this的指向,表现出来的特征就是:对象可以'借用'其他对象的方法。之前的几篇博客回顾了一些Web控件的一些开发方法,我们聊了如何实现一个自定义的组合框,也聊了一个相对复杂一点的地址控件的开发,从上一篇开始,开始聊一些JavaScript语言本身的话题,回顾了闭包和原型继承,今天我们就一起来聊聊apply和call这两种调用...

2019-03-13 13:27:07 186

转载 getFieldDecorator用法(一)——登录表单

之前使用antd的ui表单,却没发现这么好用的用法,推荐给大家import React from "react";import { Card, Form, Input, Button, message, Icon, Checkbox } from "antd";const FormItem = Form.Item;class FormLogin extends React.Compon...

2018-10-25 14:06:57 11581 7

转载 微信小程序实战篇:商品属性联动选择(案例)

 效果演示:代码示例1、commodity.xml<!-- <view class="title">属性值联动选择</view> --><!--options--><view class="commodity_attr_list"> <!--每组属性-->

2018-10-22 14:20:12 1845 3

原创 react学习资料

React入门看这篇就够了:https://segmentfault.com/a/1190000012921279

2018-10-19 15:21:31 164

转载 小程序制作海报并分享到朋友圈

添加画布首先,在小程序里进行绘图操作需要用到<canvas>组件,那我们就先在我们的wxml代码中放入如下的<canvas>:<canvas canvas-id="shareCanvas" style="width:600px;height:900px"></canvas>这样一来我们就有了一个600x900的绘图区域。然后,我们要开...

2018-10-19 11:48:32 612

转载 微信小程序 canvas 内容(宽高) 兼容不同机型

此功能并没有做所有机型测试,后面会一个一个做一下,如需使用请先自作测试!canvas在小程序中设定的尺寸默认是px 并不是rpx的所以需要转换一下PS:设计稿是750像素wx.getSystemInfo({ success: function (res) { var v =750 / res.windowWidth;//设计稿尺寸除以 当前手机屏幕宽度...

2018-10-17 17:09:30 4793

原创 用canvas画圆形图片

将矩形图片绘制成圆形图片,已封装好的画圆函数:function drawCircular(ctx,width, height, x, y, url) { var avatarurl_width = width; var avatarurl_heigth = height; var avatarurl_x = x; var avatarurl_y = y; ctx.save...

2018-10-16 15:51:16 2395 1

原创 微信小程序,设置整张图片作为背景图时出现滚动条

将图片设置成块级元素便可解决,即:display:block 

2018-10-09 10:32:48 4150 1

转载 css 背景图铺满整个屏幕无滚动条

kk总结了两种方式实现背景图铺满整个屏幕并且无滚动出现的方式,下面来一一介绍:方法一:先上个效果图html页面:一个用来放背景图的容器.bg  <body> <div class="main"> <div class="bg"></div> </div>&

2018-09-12 18:41:47 2563

转载 php 设置能跨域

// 指定允许其他域名访问 header('Access-Control-Allow-Origin:*'); // 响应类型 header('Access-Control-Allow-Methods:POST'); // 响应头设置 header('Access-Control-Allow-Headers:x-requested-with,co...

2018-08-17 14:25:59 933

转载 提示出错信息:fatal: remote origin already exists.

如果输入 git remote add origin https://github.com/(user_name)/(app_name).git提示出错信息:fatal: remote origin already exists.解决办法如下:1、先输入 git remote rm origin2、再输入 git remote add origin https://github.com/(...

2018-07-29 13:08:08 259

转载 fatal: Authentication failed for码云的解决办法

在git命令行中输入git config --system --unset credential.helper然后你进行提交操作时会出现询问你码云用户名的命令行输入用户名以后会弹出填写密码的弹窗填写完密码后就可以进行提交了    ...

2018-07-29 13:05:20 1792 1

原创 如何学习

     学习的目的:是获得你不懂的知识,换个说法也就是将你不懂的东西转化成你懂得东西。     如何去转化:     转化有一个方法就是复述,将你学到的知识,用你自己的话重新阐述一遍,说出来,不要默念,在这过程中你会发现你说不出来,说不通或者说出来有很明显的逻辑漏洞。那么这证明你这东西你没完全弄懂或者似懂非懂!需要重新学习,复述说出来的过程中会帮助你思考很多问题,会让你变得更有逻辑性,最最重要的...

2018-07-14 13:13:46 151

原创 移动端屏幕适配随笔

二倍图:二倍图出现的目的是为了避免性能浪费,为了发挥高分辨率机型的优势。(即使得一个物理像素显示一个css像素)移动端屏幕适配问题:一:关于移动端适配对于精度要求不高的产品:我们可以使用百分比来设置UI设计稿的宽度。二:关于对高精度产品的适配rem 和媒体查询,我们将UI设计稿分成相同等分,而用媒体查询时将各机型的屏幕宽度划分成与设计稿相同的份数,从而使用屏幕宽度/分数,来确定html根元素的fo...

2018-07-14 12:31:18 153

转载 关于移动web开发过程中的”点透“问题

关于移动web开发过程中的”点透“问题A是遮罩层,B是正常的DOM,C是B上的某个元素,这里是链接。场景是点击A的时候A消失,结果点到了C,页面发生了跳转,这显然不是咱想要的~ 先说说故事发生的场景,举个栗子如下图:A是遮罩层,B是正常的DOM,C是B上的某个元素,这里是链接。场景是点击A的时候A消失,结果点到了C,页面发生了跳转,这显然不是咱想要的~下面我们来监测点击事件:var div1 = ...

2018-07-14 09:47:16 265

转载 Git使用教程,最详细,最傻瓜,最浅显,真正手把手教

预警:因为详细,所以行文有些长,新手边看边操作效果出乎你的预料)一:Git是什么?Git是目前世界上最先进的分布式版本控制系统。工作原理 / 流程:Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库二:SVN与Git的最主要的区别?SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所...

2018-07-13 22:32:53 171296 83

转载 移动端屏幕适配

移动端屏幕适配移动端 H5 页面不可遗忘的 meta 标签 viewport<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />这行代码的作用是设置视口的宽度(其实就是页面的宽度)等于设备宽度,页面不缩放并且也不允许用户进行缩放。把一个普通的PC端页面(未加入...

2018-07-13 22:21:09 241

原创 localStorage和sessionStorage的区别与联系

 localStorage和sessionStorage的区别与联系:                                                                                   存储大小 存储位置 保存时间常用方法localStorage20Mb左右 硬盘当中  ,同一浏览器不同页面能共享,不同浏览器之间不能共享数据 如果不进行手动销毁,存...

2018-06-02 20:40:02 207

原创 em与rem的区别与使用

一:区别(1)em:em是一种相对长度单位,相对于自身元素的字号大小,如果没有设置即参照父容器的字号大小或浏览器默认字号大小。        举例:如一个div#box的宽度设置为#box{ width:10em },其字号大小#box{ font-size:14px },则此div的宽度为140px。(2)rem: rem是css3的新标准也是一种相对长度单位,其相对于HTML根标签的字号大小。...

2018-05-29 20:48:15 11152

转载 五大主流浏览器及四大内核

任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有:IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游...

2018-05-22 09:32:18 279

原创 关于PHP连接mysql数据库后出现乱码的问题

一般而言出现中文乱码有两种情况:一:PHP代码和数据库编码方式不一致:一般解决此问题的思路:将数据库重新设置编码格式:解决问题的具体方法:1.将数据库的配置文件的编码格式改为和你PHP代码所用编码格式一致。2.在取到$conn值后给拿到的返回对象(资源)$conn设置编码格式(以字符编码utf-8为例):mysqli_set_charset($conn,"utf-8")。二:PHP代码所用编码格式...

2018-04-19 11:01:31 437

空空如也

空空如也

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

TA关注的人

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