Angular7环境搭建报错
摘要：昨天写的2019年Angular7——安装搭建路由方法不太正统，今天又去翻了下angular官网，跟着上面的环境搭建与部署走了一遍 从安装@angular/cli命令行工具开始 本篇主要记录下搭建过程中的报错 1.根据官网教程，首先安装cli npm install -g @angular/cli
阅读全文
posted @ 2019-01-30 10:44
独自去流浪的博客
技术笔记
01 2019 档案
2019年Angular7——安装搭建路由
摘要：Angular 中文官方：https://www.angular.cn/ 为什么要看Angular?我也不知道，因为公司有个Angular的项目要维护。听说Angular的版本已经到7了。以前没怎么玩过这个。所以重头开始尝试。还有，我搜了下，最新的angular7搭建的教程很少（是没有） 打开菜鸟教
阅读全文
posted @ 2019-01-29 18:23
wepy小程序实现选项卡
摘要：先上效果： 本文是基于前面几篇文章： 使用wepy开发微信小程序商城第一篇：项目初始化 使用wepy开发微信小程序商城第二篇：路由配置和页面结构 使用wepy开发微信小程序商城第三篇：购物车（布局篇） wepy小程序实现列表分页上拉加载（1） wepy小程序实现列表分页上拉加载（2） 正文开始： 1
阅读全文
posted @ 2019-01-28 18:20
wepy小程序实现列表分页上拉加载（2）
摘要：第一篇：wepy小程序实现列表分页上拉加载（1） 本文接着上一篇内容： 4.优化-添加加载动画 （1）首先写加载动画的结构和样式 打开list.wpy文件 template结构代码： <template> <view class="list-wrapper"> <!-- 滚动列表 --> <scro
阅读全文
posted @ 2019-01-28 14:11
wepy小程序实现列表分页上拉加载（1）
摘要：使用wepy开发微信小程序商城第一篇：项目初始化 使用wepy开发微信小程序商城第二篇：路由配置和页面结构 列表页效果图： 1.新建列表页 （1）在pages里面新建一个list.wpy文件 初始代码结构如下： <style lang="less"> </style> <template> <vie
阅读全文
posted @ 2019-01-25 15:26
从零开始使用git第三篇：git撤销操作、分支操作和常见冲突
摘要：从零开始使用git 第三篇：git撤销操作、分支操作和常见冲突 第一篇：从零开始使用git第一篇：下载安装配置 第二篇：从零开始使用git第二篇：git实践操作 第三篇：从零开始使用git第三篇：git撤销操作、分支操作和常见冲突 1.撤销操作 官方文档：Git 基础 - 撤消操作 任何时候，你都有
阅读全文
posted @ 2019-01-24 18:25
从零开始使用git第二篇：git的日常操作
摘要：从零开始使用git 第二篇：git的日常操作 第一篇：从零开始使用git第一篇：下载安装配置 第二篇：从零开始使用git第二篇：git实践操作 第三篇：从零开始使用git第三篇：git撤销操作、分支操作和常见冲突 1.创建本地仓库 打开一个有内容or没内容的文件夹 鼠标右键菜单选择Git Bash
阅读全文
posted @ 2019-01-24 17:27
从零开始使用git第一篇：下载安装配置
摘要：从零开始使用git 第一篇：下载安装配置 第一篇：从零开始使用git第一篇：下载安装配置 第二篇：从零开始使用git第二篇：git实践操作 第三篇：从零开始使用git第三篇：git撤销操作、分支操作和常见冲突 什么是git，什么是github，这些文字概念我就不提了，也不建议新手过多纠结于此。搜搜看
阅读全文
posted @ 2019-01-24 11:51
使用jquery.qrcode生成二维码实现微信分享功能
摘要：前言： 最近有个这样的需求，在pc端的商品详情页增加分享功能。 微博分享、QQ好友分享、QQ空间分享这些都很常见。但是微信分享我还没有手动写过（以前改过）。 最终效果如下图： 解决方案：使用jquery.qrcode插件生成二维码 jquery.qrcode cdn地址 参见： https://ww
阅读全文
posted @ 2019-01-24 11:13
使用wepy开发微信小程序商城第三篇：购物车（布局篇）
摘要：使用wepy开发微信小程序商城 第三篇：购物车（布局篇） 前两篇如下： 使用wepy开发微信小程序商城第一篇：项目初始化 使用wepy开发微信小程序商城第二篇：路由配置和页面结构 基于上两篇内容，开始第三篇 上一篇建好了cart.wpy，初始代码结构是这样的： <style lang="less">
阅读全文
posted @ 2019-01-23 12:01
js时间戳转化成日期格式
摘要：前言： 时间戳：1540460693，需转化成时间格式：2018/10/25 // 时间戳转换日期格式 function timeFormat(nS) { let date = new Date(parseInt(nS) * 1000) // 时间戳为10位需乘1000，为13位则不用 let Y
阅读全文
posted @ 2019-01-22 16:11
使用wepy开发微信小程序商城第二篇：路由配置和页面结构
摘要：使用wepy开发微信小程序商城 第二篇：路由配置和页面结构 前言： 最近公司在做一个微信小程序的项目，用的是类似于vue的wepy框架。我也借此机会学习和实践一下。 小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/ wepy官方文档：
阅读全文
posted @ 2019-01-22 13:27
使用wepy开发微信小程序商城第一篇：项目初始化
摘要：使用wepy开发微信小程序商城 第一篇：项目初始化 前言： wepy小程序项目初始化的操作，官方文档看了好几遍，感觉写得不是很清楚。 这篇写得挺好的：小程序开发之wepy 1.初始化项目 （1）全局安装或者更新wepy命令行工具 npm install wepy-cli -g （2）在开发目录中生成
阅读全文
posted @ 2019-01-21 18:05
每日技术总结：jquery datetimepicker,微博QQ好友QQ空间微信等分享接口
摘要：前言： 1.jquery datetimepicker 今天遇到一个日期控件格式的问题，默认选中显示的并不是设定的值，而是当天的日期。于是去查了一遍文档。 参考文章：jquery datetimepicker 配置参数 官方文档：DateTimePicker jQuery plugin select
阅读全文
posted @ 2019-01-21 17:19
mootools常用特性和示例（基础篇2）
摘要：接着上一篇：mootools常用特性和示例（基础篇1） 1.表单操作 html: <form id="myForm" action="submit.php"> <input name="email" value="bob@bob.com" /> <input name="zipCode" value
阅读全文
posted @ 2019-01-17 18:24
mootools常用特性和示例（基础篇1）
摘要：网上关于mootools这个库的信息很少。 公司一些老的项目用到了mootools库，因为要维护，所以接触到了mootools。 mootools（文档）官网：http://www.chinamootools.com/ 举一些常用的特性和方法及其示例 1.dom ready 就像使用jquery需要
阅读全文
posted @ 2019-01-17 18:02
async和await在项目中的应用
摘要：Async基础知识： async函数是ES7标准引入的语法，基于Generator函数实现的，也就是说是Generator函数的语法糖。什么是Generator函数？（留个坑） 返回值是Promise,可以使用then方法来指定下一步操作 使用asyn关键字表明函数是一个async函数，内部使用aw
阅读全文
posted @ 2019-01-17 11:18
表单提交数据格式form data
摘要：前言： 最近遇到的最多的问题就是表单提交数据格式问题了。 常见的三种表单提交数据格式，分别举例说明：（项目是vue的框架） 1.application/x-www-form-urlencoded 提交表单方法，js代码如下： submitForm() { let data = 'title="标题"
阅读全文
posted @ 2019-01-16 19:43
每日技术：Vue实现上传图片功能
摘要：前言： 用vue实现上传图片功能，效果图如下： 先说文件上传控件样式美化怎么做，我有两种方法。 1.先上代码 html部分： <div class="pics-wrapper"> <div class="addimg-bg"> <input type="file" name="uploadImg"
阅读全文
posted @ 2019-01-16 13:53
每日技术总结：setInterval,setTimeout,文本溢出,小程序，wepy
摘要：前言： 项目背景：vue,电商，商品详情页 1.倒计时，倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterval(() => { this.n-- }, 1000) let timer = setTimeout
阅读全文
posted @ 2019-01-10 13:22
每日技术总结：Toast组件，eslint,white-space,animate,$emit
摘要：1.一个优雅的提示是网站必不可少的。 请参考：vue2.0 自定义 提示框（Toast）组件 2.ESLint使用总结 （1）在.eslintrc.js里关闭某条规则， '规则名': 'off'或0 举例： rules: { 'generator-star-spacing': 'off','no-r
阅读全文
posted @ 2019-01-09 17:37
每日技术总结：vue router传参方式，js获取设备高度
摘要：今天貌似没什么问题，23333…… 1.vue router 路由传参的方式 应用情景：从分类页（category.vue）进入商品列表页（list.vue），需要传递商品分类id（catId），商品分类名称（catName）两个参数，列表页通过路由信息拿到catId，去请求列表内容接口。 路由文件
阅读全文
posted @ 2019-01-08 17:20
每日技术总结：filter(),Bscroll
摘要：前言： 这是一个vue的电商项目，使用express后端提供数据。 1.filter()函数。 事情是这样的。我从数据库拿到了所有分类数据。 分类有三个等级。父类，子类，孙类这样。但它们都在同一张表里。 表是这样的： 我要把这样的表数据变成适合前端使用的数据结构。关键在于parent_id，通过pa
阅读全文
posted @ 2019-01-07 17:50
把git仓库从码云迁到github，及git常用命令
摘要：前言 刚开始建仓库的时候，因为网络的原因选择了国内的码云。后来又想换成github，毕竟平时github使用率比较高。 替换远程仓库地址方式如下： git remote set-url origin 你新的远程仓库地址 另附上git常用命令 git remote add origin 你的新远程仓库
阅读全文
posted @ 2019-01-07 08:49
每日技术总结：flex,选项卡,classList,
摘要：1.Flex布局子元素垂直居中 给父元素添加以下样式： .parent { display: flex; align-items: center; } 2.js面向对象的选项卡 见另一篇文章 js面向对象的选项卡 3.classList属性 参考 菜鸟教程 HTML DOM classList属性
阅读全文
posted @ 2019-01-04 12:53
js面向对象的选项卡
摘要：前言： 选项卡在项目中经常用到，也经常写，今天在github突然看到一个面向对象的写法，值得收藏和学习。 本文内容摘自github上的 helloforrestworld/javascriptLab ，稍作删减和整理，仅作记录和自学用途。在此感谢原作者。 html代码如下： <div class="
阅读全文
posted @ 2019-01-04 12:02
每日技术总结：promise,express route,评分，local storage商品浏览历史，
摘要：最近正在用Vue做一个电商项目。利用工作前后空隙时间。 1.promise的使用 点这里 如何在实际项目中使用Promise 2. Express Route 前后端传参的两种方法 （1）req.params 服务端代码如下： const express = require('express') c
阅读全文
posted @ 2019-01-04 09:20
如何在实际项目中使用Promise（入门级）
摘要：你们有没有遇到过这样的情况，ES6看过了，Promise的文字概念都懂，但是我要怎么在项目中去写一个Promise呢？ 那天我就是带着这样的疑问去网上搜了下。最后成功地在项目中应用了Promise，只有实际成功使用一次，才能明白它的前因后果，明白它的用途。 1.这是一个vue的电商项目-商品详情页
阅读全文
posted @ 2019-01-03 13:21
