2019 年 8月随笔档案 - Web引领者

web前端知识点反思总结

摘要：当别人问你之前的知识，我们便会勾起之前的回忆，然后进行一番痛苦的挣扎后，发现我依然记得你什么是 DTD ？文档类型定义 (DTD) 可定义合法的 xml 文档的构建模块，他是使用一系列合法的元素来定义文档的结构 DTD 可被成行的声明于 XML 的文档，也可作为一个外部引用 DOCTYPE 是阅读全文

posted @ 2019-08-30 10:36 Web引领者阅读(508) 评论(0) 推荐(0)

React 脚手架

摘要：React 脚手架，来让我们快速的搭建起来一个 React 的项目 1. 全局安装 React 的脚手架 npm i -g create-react-app 2. 创建项目 create-react-app 项目名 3. 进行项目指令： cd 项目名 4. 运行项目： npm start 这样我们阅读全文

posted @ 2019-08-29 17:27 Web引领者阅读(369) 评论(0) 推荐(1)

npm转成别的下载地址的插件

摘要：第一种方式 1. 查看当前计算机的下载地址 npm get registry 2. 修改为淘宝npm镜像 npm config set registry http://registry.npm.taobao.org/ 3. 修改为cnpmjs镜像 npm config set registry ht 阅读全文

posted @ 2019-08-29 14:52 Web引领者阅读(1491) 评论(0) 推荐(0)

React

摘要：React 是由 Facebook 发明及维护，当前最流行的框架，生态链完善使用 script 来引入有关 React 的 js 文件主要进入的文件是 react.development.js // react 的文件依赖 react-dom.development.js // react 的阅读全文

posted @ 2019-08-28 21:22 Web引领者阅读(783) 评论(0) 推荐(0)

React 番外篇

摘要：小技巧：如果我们想了解一门技术，不知道如何学习，那就在 BOSS 直聘上，来看看对这门技术的要求这篇给大家讲的是 React 1.0 的初始版本，仅仅是让大家有个了解，毕竟回顾历史，我们才能找到他最初的样子； React 是 FaceBook 来发明及维护的 React 的特点：1. jsx 语法阅读全文

posted @ 2019-08-28 11:38 Web引领者阅读(124) 评论(0) 推荐(0)

超出省略点

摘要：单行超出省略 #div1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; } 多行超出省略（这里时两行超出省略，如果时多行的话，改下面的数字即可） #div1{ over 阅读全文

posted @ 2019-08-27 17:16 Web引领者阅读(857) 评论(0) 推荐(0)

vue中getters不更新数据解决办法

摘要：在 Vue.js devtools 中看到，我们明明更改了仓库 state 中的数据，但是我们的 getters 就是值渲染一次之后就不再重新渲染了解决方法：使用 Vue.set() 方法，就是专门解决这个问题的，且我们只要是修改 state 里面的属性，不管是什么属性，都应该使用 Vue.set 阅读全文

posted @ 2019-08-27 08:38 Web引领者阅读(3764) 评论(0) 推荐(0)

vue中如何刷新页面

摘要：vue中刷新页面的方法 1. 不能使用 this.$router.go(0) 或者 window.reload() 不起作用还特别恶心这个才是有效果的刷新页面，只要照图敲，就能有效果我们在 app.vue 中就是有 router-view 标签的组件 html 结构 js 的部分如果别的组件用阅读全文

posted @ 2019-08-27 08:30 Web引领者阅读(3162) 评论(0) 推荐(0)

vue中样式被覆盖的问题

摘要：在我们引入外部的样式时，发现自己无论如何都改不了外部的样式，自己的样式老被覆盖，究其原因还是我们的外部样式放的位置不对 main.js 我们应该在 main.js 的开头引入样式，这样的话就不存在覆盖的问题了阅读全文

posted @ 2019-08-27 08:22 Web引领者阅读(3514) 评论(0) 推荐(0)

Error in render: "TypeError: Cannot read property 'url_img' of undefined"

摘要：如果我们 vue 组件中 template 里面添加了下标（靠数组索引得到的值），就会报索引为 undefined 解决方法：在我们使用下标时，要在父组件上做条件判断，如果这个下标存在，然后就显示里面的内容，这样就不会报 undefined 了，阅读全文

