08 2020 档案
摘要：for循环 filter()、map()、reduce()、链式编程、箭头函数 filter()中的回调函数有一个要求,必须返回一个boolean值,true:当返回为true时,函数内部会自动将这次回调的n加入到新的数组中,false:当返回为false时,函数内部会过滤掉这次的n map()作为
阅读全文
摘要：一、骰子的布局 骰子的一面，最多可以放置9个点。 下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。 如果不加说明，本节的HTML模板一律如下。 <div class="box"> <span class="item"></span> </div> 上面代码
阅读全文
摘要：注意： 嵌套路由中以“/”开头的嵌套路径会被当作根路径，所以子路由上不用加“/”; 在生成路由时，主路由上的path会被自动添加到子路由之前，所以子路由上的path不用在重新声明主路由上的path了。 参考：https://www.cnblogs.com/vickylinj/p/10900349.h
阅读全文
摘要：注意：在子组件中 获取参数的时候是$route.params而不是$router.params 这很重要~~~ 通过@click方法传参跳转 参考：https://www.cnblogs.com/qiu2841/p/11018190.html
阅读全文
摘要：特点 支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造) 安装 用 npm: npm install axios 用 bower: bower install axios 用 cdn: <
阅读全文
摘要：路由配置： 方法一：通过props属性传参，判断当前路由是否跟props参数相同。 导航公共组件Header.vue 首页（父组件）： 列表页（父组件）： 。。。（以此类推） 方法二：通过获取当前路由 方法三：$route.name.indexOf(val) == -1 方法四：在主入口文件App.
阅读全文
摘要：在项目根目录下创建vue.config.js文件 vue.config.js内容： const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__
阅读全文
摘要：引入jQuery 1、 引入jquery npm install jquery --save-dev 2、在项目根目录下的build目录下找到 webpack.base.conf.js 文件，在开头使用以下代码: const webpack = require('webpack') 然后在modul
阅读全文
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。
阅读全文
摘要：引入jquery 1、下载jquery npm install jquery --save-dev 2、vue.config.js中webpack配置configureWebpack添加jquery插件 在项目根目录下创建文件vue.config.js，与package.json同级。 const
阅读全文
摘要：为什么要有hash 和history？ 对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。 为了达到这一目的，浏览器当前提供了一下两种支持： 1、hash - 即地
阅读全文
摘要：在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 l
阅读全文
摘要：JSON对象 是直接可以使用JQuery操作的格式 JSON字符串 仅仅只是一个字符串，一个整体，不截取的话没办法取出其中存储的数据，不能直接使用 JSON数组 元素是json对象的数组,就是json数组 JSON对象 var str2 = { "name": "deluyi", "sex": "m
阅读全文
摘要：标签的选中与否 知识点：事件绑定catchtap,传参，class样式三元运算符，传参data- <view class="title">您好，请选择标签？</view> <view class="bq"> <text catchtap="bqCheck" wx:for="{{biaoqian}}"
阅读全文
摘要：一、获取url及url参数的方法 若获取地址 http://localhost:8080/index.html?id=132 中的id的值，只需要，在js文件中加入下面代码（为jq扩展方法getUrlParam ） 便可以通过方法$.getUrlParam('id')获取URL的数据 //获取url
阅读全文
摘要：之前就一直受这个问题的困扰，在写ajax加载数据的时候发现，后面追加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?那么，我们通过下面的示例简单说明。 示例如下： <div> <ul id="demo"> <li>Kubernetes：下一代分布式系统的护戒使者
阅读全文
摘要：<router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的 <a> 标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名 <router-link>组件的属性有： to 、repl
阅读全文
摘要：一、Flex布局实现头尾固定、中间内容自适应 头尾固定，中间区域可以滑动效果是移动端最常见的效果，以京东页面为例。以前开发时常用的方法是用固定布局position:fixed;实现，但是该方法在ios上或者其他机型上会出现问题。现在，可以用flex方法快速实现该布局。 <div class="wra
阅读全文
摘要：<div class="tags-select"> <label class="tag-select"> <input type="radio" name="version" value="1"> <span class="name">全网通（2GB 16GB）</span> </label> <l
阅读全文
摘要：原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给元素设置为透明，然后通过定位让用户看到的是元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即 input[type=checkbox]:checked+label{} 一、利用
阅读全文
摘要：$route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了
阅读全文
摘要：搭建项目之前，请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。 如何安装node? 安装好node默认已经安装好npm了，所以不用单独安装了。 如何安装vue cli? 剧场环境已搭建好，开始表演！ 1. 进入一个目录，创建项目 对应命令： vue cr
阅读全文
浙公网安备 33010602011771号