- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue+ueditor+kityformula数学公式插件
ueditor.vue组件<template> <div class="home"> <script :id="id" :defaultMsg="writeMsg" type="text/plain" ></script> <div></div> </div></template><script>import '../../../static/ueditor/u
2021-06-11 16:19:59
2221
6
原创 node.js版本管理
node.js各种版本下载，建议收藏node.js官网现在给的是v14.16.1 的版本 ，本想迪纳基这里查看一下其他的，竟然没有，于是灵机一动，看到了地址栏里面的版本号，尝试着改了一下我需要的版本，没想到，竟然还真有我修改地址栏后回车直接就出来了 ，各种版本，尽情下载...
2021-05-25 18:02:35
190
原创 html5 / vue 实现移动端自动定位
腾讯地图可以完全不依赖原生实现手机定位，不用和原生交互。如果是使用的vue 那就把下面的代码引到index.html中<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>下面是一段js代码 使用vue的话可以单独写一个js文件 在页面中引入 也可以直接写在index.html中 var
2020-06-30 17:54:05
1929
1
原创 详情页返回列表页当前位置
利用keepAlive在app.vue中写两个 <keep-alive> <!-- 需要缓存的视图组件 --> <router-view v-if="$route.meta.keepAlive"> </router-view></keep-alive><!-- 不需要缓存的视图组件 --><router-view v-if="!$route.meta.keepAlive"></router
2020-06-30 11:45:09
512
原创 vue 使用富文本编译器
我这里使用了vue-cli3或者更好的版本；话不多说，上代码；首先全局安装 npm i wangeditor -S这个是一个组件，使用到富文本编译器的地方引入就行了；<template> <div id="wangeditor"> <div ref="editorElem" style="text-align:left;"></div> </div></template><script>imp
2020-05-25 14:51:05
402
1
原创 vue+element 实现下载/导出 excel表格
vue+element 实现下载/导出 excel表格首先疯狂的安装依赖npm install -S file-saver xlsxnpm install -D script-loadernpm install moment --save然后在src下面新建文件夹 excel，在excel文件夹下新建两个文件在页面中引入 momentimport moment from "...
2020-04-23 17:47:46
1418
原创 Eslint的用法
Eslint的用法1、error Unary operator ‘++’ used no-plusplusESLint认为一元操作符，是不安全的，所以禁止使用确书写方式（ESLint格式）for循环的正确姿势如下for (let i = 0; i < 10; i += 1) { console.log(i); }2， error There s...
2020-04-21 16:24:36
1105
原创 axios拦截器拼接token值
axios拦截器拼接token值// 添加一个请求拦截器axios.interceptors.request.use(function (config) { // Do something before request is sent return config; //这里经常搭配token使用，将token值配置到tokenkey中，将tokenkey放在请求头中 ...
2020-01-11 19:49:16
471
原创 vue element-ui （DatePicker)日期选择器获取开始时间和结束时间
<el-date-picker v-model="formData.createTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ...
2020-01-10 16:22:01
5781
1
原创 uni-app小程序 跨端兼容，条件编译
小程序 跨端兼容，条件编译跨段兼容uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改，会让后续升级变的很麻烦。在 C 语言中，通过 #ifdef、#ifn...
2020-01-05 20:32:11
1273
原创 web前端学习资源分享！
web前端学习资源分享！前端学习网址大全https://juejin.im/post/5a0c1956f265da430a501f51
2020-01-03 16:59:05
181
原创 css3 动画 animation
css3 动画 animation通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。...
2019-12-31 16:43:00
203
1
原创 git操作命令 之 版本回退
git 之 版本回退git reset --hard id(黄色的字符串就为每个版本的id)输入命令git reset --hard id
2019-12-30 20:35:41
157
原创 git 查看提交历史详情
git 查看提交历史在提交了若干更新，又或者克隆了某个项目之后，你也许想回顾下提交历史。 完成这个任务最简单而又有效的工具是 git log 命令。也可以只查看id和提交信息也可以回退到之前的指定的某个版本 可以看链接详情...
2019-12-30 20:30:21
345
原创 $nextTick的作用和使用场景
nextTick的作用和使用场景vue中的nextTick主要用于处理数据动态变化后，DOM还未及时更新的问题，用nextTick就可以获取数据更新后最新DOM的变化适用场景：第一种：有时需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的问题，这回就要...
2019-12-30 16:58:57
23509
7
原创 什么是回流，什么是重绘，他们区别在哪里？
什么是回流，什么是重绘，他们区别在哪里？什么是回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受...
2019-12-30 13:30:46
435
原创 warning: You appear to have cloned an empty repository.
warning: You appear to have cloned an empty repository.warning: You appear to have cloned an empty repository.错误的翻译其实也不算是一个错误 ，接着往下运行命令就行了
2019-12-30 09:07:01
12868
1
原创 html5新特性拖放（拖拽）
html5新特性拖放（拖拽）定义抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。拖放的流程对应的事件选中 ---> 拖动 ---> 释放 选中在HTML5标准中，为了使元素可拖动，把draggable属性设置为true。文本、图片和链接是默认可以拖放的，它们的draggable属性自动被设置成了true。图片和链接按住鼠标左键选中，就可以拖放。...
2019-12-29 20:53:25
1200
1
转载 vue更改了数据但是视图层却不发生改变
数组的更新检测1：push() 尾加2:pop() 尾删3： shift() 头加4：unshift() 头删5：splice() 截取/增加/修改6：sort() 排序 参数为回调函数7：reverse() 倒叙替换数组： 例如：filter(), concat() 和 slice()。这些不会改变原始数组，但总是返回一个新数组。可以用新数组替换旧数组，你可能认为这将导致...
2019-12-27 19:46:10
1019
原创 lodash实现节流防抖
lodash有多年开发经验的开发人员，往往都会有自己常用的的一套工具库，称为 utils、helpers 等等，这套库一方面是自己的技术积累，另一方面也是对某项技术的扩展，领先于技术规范的制定和实现。lodash 提供的函数主要分为以下几类，函数列表和用法实例请查看 ：Lodash中文网首先安装lodashnpm i --save lodash在组件中引入<template&...
2019-12-27 16:13:01
2389
原创 vue最新面试题（组件通信）
组件通信父子通信子父通信兄弟通信父传子主要是通过props来实现的 ，父组件需要通过import引入子组件，并注册，在子组件里面添加要传递的属性，子组件用props来接收，接收的方式有两种，一种是用对象的形式{}来接收，对象的形式可以传递数据的类型，和必填，另一种是用数据的形式[],数组只是简单的接收值， 下面是代码父组件<template> <div cl...
2019-12-27 08:35:07
1931
原创 react新手必知问题
react 的jsx语法react使用jsx代替常规的javascript1.jsx语法允许html和js的混写, 使页面数据和样式的操作变得钢架简2.单,遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到3.以 { 开头的结构，就用 js 规则解析；使用规则可以创建一个独立的js文件来使用,通过script标签来引入（但是type属性为 text/babel ...
2019-12-26 20:42:08
106
原创 vuex实现数据持久化 vuex-persistedstate或localStorage实现
vuex数据的持久化 vuex-persistedstate或localStorage实现之所以会有vuex持久化这个方法就是因为在存入vuex中的时候，如果刷新页面的时候vuex中的数据就会消失，因为它是存在本地内存中的， 但是我们又不希望刷新数据的丢失，所以就有了数据持久化 下面是代码第一种：用插件 vuex-persistedstate下载插件咋这里还又一个坑 ，就是存入vuex...
2019-12-24 21:01:19
3389
2
原创 react路由鉴权 / 路由守卫
react路由鉴权 / 路由守卫首先路由鉴权就是在访问一个页面时判断是否需要权限，比如电商App结算账单的时候需要登录用户的账号路由守卫就是在该页面需要登录用户的情况下去判断是否登录总的来说就是 判断权限是鉴权 判断是否登录就是守卫 我那这个电商给大家举个例子 项目的不同，要求不同，到时候根据需求去完成就行下面是代码创建一个SafeRouter.js文件import Re...
2019-12-16 10:36:58
1583
翻译 vue实现图片懒加载
vue实现图片懒加载图片懒加载就是当数据没有加载出来的时候先留出一个图片的位置，等待数据的加载完之后渲染出来，大概就是占位等待图片加载完毕渲染1.需要安装插件 vue-lazyload插件//使用npm 安装 或者是要那个yarn add npm install vue-lazyload --save //使用上面的就不用使用下面的这个安装yarn add vue-lazylo...
2019-12-16 09:48:50
199
原创 原生js实现jsonp跨域 jquery 实现跨域 vue实现跨域请求
原生js实现jsonp跨域 jquery 实现jsonp跨域 vue实现http跨域请求在不同域名下请求数据就会产生跨域问题同源：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题ajax的同源策略就是为了安全起见，不允许在不同域名下请求数据原生js实jsonp跨域我的是在本地起来的服务器 可以用phpstudy或者用wampserver64来起服务 ...
2019-12-14 11:54:41
572
1
原创 vue开发环境 生产环境配置
vue开发环境 生产环境配置首先生成三个文件.env.env.development.env.production他会根据你运行的环境 去自动走相应的文件.envNODE_ENV = 'production'VUE_APP_FLAG = 'pro'.env.developmentVUE_APP_BASE_API= http //开发环境的域名VUE_APP_ENV=...
2019-12-10 08:42:52
554
原创 axios 封装和拦截器的使用
**axios 封装 拦截器 **可以新建一个文件夹 里面写http.js文件中的代码块import axios from "axios"import qs from "qs"axios.interceptors.request.use(function (config) { return config;}, function (error) { return Pro...
2019-12-03 18:54:09
646
1
原创 react 路由跳转 底部tab切换
routers.js文件import React, { Component } from 'react'import { BrowserRouter as Router, Route ,Switch} from 'react-router-dom'import Ask from "../pages/ask"import Find from "../pages/find"import In...
2019-10-15 15:18:45
2294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人