实战项目
关注
分享
扫一扫
文章平均质量分 55
七元八角oooo
font-end developer
展开
-
小米商城 -- vue项目实战
后端连接已不可用，该项目无效！想看看前端代码还是可以接着阅读！github:小米商城源码账号：sunyu 密码：123456 该项目是对小米商城系统的模仿，实现了从浏览商品到结算商品的整个过程，其中包括了商品列表、根据价格筛选商品、对商品 排序、登录、加入购物车、结算等功能 前台使用vue-cli构建了请求服务器，使用了Vue框架，还使用了vue-router...原创 2018-08-05 23:19:26 · 18259 阅读 · 9 评论 -
微信小程序实现组件化传参
index.js:// components/like/index.jsComponent({ /** * 组件的属性列表 */ properties: { like: { type:Boolean, }, count: { type:Number, } }, /** * 组件的初始数据 */...原创 2018-11-27 00:03:35 · 862 阅读 · 0 评论 -
JavaScript面向对象写个轮播图
源码： 实战地址兼容IE，通过透明度控制图片的显示。1. 面向对象：对外统一提供调用接口的编程思想。 js中Prototype属性解释及常用方法 通过对象的原型属性和方法创建： 在对象原型附加的属性或者方法将成为对象实例化的一部分，类似一个父类，新创建的对象都继承了prototype的属性和方法。这是因为当一个对象被创建时，这个构造函数 将会把它的属性pro...原创 2018-08-20 18:55:54 · 1292 阅读 · 0 评论 -
vue 编译的错误 Failed to load resource: net::ERR_FILE_NOT_FOUND
1.vue-cli npm run dev 可以看到，但是通过dist文件下的index.html直接打开没显示：报错信息： Failed to load resource: net::ERR_FILE_NOT_FOUND在webpack.base.conf.js里，添加： output: { path: config.build.assetsRoot, fi...原创 2018-08-22 23:50:53 · 5296 阅读 · 0 评论 -
html5，css3实战
预览地址：预览github源码：源码1. 网页开发HTML5：BEM开发模式，BEM代表块（Block），元素（Element），修饰符（Modifier）。CSS3：过渡动画、帧动画JS： 元素获取，事件响应处理2. 准备标注工具：像素大厨雪碧图拼接：gopng3. 开发项目骨架：<!DOCTYPE html><html ...原创 2018-08-19 09:07:41 · 5036 阅读 · 2 评论 -
better-scroll 实现无缝轮播
better-scroll 适用于解决移动端各种滚动场景，滚动列表、轮播图等。better-scroll新版本设置轮播图有一些变动。slider.vue：结构及部分样式设置： <div class="slider" ref="slider"> <div class="slider-group" ref="sliderGroup">原创 2018-07-11 00:51:45 · 3646 阅读 · 6 评论 -
Vue音乐播放器 -- 歌单数据获取
歌单数据的请求头中有域名Host、来源Referer，所以请求的接口应该是有加上该域名和来源，直接请求就会报HTTP-500错误。是由于前端不能直接修改request header，所以要通过后端代理的方式解决。采用 axios 在node.js中发送http请求npm i axios 定义路由，通过axios发送一个Http请求，同时修改header中的和QQ...原创 2018-07-15 20:13:17 · 1775 阅读 · 0 评论 -
node.js进行web开发
引： 一起来学node.js目录1. 安装mangodb数据库2. know more 3. npm安装模块是不会写入package.json中4. 设置路由，渲染模板5. 中间件与next6. node创建一个博客：包含登录、注册、发表文章等功能利用node.js实现一个包括路由控制，页面模板，数据库访问，用户注册，登录，会话功能的系统。1. 安装m...原创 2018-08-01 16:21:06 · 648 阅读 · 0 评论 -
微信小程序 封装函数
1. 回调方式封装: http 请求classic.js文件:class HTTP { //http 请求类, 当noRefech为true时，不做未授权重试机制 request(params) { var that = this var url = this.baseRestUrl + params.url; if (!params.method) {...原创 2019-01-06 22:53:28 · 1272 阅读 · 0 评论