cdgogo

2020年11月18日

【vue】 export、export default、import的用法和区别

摘要： ES6的模块化中，export与export default都可以用于导出常量、函数、文件、模块等，我们可以通过在其它文件或模块中import(常量、函数、文件、模块)的方式导入，但在一个文件或模块中，export、import可以有多个，export default仅有一个。 export的使用阅读全文

posted @ 2020-11-18 14:42 cdgogo 阅读(507) 评论(0) 推荐(0) 编辑

【uni-app】带参数跳转

摘要：传参页面 <view class="comment" @click="comment(detail.goods_id)"></view> methods: { comment:function(id){ uni.navigateTo({ //多个参数用&拼接:ur 阅读全文

posted @ 2020-11-18 14:20 cdgogo 阅读(2327) 评论(0) 推荐(0) 编辑

【uni-app】 onload 和 onshow 的区别

摘要：一、onLoad 只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）二、onShow 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。主要区别：从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。这阅读全文

posted @ 2020-11-18 10:24 cdgogo 阅读(11012) 评论(0) 推荐(1) 编辑

2020年11月13日

uni-app 实现轮播图【数字胶囊】

摘要：官网：https://uniapp.dcloud.io/component/swiper 效果图： <view class="swiper"> <swiper :interval="3000" :duration="1000" :indicator-dots="false" :current="to 阅读全文

posted @ 2020-11-13 12:04 cdgogo 阅读(7410) 评论(0) 推荐(1) 编辑

2020年11月5日

vue-cli脚手架安装

摘要： 1、安装node.js https://blog.csdn.net/qq_43285335/article/details/90696126 node -v 查看版本号 2、安装最新的vue-cli npm install -g @vue/cli # OR yarn global add @vue/ 阅读全文

posted @ 2020-11-05 15:51 cdgogo 阅读(107) 评论(0) 推荐(0) 编辑

2020年10月30日

Mock.random常见语法

摘要：模拟Web数据：生成随机域名(每次运行结果不同)： var Random = Mock.Random Random.domain() // "nhou.org.cn" 生成随机IP(每次运行结果不同) var Random = Mock.Random Random.ip() // "74.97.4 阅读全文

posted @ 2020-10-30 12:01 cdgogo 阅读(1245) 评论(0) 推荐(0) 编辑

mockjs在vue中的使用

摘要：前后端分工协作是一个非常高效的做法，但是有时前后端分离不彻底会很痛苦。前后端应该是异步进行的，进度互不影响，但是在没有mock的时候，前端却严重依赖后端的接口，总会苦苦等待后端接口出来才能继续开发。为了解决这个问题，大神就造了一个轮子，供大家使用--mock.js 关于mock.js，官网描述： 1 阅读全文

posted @ 2020-10-30 10:35 cdgogo 阅读(560) 评论(0) 推荐(0) 编辑

2020年10月29日

如何让HTML引入相同的头部和尾部

摘要：公所周知，大部分的pc项目中有很多个页面，而每个页面几乎都有重复的部分，今天分享得是如何将这些公共布局样式封装起来，在其他的页面中直接调用。这只是其中的一种，也是我从网上找到的。这篇文章是转载的。文章原出处：https://blog.csdn.net/qq_35393869/article/deta 阅读全文

posted @ 2020-10-29 12:15 cdgogo 阅读(1208) 评论(0) 推荐(0) 编辑

2020年8月30日

js高阶函数（一）

摘要： for循环 filter()、map()、reduce()、链式编程、箭头函数 filter()中的回调函数有一个要求,必须返回一个boolean值,true:当返回为true时,函数内部会自动将这次回调的n加入到新的数组中,false:当返回为false时,函数内部会过滤掉这次的n map()作为阅读全文

posted @ 2020-08-30 12:45 cdgogo 阅读(210) 评论(0) 推荐(0) 编辑

Flex布局教程 —— 实例篇(骰子示例)

摘要：一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明，本节的HTML模板一律如下。 <div class="box"> <span class="item"></span> </div> 上面代码阅读全文

posted @ 2020-08-30 11:13 cdgogo 阅读(11030) 评论(0) 推荐(2) 编辑

2020年8月29日

vue-router 路由的嵌套使用方法

摘要：注意：嵌套路由中以“/”开头的嵌套路径会被当作根路径，所以子路由上不用加“/”; 在生成路由时，主路由上的path会被自动添加到子路由之前，所以子路由上的path不用在重新声明主路由上的path了。参考：https://www.cnblogs.com/vickylinj/p/10900349.h 阅读全文

posted @ 2020-08-29 22:05 cdgogo 阅读(220) 评论(0) 推荐(0) 编辑

＜router-link＞动态路由传参并接收参数

摘要：注意：在子组件中获取参数的时候是$route.params而不是$router.params 这很重要~~~ 通过@click方法传参跳转参考：https://www.cnblogs.com/qiu2841/p/11018190.html 阅读全文

posted @ 2020-08-29 21:58 cdgogo 阅读(633) 评论(0) 推荐(0) 编辑

axios框架的使用（网络请求相关）

摘要：特点支持浏览器和node.js 支持promise 能拦截请求和响应能转换请求和响应数据能取消请求自动转换JSON数据浏览器端支持防止CSRF(跨站请求伪造) 安装用 npm: npm install axios 用 bower: bower install axios 用 cdn: < 阅读全文

posted @ 2020-08-29 21:34 cdgogo 阅读(386) 评论(0) 推荐(0) 编辑

导航遍历并激活当前样式的方法

摘要：路由配置：方法一：通过props属性传参，判断当前路由是否跟props参数相同。导航公共组件Header.vue 首页（父组件）：列表页（父组件）：。。。（以此类推）方法二：通过获取当前路由方法三：$route.name.indexOf(val) == -1 方法四：在主入口文件App. 阅读全文

posted @ 2020-08-29 21:16 cdgogo 阅读(220) 评论(0) 推荐(0) 编辑

文件路径的引用问题（配置文件路径vue.config.js）

摘要：在项目根目录下创建vue.config.js文件 vue.config.js内容： const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__ 阅读全文

posted @ 2020-08-29 21:06 cdgogo 阅读(2977) 评论(0) 推荐(0) 编辑

vue-cli2引入Bootstrap和jQuery

摘要：引入jQuery 1、引入jquery npm install jquery --save-dev 2、在项目根目录下的build目录下找到 webpack.base.conf.js 文件，在开头使用以下代码: const webpack = require('webpack') 然后在modul 阅读全文

posted @ 2020-08-29 21:01 cdgogo 阅读(516) 评论(0) 推荐(0) 编辑

2020年8月26日

ES6常用语法总结

摘要： ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。阅读全文

posted @ 2020-08-26 16:20 cdgogo 阅读(263) 评论(0) 推荐(0) 编辑

vue-cli4引入jquery和bootstrap

摘要：引入jquery 1、下载jquery npm install jquery --save-dev 2、vue.config.js中webpack配置configureWebpack添加jquery插件在项目根目录下创建文件vue.config.js，与package.json同级。 const 阅读全文

posted @ 2020-08-26 15:50 cdgogo 阅读(1254) 评论(0) 推荐(0) 编辑

2020年8月25日

vue-router的两种模式（hash和history）及区别

摘要：为什么要有hash 和history？对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了一下两种支持： 1、hash - 即地阅读全文

posted @ 2020-08-25 20:37 cdgogo 阅读(274) 评论(0) 推荐(0) 编辑

本地存储localStorage的用法总结

摘要：在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 l 阅读全文

posted @ 2020-08-25 17:43 cdgogo 阅读(472) 评论(0) 推荐(0) 编辑

JSON字符串，JSON对象，JSON数组的区别与相互转换

摘要： JSON对象是直接可以使用JQuery操作的格式 JSON字符串仅仅只是一个字符串，一个整体，不截取的话没办法取出其中存储的数据，不能直接使用 JSON数组元素是json对象的数组,就是json数组 JSON对象 var str2 = { "name": "deluyi", "sex": "m 阅读全文

posted @ 2020-08-25 16:47 cdgogo 阅读(314) 评论(0) 推荐(0) 编辑

小程序项目实例——招聘

摘要：标签的选中与否知识点：事件绑定catchtap,传参，class样式三元运算符，传参data- <view class="title">您好，请选择标签？</view> <view class="bq"> <text catchtap="bqCheck" wx:for="{{biaoqian}}" 阅读全文

posted @ 2020-08-25 16:26 cdgogo 阅读(367) 评论(0) 推荐(0) 编辑

使用jquery获取url及url参数的方法

摘要：一、获取url及url参数的方法若获取地址 http://localhost:8080/index.html?id=132 中的id的值，只需要，在js文件中加入下面代码（为jq扩展方法getUrlParam ）便可以通过方法$.getUrlParam('id')获取URL的数据 //获取url 阅读全文

posted @ 2020-08-25 16:13 cdgogo 阅读(2079) 评论(0) 推荐(0) 编辑

jQuery绑定动态元素的点击事件无效

摘要：之前就一直受这个问题的困扰，在写ajax加载数据的时候发现，后面追加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?那么，我们通过下面的示例简单说明。示例如下： <div> <ul id="demo"> <li>Kubernetes：下一代分布式系统的护戒使者阅读全文

posted @ 2020-08-25 16:04 cdgogo 阅读(255) 评论(0) 推荐(0) 编辑

＜router-link＞属性详解

摘要： <router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的 <a> 标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名 <router-link>组件的属性有： to 、repl 阅读全文

posted @ 2020-08-25 15:53 cdgogo 阅读(2110) 评论(0) 推荐(0) 编辑

公告