posted @ 2019-08-27 08:19 Web引领者阅读(1030) 评论(0) 推荐(0)

学习 vue 需要了解的内容

摘要：总结 vue 的目录 1. vue 基础指令事件动态的属性组件动画 2. vue 组件通信 1. 父传子 props 2. 子传父 ref 3. 插槽 4. 组件的生命周期 3. vue 的路由 1. 路由的配置 2. 动态路由 3. 路由的按需加载 4. 路由的缓存 5. 路由的导航守卫阅读全文

posted @ 2019-08-22 10:38 Web引领者阅读(516) 评论(0) 推荐(0)

gulp自动化构建工具

摘要：gulp 安装： 1. 全局安装 npm i -g gulp-cli npm i -g gulp 2. 局部安装 npm i gulp -D 然后 gulp 就安装完了 Gulp是基于node的一个自动化构建工具，开发者可以使用它构建自动化工作流程（前端集成开发环境）。例如：网页自动刷新，CSS预处阅读全文

posted @ 2019-08-22 10:25 Web引领者阅读(227) 评论(0) 推荐(0)

vue 混入 mixin，自定义指令，过滤器

摘要：vue 混入 mixin ，分发 vue 组件中重复的功能局部的书写格式 // mixin.js var mymixin = { // 这是一个对象：对象里面的写法与组件里面的写法一模一样，组件该怎么写，这就怎么写 data(){ return { a:"hello world" } } } ex 阅读全文

posted @ 2019-08-21 11:09 Web引领者阅读(697) 评论(0) 推荐(0)

vuex 讲解

摘要：vuex 状态的管理状态，它采用集中式存储管理应用的所有组件的状态，尤其是在中大型项目，则是很好的开发利器 vuex 的流程图 vuex 的优势： 1. vuex 的存储状态，响应式的 2. 他是所有组件状态的集合 vuex 的四种状态 state ：就是数据仓库；也是我们仓库存放数据的地方 mut 阅读全文

posted @ 2019-08-20 17:27 Web引领者阅读(444) 评论(2) 推荐(0)

axios的拦截器（Interceptors）

摘要：axios 的拦截器：interceptors 如果我们想在请求之前做点什么，用拦截器再好不过了拦截器一般做什么？ 1. 修改请求头的一些配置项 2. 给请求的过程添加一些请求的图标 3. 给请求添加参数 1. 全局的拦截器配置代码： axios.interceptors.request.use 阅读全文

posted @ 2019-08-19 18:49 Web引领者阅读(27206) 评论(0) 推荐(0)

vue-lazyload 的vue 懒加载的使用

摘要：vue-lazyload vue 图片懒加载的使用下载 vue-lazyload npm i vue-lazyload -S 使用 vue-lazyload 在 src 下面的 main.js 的文件中引入 vue-lazyload 的插件在 img 标签的写法阅读全文

posted @ 2019-08-18 21:17 Web引领者阅读(1552) 评论(0) 推荐(0)

-webkit-scrollbar 的使用，滚动条的隐藏

摘要：滚动条的隐藏 -webkit-scrollbar 是一个伪类选择器设置滚动条的样式例如滚动条的隐藏元素::-webkit-scrollbar{ width:0; } 阅读全文

posted @ 2019-08-18 18:52 Web引领者阅读(4761) 评论(0) 推荐(0)

vue 按需加载，缓存，导航守卫

摘要：开发中的注意事项：代码性能的优化 1. 减少对第三方的依赖，降低耦合度 2. 加强组件的重复利用率 3. 按需加载 4. 缓存（尽量发送请求后保存数据） 5. 开发过程中，尽量有着面向对象的思想，这个组件的方法尽量在这个组件上 vuex mit-ui axios better-scroll 还算是阅读全文

posted @ 2019-08-16 17:03 Web引领者阅读(486) 评论(0) 推荐(0)

vue图片的处理技巧

摘要：我们想用 post 向后台发送字符串类型的数据；我们可以不适用 data 来进行数据传输，而是用 params 来进行数据传输代码的简洁之道：分模块化书写； vue 里面提供对图片的监听事件：load vue 中用于监听图片 img 是否加载成功的事件：load vue 的图片懒加载 vue-la 阅读全文

