11 2019 档案
摘要：我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是<head>标签内部里面）引入所需要的JavaScript文件还是应该在尾部（也就是</body>之前）引入所需要的JavaScript文件呢？今天我们就来深
阅读全文
摘要：本文介绍一下Css伪类:is和:not，并解释一下is、not、matches、any之前的关系 :not The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it
阅读全文
摘要：我们已经习惯用 JavaScript 实现常见的 UI 功能组件，如手风琴、工具提示、文本截断等。但是随着 HTML 和 CSS 新特性的推出，不用再支持旧浏览器，我们可以越来越少用 JavaScript 来创建 UI 组件，更多地集中在代码的逻辑部分(验证、数据处理等)。 有些实现方案确实感觉有点
阅读全文
摘要：什么是 IconFont 顾名思义，IconFont 就是字体图标。严格地说，就是一种字体，但是，它们不包含字母或数字，而是包含符号和字形。您可以使用 CSS 设置样式，就像设置常规文本一样，这使得 IconFont 成为 Web 开发时图标的热门选择。 IconFont 的背景 WebFont 我
阅读全文
摘要：axios使用 作为全局对象来使用，不像vue-resource挂在在Vue实例上。 引入 <script src="..../axios.min.js"></script> npm install axios --save 提供API get axios.get('../package.json'
阅读全文
摘要：1，传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。 JQuery ajax 是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年
阅读全文
摘要：随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本身就非常详细！！有这个还要什么自行车！！所以推荐大家学习这种库，最好详细阅读其官方文档。大概翻译
阅读全文
摘要：（1）浏览器本身并不认为.vue文件，所以必须对.vue文件进行加载解析，此时需要vue-loader （2）类似的loader还有许多，如：html-loader、css-loader、style-loader、babel-loader等 （3）需要注意的是vue-loader是基于webpack
阅读全文
摘要：目标 本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性： 其它开发者或是团队成员更容易阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能 更容易使用现有的工具 更容易实现缓存以及代码包的分拆 本指南为 De Voorhoede 参考 RiotJS
阅读全文
摘要：组件化开发 前端组件化是现在前端框架中一个非常重要的思想元素，将页面内容进行拆分之后，可独立维护，可复用性大大提高。哪个地方出问题，直接去修改的对应的组件即可。团队人员配置多的时候，你写你的header，我写我的footer。相互不影响，不冲突。而组件的合理拆分，也就变成了衡量水平的一个维度之一。
阅读全文
摘要：本质分析： 因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A，相当于你的浏览器通过本地的代理服务A请求了服务端B，浏览器通过服务A并没有跨域，因此就绕过了浏览器的同源策略，解决了跨域的问题。 一、 问题 当浏览器报如下错误时，则说明请求跨域了。 l
阅读全文
摘要：请求顺序验证 1、main.js入口文件 2、vue组件里 3、结果 4.作用 请求拦截→在请求发送前校验数据和参数，有问题则不进行发送 响应拦截→返回数据有误时做出拦截 实例：post请求需要转换数据，此时可以放到拦截器处理，以后方便其他所有组件调用post，不用依次配置qs 入口文件配置： 1、
阅读全文
摘要：（1）全局的 axios 默认值 axios.defaults.baseURL = 'https://api.example.com';/*默认请求路径*/ axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; /*作者认证*/ a
阅读全文
摘要：先分析下生命周期 beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 （1）mounted 很多人跟我说初始化放在Mounted里面， 我问她(他
阅读全文
摘要：【前言】 本文介绍下axios用法，希望对大家有所帮助 这里声明一句：请求数据一般放置到哪里？详见下篇文章 【主体】 （1）下载 npm i axios --save （2）引入axios模块 方式1：在每个页面根组件引入，然后使用 方式2：在入口文件引入，然后通过Vue.prototype 属性，
阅读全文
摘要：用户操作swiper之后，是否禁止autoplay。默认为true：停止。如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。操作包括触碰，拖动，点击pagination等。 Swiper3.x <script> var mySwiper = new S
阅读全文
摘要：【前言】 Vue里发送AJAX有很多工具可以供开发者使用 ①浏览器自带的fetch函数 ②vue之前推荐的vue-resource第三方模块 ③vue官方目前强力推荐的axios第三方模块 axios可以实现跨平台数据请求 【主体】 （1）安装axios npm i axios --save （2）
阅读全文
摘要：这里发现小程序实现步骤,Vue与之类似 先上效果图： <view class="icons"> <swiper indicator-dots="true" indicator-active-color="rgba(0,175,190,.8)" style='height: 360rpx;'> <sw
阅读全文
摘要：问题描述： 用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:'auto'这条属性，加了这条属性过后，每次刷新页面的时候他总是跑到最后一张 亲测有效 分析：默认的是加载的空数组，等数组获取完再加载swiper组件，在
阅读全文
摘要：1、git pull拉取远程线上分支到本地 2、git checkout 分支名（切换至分支） 3、合并分支 ①先切换回主分支git checkout master ②将线上分支新增内容合并至本地master主分支 git merge origin/index-swiper 把线上index-swi
阅读全文
摘要：问题 vue单文件组件中无法修改swiper样式。 解决 1，单文件组件中：新增一个style 不加scoped 让它最终成为全局样式。只在其中操作swiper的样式。 <style lang="scss"> .swiper-container{ .swiper-pagination{ .swipe
阅读全文
摘要：【方案一：padding实现】 原理： 一个元素的 padding，如果值是一个百分比，那这个百分比是相对于其父元素的宽度而言的，padding-bottom 也是如此。 使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果，将 padding-bottom设置为想
阅读全文
摘要：报错： vue报这个错 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot
阅读全文
摘要：公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。 搭建可
阅读全文
摘要：第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible npm install lib-flexible --save-dev 二、在项目入口文件main.js中引入lib-flexible import 'lib-flexible/flexible.js' 三、在项目
阅读全文
摘要：移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无
阅读全文
摘要：在vue项目中我们常用npm install 安装模块或插件 有两种命令把他们写入到 package.json 文件里面去 例如安装axios 安装到开发环境npm axios --save-dev 安装到生产环境npm axios --save 在 package.json 文件里可以看到，使用
阅读全文
摘要：（1）--save和--save-dev 安装到开发环境npm axios --save-dev 安装到生产环境npm axios --save .
阅读全文
摘要：前言 关于什么是移动端1像素边框问题，先上两张图，大家就明白了。 解决方案 将以下代码放在border.css文件中，然后引入 常用className border:整个盒子都有边框 border-top:上边框 border-right:右边框 border-bottom:下边框 border-l
阅读全文
摘要：@charset "utf-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet
阅读全文
摘要：经常会听到比如"为什么我的js代码没执行啊？","我明明发送了请求，为什么反应？","我这个网站怎么加载的这么慢？"这类的问题，那么问题既然存在，就需要去解决它，需要解决它，首先我们得找对导致问题的原因，才能"对症下药"。 每个文件的载入、每次发送的请求也都是一次网络交互，所以在这个面板中，我们能够
阅读全文
摘要：有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，但是稍有不符合，就会在开发过程中一直报错，太影响心情和效率了。所以，还是会选择关闭eslint校验。 在build/webpack.base.conf.js文件中，注释或者删除掉：module->ru
阅读全文
摘要：新生成密钥的时候，git clone或者push的时候，可能会报这样的错误： ``` The authenticity of host 'gitee.com (xxx.xxx.xxx.xxx)' can't be established. ECDSA key fingerprint is SHA25
阅读全文
摘要：. 关于artTemplate模板引擎的详细原理请移步高性能JavaScript模板引擎原理解析，本文只探讨如何使用。初学前端的人一般对于绑定数据都是使用原生js或者jquery来拼接字符串，此为hardcode，而且拼接的过程很头疼，什么单引号双引号，符号嵌入多了就头晕眼花容易出错，如果会调试的话
阅读全文
摘要：参考文章 （1） Github地址：WxValidate 1. 拷贝至util目录 2.项目引入 3.查看wxml匹配规则，通过name 4.在js配置规则 1 import WxValidate from '../../../utils/WxValidate'; 2 3 Page({ 4 5 /*
阅读全文
摘要：简要认识小程序开发 其中小程序的构成是由.wxml、.wxss、.js、.json四种类型构成(下文将简称为四类文件)。其开发方式跟传统网页开发是十分类似的。 .wxml模板文件对应为传统网页开发的.html文件，是一个页面(组件)的骨架。只不过它里面采用的语法跟传统的HTML语法有些差异, 比如标
阅读全文
