- 博客(23)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 Vue 3.0 改变简介
V3.0 对 v2.0 兼容，原 2.0 的功能特性仍然可以继续使用，同时可以使用 V3.0 Composition API 新特性进行开发。Vue Composition API1 Vue (@vue/cli - 4.x)1.1 Vue 初始化2.0版本通过 new 关键字 声明一个 Vue实例// 2.0 Vue 初始化import Vue from 'vue';import App from './App.vue';import router from './rout.
2021-03-23 15:21:44
331
转载 跨域请求问题
跨域问题：Php文件头部添加字段：header('Access-Control-Allow-Methods:OPTIONS, GET, POST');header('Access-Control-Allow-Headers:x-requested-with');header('Access-Control-Max-Age:86400'); header('Access-Contro...
2018-08-16 10:33:30
158
1原创 Vue2.x + Antd + mock 项目实战
项目说明介绍环境"vue-cli": 3.0涉及主要插件 "ant-design-vue": "^1.7.2", "axios": "^0.21.1", "core-js": "^3.6.5", "crypto-js": "^4.0.0", "echarts": "^5.0.2", "lodash": "^4.17.21", "moment": "^2.29.1", "nprogress": "^0.2.0", "resize-o
2021-04-24 18:28:22
687
转载 js的原型和原型链
js的原型和原型链基本构造函数function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevinprototype每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。function Person() {}// p
2021-04-19 17:44:13
94
转载 css 进阶-变量的使用
css 进阶-变量的使用其实，不用使用less、sass，css也支持自定义变量，也叫定制变量或级联变量。通常使用自定义属性符号（例如--main-color: black;）来设置它们，并使用var()函数（例如）来访问它们，color: var(--main-color);浏览器兼容很不幸，IE全线不支持（需要考虑IE兼容的可长点心）基本使用定义使用以 双连字符（--） 开头的自定义属性名称和可以是任何有效CSS值的属性值来声明自定义属性。element { --main-b
2021-04-19 17:43:08
289
转载 github项目徽标
转载：本文来自GitHub徽标，GitHub Badge，你也可以叫它徽章。就是在项目README中经常看到的那些表明构建状态或者版本等信息的小图标。就像这样：这些好看的小图标不仅简洁美观，而且包含了清晰易读的信息，在README中使用小徽标能够为自己的项目说明增色不少！如何给自己的项目加上小徽标呢？一、关于徽标徽标图片分左右两部分，左边是标题，右边是内容，就像是键值对。GitHub徽标官网是 https://shields.io/图标规范二、如何添加动态徽标动态徽标是指如果项目状态发生
2021-04-16 15:51:15
1093
转载 TinyMC编辑器简介
TinyMC编辑器简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。跟其他富文本编辑器相比，有着丰富的插件，支持多种语言，能够满足日常的业务需求并且免费。TinyMCE的优势：开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能接口丰富，可扩展性强，有能力可以无限拓展功能界面好看，符合现代审美提供经典、内联、沉浸无干扰三种模式（详见“介绍与入门”）对标准支持优秀（自v5开始）多语言支持，官网可下载几十种语言。下图为开启全部功能的截图可.
2021-04-03 15:03:15
1265
原创 Element resize 监听
resize-observer-polyfill元素新增字段 \_\_resizeListeners\_\_ 存放 resize 事件回调元素新增字段 \_\_ob\_\_ 存放新增 resize-observer 实例对象使用resize-observer 实例对象 监听（调用 observe 实例方法）监听当前元素ResizeObserver 类实例化：new ResizeObserver(handler) 接收回调函数实例方法：ro.observe(Element) 监听节点r
2021-04-03 11:40:13
541
原创 scrollTo 平滑滚动
scrollTo作用Element 的 scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。使用element.scrollTo(x-coord, y-coord)x-coord 滚动到位置水平轴上距元素左上角的像素。y-coord 滚动到位置竖直轴上距元素左上角的像素。element.scrollTo(0, 1000);element.scrollTo(options)options 是一个ScrollToOptions对象。ScrollToOption
2021-04-02 22:30:52
2241
原创 Cookie、Session、localStorage、sessionStorage介绍
Cookie(4KB)(保存在客户端)介绍“Cookie”是小量信息，由网络服务器发送出来以存储在网络浏览器上，从而下次这位独一无二的访客又回到该网络服务器时，可从该浏览器读回此信息。Cookie 是个存储在浏览器目录的文本文件，当浏览器运行时，存储在 RAM 中。一旦你从该网站或网络服务器退出，Cookie 也可存储在计算机的硬驱上。当访客结束其浏览器对话时，即终止的所有 Cookie。为什么使用标记用户状态首先我们要知道一个概念，web程序是使用HTTP协议传输的，而HTTP协议是
2021-04-01 19:27:54
703
原创 node-sass安装失败
试了一个多小时真的有一种还没开始就要放弃的冲动，less其实也够用，为什么要搞这个1、重点：安装失败，先检查Node环境版本号、还有 node-sass 安装的版本号版本之间有要求，这是重点问题版本对应修改版本号重新安装，如果还是失败…2、修改镜像使用淘宝镜像源（推荐）npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/// 也可以设置系统环境变量的方式。示例// linux、.
2021-03-25 16:51:50
263
原创 javascript 实现 Alert
/** 用法* 引入 Alert.js 文件** 使用对象 Alert 的内置方法 .info(), .success(), .warning(), .error();* Alert.info(params)* Alert.success(params)* Alert.error(params)* Alert.warning(params)** 参数说明* message: 显示消息 string 必填* callback: 回调函数 function 选填 （执行操作成功需要额外.
2021-03-24 14:54:31
365
原创 Cookie 域名相关
Cookie 域名相关cookie无法设置除当前域名或者其父域名之外的其他domain.这个是浏览器出于对cookie的保护造成的，也就是cookie无法跨域设置。对于子域名也有如下规则，当前域名只能设置当前域名以及他的父域名，不能设置子域名，如在 www.wo.cao.baidu.com 域名下只能设置 cao.baidu.com, baidu.com 不能设置 da.jia.wo.cao.baidu.com 的 cookie。cookie 参数详解js设置cookiedocument.co
2021-03-24 14:12:25
825
原创 基于Vue-2.x 自定义拖拽组件Draggable
基于Vue2.x版本的拖拽组件目前只适用垂直方向拖拽放置使用1. 简单使用<template> <div class="list-container"> <div class="list"> <Draggable v-model="list" :getContainer="getContainer"> <div v-for="item in list" :key="item" class=..
2021-03-24 13:34:53
383
原创 Git tag 打标签
Git - tag1.显示所有的taggit tag2.查看指定版本匹配的taggit tag -l 'feature-1.*.*'3.创建标签简单git tag faeturen-1.0.0完整git tag -a faeturen-1.0.0 -m "迭代: 1.0.0"4.查看标签的详情 - 会现实commit提交记录git show faeturen-1.0.04.推送标签推送指定taggit push origin faeturen-1.0.
2021-03-23 15:20:22
118
原创 Git - clone 仓库拷贝
Git - clone 仓库拷贝克隆old仓库到本地 --baregit clone --brae old.git在 git 上新建一个远程仓库 new.git以镜像推送的方式推送 克隆仓库代码old 到 新仓库new进入克隆的本地仓库oldcd old.git以镜像推送的方式推送本地仓库old到新的远程远程new git push --mirror new.git删除本地克隆仓库oldcd ../rm -rf old.git克隆新仓库new到本地git clon
2021-03-23 15:19:40
127
原创 Vue-resource
Vue-resourcevue-resource特点体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持 支持Promise API和URI Templates：Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。 URI Templates
2021-03-23 15:18:32
348
原创 require.content
require.contextrequire.context(directory, useSubdirectories, regExp)directory: 要查找的文件路径 useSubdirectories: 是否查找子目录 regExp: 要匹配文件的正则Example1.引入目录模块 .js文件 const modules = require.context('./modules', false, /\.js$/)2.modules.keys() 返回目录文件模块名称
2021-03-23 15:17:09
1302
原创 nrm使用
## nrmnrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在npm源间切换## 安装nrm`npm install -g nrm`## 使用### 查看可选的源命令-`nrm ls`带*的是当前使用的源，上面的输出表明当前源是官方源。```javascrip*npm ---- https://registry.npmjs.org/cnpm --- http://r.cnpmjs.org/ta..
2021-03-23 15:15:05
149
转载 设置两个div等高、文字居中
div等高：方法1：给父元素样式添加：display: -webkit-box;方法2：给div添加：display: table-cell;文字居中：.div{background-color: red;height: 100px;width: 60px;text-align:center; /* 水平居中 */line-height: 100px; /* 垂...
2018-08-16 10:43:10
291
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人