posted @ 2019-08-15 19:29 Web引领者阅读(2063) 评论(0) 推荐(0)

vscode 占内存的方法

摘要：1.修复vs code 造成 rg.exe内存占用过大的问题 search.followSymlinks: false 2.修复vs code 造成 git.exe内存占用过大的问题 git.enabled: false git.autorefresh: false 阅读全文

posted @ 2019-08-15 16:40 Web引领者阅读(1975) 评论(0) 推荐(0)

vue-cli 3x 的使用

摘要：当我们使用 npm 下载过文件之后，里面就会有缓存我们要使用 npm cache clean --force 来清除缓存创建项目：vue create 文件名然后：cd 文件名启动程序：npm run serve 打包指令：npm run build 打包指令遇到的问题？当我们的打包好后，阅读全文

posted @ 2019-08-15 11:23 Web引领者阅读(299) 评论(0) 推荐(0)

vue事件.navtive 的使用

摘要：我们可以直接在组件标签上绑定事件了然后在 methods 的对象中调用这个方法了正常情况下是不可以的，但是我们可以使用事件修饰符 .navtive 就可以实现了 props的对象写法阅读全文

posted @ 2019-08-14 21:36 Web引领者阅读(621) 评论(0) 推荐(0)

better-scroll 的介绍

摘要：配置项中的 probeType 属性，是number，当值为 0 ，不会实时监听 scroll 事件，设置为 2 - 3 ，可以实时监听 scroll 事件 pullUpload 选项，设置为 false ，不会开启上拉加载的功能，threshold:50 ，上拉多少像素当dom 结构发生变化的时阅读全文

posted @ 2019-08-14 21:31 Web引领者阅读(495) 评论(0) 推荐(0)

快速查找 js 插件

摘要：我们是否为一个插件找半天找不到而烦恼 BootCDN 现在不用了，我们可以在 https://www.bootcdn.cn/ 中查找我们想要的任何插件，然后点进去，一直到点进去文件，我们便可以得到这个插件里面的内容了阅读全文

posted @ 2019-08-13 20:53 Web引领者阅读(426) 评论(0) 推荐(0)

better-scroll 介绍

摘要：碰到一个项目，应该遵守两大规则： 1. 不要让项目产生过多的第三方依赖 2. 增强组件的应用率尽可能的将东西写在组件里面，尽可能的将数据写活，通过组件通信来进行数据转换，用到的依赖处理，我们可以通过先处理，在让项目中的文件，来依赖我们的处理的文件，这样我们只需要改处理的文件即可，将数据写活，尽可能阅读全文

posted @ 2019-08-13 19:57 Web引领者阅读(5399) 评论(0) 推荐(0)

promise 异步编程

摘要：Promise es6 是异步编程的解决方案；回调里面套回调，次数过多，造成的现象叫，回调地狱 promise 提供了三种状态，分别是 pending 进行时的状态，fulfilled 成功的状态，它会自动调用一个叫 resolve 的方法，rejected 拒绝的状态，会自动调用 reject 阅读全文

posted @ 2019-08-12 19:16 Web引领者阅读(228) 评论(0) 推荐(0)

vue网址路由的实时检测

摘要：有些时候，我们需要实时的检测网址，来进行判断，操作，处理等等我们需要使用 watch 的监视器，然后直接进行操作我们需要 ’$route.path‘ 属性来进行监听，且需要加引号，然后只要页面一发生改变，我们就能实时的捕获到页面的路由了但有时我们也需要在 created(){} 的生命周期中，阅读全文

posted @ 2019-08-10 19:41 Web引领者阅读(602) 评论(0) 推荐(0)

浏览器本地存储的使用

摘要：浏览器的本地存储，我们的数据如果想每次打开浏览器都可以访问到的话，我们就必须使用本地存储这个功能 localStorage 对象，便可以帮我们实现这个功能 localStorage.setItem("car",JSON.stringify(state.car)); 来存储我们的数据，第一个参数对应的阅读全文

posted @ 2019-08-10 16:12 Web引领者阅读(588) 评论(0) 推荐(0)

获取元素的位置

摘要：想要获取元素的位置：我们可以使用 getBoundingClientRect() 的方法；他的返回值中，提供了元素的窗口到元素的距离，并不是页面理解：getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等阅读全文

