自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 将本地图片转成base64

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="file" id="inp"><img id="img"&...

2019-09-05 09:23:00 522

转载 将本地项目上传到码云

1,首先在码云上新建一个项目,如下图所示2,本地新建一个文件夹3,进入新建的文件夹,点击鼠标右键,选择git bash here然后在窗口输入 git init 这时候文件夹会多出一个.git文件夹,看不到文件夹的,点击鼠标右键选择“显示不显示隐藏的文件”就可以看到这个文件夹了4,进入刚刚在码云新建的项目里,复制框框里的路径5,然后在回到本地新建...

2019-01-10 09:44:00 169

转载 时间选择器

wxml<view class="tui-picker-content"> <view class="tui-picker-name">时间选择器(选择时分)</view> <picker mode="time" value="{{time}}" start="09:00" end="17:30" bindchange="chan...

2018-10-11 11:32:00 157

转载 react 笔记

1.安装npm install -g create-react-app2.cd到指定的文件目录3.创建项目名称4.根据提示就可以运行项目了转载于:https://www.cnblogs.com/chenmiaosong/p/9581433.html...

2018-09-03 22:03:00 102

转载 vscode 2018 最新配置

{ // VScode主题配置 "editor.tabSize": 2, "editor.lineHeight": 24, "editor.renderLineHighlight": "none", "editor.renderWhitespace": "none", "editor.fontFamily": "Consolas",...

2018-07-23 14:05:00 196

转载 微信小程序之获取用户位置权限(拒绝后提醒)

第一步:由于有可能会多次使用定位的方法,所以我把定位的方法写到App.js中,方便调用App({ //获取用户地理位置权限 getPermission: function(obj) { wx.chooseLocation({ success: function(res) { obj.setData({ a...

2018-07-23 13:53:00 242

转载 微信小程序scroll-view去掉滚动条设置

只需在wxss添加下面这行样式即可/* 去掉scroll-view滚动条设置 */::-webkit-scrollbar{width: 0;height: 0;color: transparent;}转载于:https://www.cnblogs.com/chenmiaosong/p/9328297.html...

2018-07-18 11:38:00 103

转载 微信小程序图片抖动

wxml<view class='game_point_me {{isDoudong?"doudong":""}}' bindtap='pointMe'></view>wxss@keyframes seconddiv{0% {transform: scale(1.4,1.4);}10% {transform: scale(1,1);...

2018-07-17 15:08:00 1284

转载 微信小程序下拉动画

wxml<view class="content-container"> <view class="pick-header" bindtap="onPickHeaderClick"> 筛选pick-header view z-index:60 </view> <view class="pick-contai...

2018-07-04 09:23:00 147

转载 页面view高度计算

我们很多时候有这样一个需求:我们的页面分为上下两个部分或者更多,上半部分或用了固定的rpx设置了高度,我们想要剩下一部分的高度刚好占满剩余窗口的部分。先来看看页面:代码如下:wxml<view class="class_first"> 第一部分内容,高度是固定的rpx</view><view class="class_se...

2018-06-28 17:44:00 210

转载 在vue项目中使用iconfont

1.进入阿里矢量图标网http://www.iconfont.cn/2.在我的项目里面新建项目3.项目创建完成后去图标库添加图标至购物车4.点击右上角的购物车图标,把购物车内图标添加至项目5.在回到我的项目,把图标下载到本地,解压文件6.在解压文件夹中把所有的字体文件和iconfont.css拷贝至项目中,此处需要注意字体文件和iconfont.css的位...

2018-06-28 09:49:00 75

转载 解决vue使用less出现语法报错

要在vue中使用less需要执行以下指令npm install less less-loader --save-dev出现如下图错误直接修改为转载于:https://www.cnblogs.com/chenmiaosong/p/9232902.html...

2018-06-27 11:01:00 2321

转载 解决vue使用sass出现语法报错

要在vue中使用sass需要执行以下两句指令npm install --save-dev sass-loadernpm install --save-dev node-sass出现如下图错误直接修改为转载于:https://www.cnblogs.com/chenmiaosong/p/9230255.html...

2018-06-26 17:31:00 719

转载 直线进度条

jsPage({ data: { progressWidth: 0, progressTime: 60, mark: true, playPausetips: "开始" }, playbtn() { let that = this; let mark = that.data.mark; if ...

2018-06-20 13:08:00 130

转载 使用live-server

npm全局安装npm install -g live-server直接在项目根目录使用命令即可live-server转载于:https://www.cnblogs.com/chenmiaosong/p/9106317.html

2018-05-29 17:42:00 139

转载 webstorm开发微信小程序代码提醒

File---settings点击出来以下页面1.首先FileType下Cascading Style Sheet 添加*.wxss2.FileType下HTML 添加*.wxml将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import settings 中导入即可下载地址:https://github.co...

2018-05-21 16:17:00 279

转载 微信小程序开发之选项卡

1.index.wxml<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">电影</view> <view class="swi...

2018-05-20 23:32:00 106

转载 我的第二个Vue项目

1.可以把router-link 标签设置成你想要的标签(主要设置tag)<router-link tag="div" to="/" class="nav-link">主页</router-link>这样设置就变成div标签了路由跳转的几种方法2.路由跳转到上次浏览的地方3.跳转到指定的位置4.指定跳转路由的名字下...

2018-05-07 14:44:00 97

转载 node下载指定版本

直接上地址https://nodejs.org/zh-cn/download/releases/选择.msi结尾的下载即可转载于:https://www.cnblogs.com/chenmiaosong/p/8918819.html

2018-04-23 14:10:00 3191

转载 我的第一个vue项目构建

在码云上新建项目步骤安装vue脚手架步骤# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-...

2018-04-20 21:11:00 79

转载 js实现二级月日联动菜单

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现二级月日联动菜单</title></head><body> <form ...

2018-04-11 22:03:00 214

转载 webStrom设置打开默认浏览器

File -->settings-->Tools--> Web Browsers转载于:https://www.cnblogs.com/chenmiaosong/p/8795778.html

2018-04-11 14:58:00 225

转载 html-webpack-plugin Configuration配置信息

title: 用来生成页面的 title 元素filename: 输出的 HTML 文件名,默认是 index.html, 也可以直接配置带有子目录。template: 模板文件路径,支持加载器,比如 html!./index.htmlinject: true | 'head' | 'body' | false ,注入所有的资源到特定的 template 或者 temp...

2018-04-04 10:08:00 93

转载 webpack html-webpack-plugin 遍历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title><%= htmlWebpackPlugin.options.title %></title></head><body>   <%= ht...

2018-04-04 09:50:00 348

转载 gulp实现公共html代码复用

1、新建一个项目demo,我这里取名为:gulpdemodemo目录如下2、在gulp目录下安装gulp插件  1、执行:npm init 命令,一直回车,然后生成一个package.json文件  2、安装gulp:npm install gulp --save-dev  3、安装gulp-file-include:npm installgulp-fil...

2018-04-02 23:45:00 295

转载 Webstorm 配置less

安装过程:打开命令行打开cmd,输入“cd C:\Program Files\nodejs”,回车,进入nodejs目录,输入npm install less -g,回车打开webstorm的设置File --> Settings --> Tools --> File Watchers 点击"+"直接确定即可转载于:http...

2018-04-01 23:41:00 61

转载 父组件向子组件传递数据(vue.js)

子组件:<template> <div> <!-- logo 是在data中(父组件)定义的变量 如果需要从父组件中获取logo的值,就需要使用props['logo'], 如30行 在props中添加了元素以后,就不需要在d...

2018-03-30 11:29:00 135

转载 vue引入JQ的方法

在vue中引入jq用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:1.首先在package.json里的dependencies加入"jquery" : "^3.2.1",2.在终端里输入npm install jquery --save-dev当然用 淘宝镜像cnpm也是可以的注意:jquery 一定要小写 不然会提...

2018-03-18 17:13:00 796

转载 webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法

vue支持打开 Settings => File Types 找到 HTML 添加 *.vue这样vue文件就相当于html文件,可以编辑css,js,也都有智能提示。我一般用的是 es6 ,所以vue写es6的代码,webstorm还是会报错。vue里ES6支持将script标签添加type=”es6”属性然后打开 Settings =...

2018-03-17 12:04:00 145

转载 创建脚手架步骤

1.打开项目的路径2.npm install -g vue-cli3.vue init webpack smartisan (smartisan是项目的名称)4.配置5.根据提示操作6.cd smartisan7.npm run dev8.把端口号在浏览器输入即可转载于:https://www.cnblogs.com/chenmiaoso...

2018-03-17 11:33:00 227

转载 JS严格校验身份证号

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS严格校验身份证号</title></head><body> <div align...

2018-03-12 11:57:00 183

转载 微信小程序开发工具 常用快捷键

格式调整  1.Ctrl + [ 代码向左缩进  2.Ctrl + ] 代码向右缩进  3.Ctrl + Shift + [ 代码折叠  4.Ctrl + Shift + ] 代码张开  5.Ctrl + i 选中当前行  6.Alt + Up 代码向上移动一行  7.Alt + Down 代码向下移动一行  8.Shift + A...

2018-03-03 10:13:00 123

转载 GIT 常用命令

一、新建代码库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置)。...

2018-02-24 22:15:00 58

转载 git commit修改提交人的姓名

git config --global user.name "lao.wang"git config --global user.email "qq号码@qq.com"转载于:https://www.cnblogs.com/chenmiaosong/p/8467837.html

2018-02-24 22:10:00 1123

转载 如何创建.gitignore文件,忽略git不必要提交的文件

1、在需要创建 .gitignore 文件的文件夹, 右键选择Git Bash 进入命令行,进入项目所在目录。2、输入 touch .gitignore ,生成“.gitignore”文件。3、在”.gitignore” 文件里输入你要忽略的文件夹及其文件就可以了。(注意格式)我的 .gitignore:转载于:https://www.cnblogs.com/c...

2018-02-24 21:50:00 1437

转载 git pull失败提示fatal: Unable to create 'E:/job/tpaas-web/.git/index.lock': File exists.

git 提交时失败 提示如下错误:fatal: Unable to create 'E:/job/tpaas-web/.git/index.lock': File exists. 解决方法:删除.lock文件 rm-f./.git/index.lock命令执行后再次 git pull 即可转载于:https://www.cn...

2018-02-24 21:36:00 145

转载 webpack 1.x升级过程中的踩坑总结大全

错误:Error: Chunk.entry was removed. Use hasRuntime()卸载npm uninstall extract-text-webpack-plugin --save-dev重新下载 npm install extract-text-webpack-plugin@^2.0.0-beta.4错误:Error: Breaking ch...

2018-02-23 22:24:00 156

转载 原生js数组去重

直接上代码var arr = [2, 3, 4, 4, 5, 2, 3, 6], arr2 = []; for (var i = 0; i < arr.length; i++) { if (arr2.indexOf(arr[i])<0) { arr2.push(arr[i]); ...

2018-02-06 16:26:00 54

转载 jq实现滚动定位

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱淘气购物网-JQuery网页定位导航特效</title> <style> /*All tag*/...

2018-02-04 14:35:00 172

转载 js实现滚动定位

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱淘气购物网-JQuery网页定位导航特效</title> <style> /*All tag*/...

2018-02-04 14:34:00 225

空空如也

空空如也

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

TA关注的人

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