posted @ 2019-08-10 12:15 Web引领者阅读(959) 评论(0) 推荐(0)

如何设置动画的运动效果

摘要：我们是否为动画匀速，先慢后快，还是先快后慢，等等一系列的而烦恼，不管怎样都找不到适合自己的效果接下来，为大家介绍一个网站 https://cubic-bezier.com 专门设置速度的地方用法特别简单：只要是用到了速度的地方，用它即可阅读全文

posted @ 2019-08-10 11:36 Web引领者阅读(226) 评论(0) 推荐(0)

axios 的用法解析

摘要：axios 的非常好的请求数据方式，利用了 promise 的方式来进行的操作首先 promise 是非常好的处理异步请求的方式，且拥有高并发请求的能力并发请求：出现大量的异步请求后，一起处理 axios 的基本用法下载：npm i axios -S 引入：import axios from 阅读全文

posted @ 2019-08-09 17:54 Web引领者阅读(887) 评论(0) 推荐(0)

将 vue 的项目放在手机上查看及测试 bug

摘要：首先：我们应该让电脑和手机处在同一个局域网下面，最简单的方法，就是让手机链接电脑的 WiFi ，或者让电脑链接手机的 WiFi ，然后得到我们的 ip 地址在电脑上获取 ip 地址就行获取方法：window + r 》 cmd 》 ipconfig 三个指令然后我们的vue项目，先去下载 v 阅读全文

posted @ 2019-08-09 10:00 Web引领者阅读(1028) 评论(0) 推荐(0)

better-scroll 滑动插件的使用

摘要：better-scroll 滑动插件的使用拥有的效果：下拉刷新、上拉加载、滑动、轮播阅读全文

posted @ 2019-08-09 08:39 Web引领者阅读(164) 评论(0) 推荐(0)

vue-preview 缩略图

摘要：如果我们在 vue 中想使用缩略图的话，可以使用 vue-preview 的插件小图的缩略大图的样式使用方法：vue-preview 下载： npm i vue-preview 使用方法：在 src 目录中的 main.js 中使用 import VuePreview from 'vue- 阅读全文

posted @ 2019-08-08 21:08 Web引领者阅读(1451) 评论(0) 推荐(0)

取消 vue 的严格模式

摘要：vue 中有个 ' use strict ' 为严格模式，导致我们的一些东西都不可以使用，使用便会报错解决方法：我们下载 babel-plugin-transform-remove-strict-mode 的插件下载插件：npm install babel-plugin-transform-r 阅读全文

posted @ 2019-08-08 15:56 Web引领者阅读(11349) 评论(2) 推荐(1)

moment 时间格式化

摘要：使用方法；引入 moment 的包 moment(要处理的时间).format(时间的格式)； vue 的过滤器为例： str 代表要处理的时间 orf 代表时间的格式阅读全文

posted @ 2019-08-07 20:59 Web引领者阅读(684) 评论(0) 推荐(0)

Promise 的使用

摘要：Promise 的使用，用于异步处理，以及解决地狱回调的； 1. Promise 是一个构造函数，既然是构造函数，我们就可以 new Promise() 就可以得到一个 Promise 的实例 2. 在 Promise 上分别有两个函数，分别叫做 reslove（成功的回调函数）和 reject 阅读全文

posted @ 2019-08-07 19:21 Web引领者阅读(186) 评论(0) 推荐(0)

axios的数据请求方式及跨域

摘要：express 的三大功能：静态资源、路由、模板引擎 app.use(express.static('www')); 只要是创建这个静态的目录，这个 www 的静态目录里面的文件就可以被访问数据的请求方式 axios get 的请求方式 axios.get('url地址').then(funct 阅读全文

posted @ 2019-08-06 17:28 Web引领者阅读(1645) 评论(0) 推荐(0)

vuex 的介绍

摘要：vue-cli 中 css 的作用域 scoped vue 数据的为响应数据，一改全改，一变全变的特性，我们的很多处理也会围绕着他 vuex 是处理数据的，是 vue 的数据仓库 vuex 的作用：采用集中式存储管理所有组件的数据状态，并且组件和 store（后台数据）是响应的当然，作为一个有梦想阅读全文

posted @ 2019-08-05 17:39 Web引领者阅读(270) 评论(0) 推荐(0)