- 博客(19)
- 收藏
- 关注
RSS订阅原创 修改iframe内部html的样式
根据百度百科对同源策略的描述，iframe内部html的网页无法通过外部html进行样式的修改…只能对外部iframe进行css修改。
2021-02-18 22:21:20
2050
原创 vuecli3中使用ico文件代替鼠标指针
1. vue.config.js的配置：let path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports = { // 用于处理 build 之后的html为空白的问题 publicPath: process.env.NODE_ENV === "production" ? "././" : "/", css: { loaderOptions:
2020-12-24 14:54:39
535
原创 滚动特效用到的js高度判断
document.body.clientHeight：获取当前网页高度window.screen.height：获取当前电脑屏幕高度document.documentElement.scrollTop：获取当前滚动到的位置距离网页顶部的高度
2020-12-24 10:40:25
192
转载 常见状态码一览
一些常见的状态码为：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功）表示成功处理了请求的状态代码。代码 说明200 （成功） 服务器已成功处理了请求。通常，这表示服务器提供了请
2020-12-22 15:59:18
1192
1
原创 Vue中使用AOS.js滚动动画库
1.npm install aos --save2.在main.js中：import AOS from "aos";import "../node_modules/aos/dist/aos.css";Vue.use(AOS);3.初始化：AOS.init()4.例：<div data-aos="fade-up" data-aos-duration="2000">更多效果在AOS.js官网浏览。
2020-12-18 15:36:57
4146
1
原创 Vue中引入和使用animate.css
1.npm install animate.css --save2.在main.js中import animated from 'animate.css' Vue.use(animated)3.标签中使用（注意是两个下划线），如：// 想要动画生效，animate__animated是必带类名<div class="animate__animated animate__fadeInUp"></div>4.动画效果标签...
2020-12-18 15:31:18
1561
1
原创 VueCli3 @路径设置
1.最外层目录创建文件vue.config.js2.加入如下代码let path = require('path')function resolve (dir) { return path.join(__dirname, dir)}module.exports = { chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) }}...
2020-12-18 15:13:31
2641
2
原创 ant design of vue 中引入iconfont
ant design of vue 中引入iconfont在阿里巴巴矢量库创建项目，添加图标，下载项目的zip文件将zip包解压，解压的iconfont.js文件放到vue项目中在需要使用图标的vue组件的script中：// 引入项目中的 iconfontjs 文件import iconfontjs from "../../assets/iconfont/iconfont.js";const IconFont = Icon.createFromIconfontCN({ scriptUr
2020-12-17 14:52:04
1313
1
原创 VSCode扩展应用
VSCode扩展应用记录实用部分Chinese (Simplified) Language Pack for Visual Studio Code：简体中文插件Easy Less：更简便地操作less文件Fix VSCode Checksums：解决vscode出现的修复提示HTML CSS Support：html和css的代码提示插件open in browser：在本地目录用浏览器打开文件View in browser：在本地目录用浏览器打开文件Preview on Web Serv
2020-12-09 12:47:27
612
原创 Hexo+码云搭建个人博客
1.准备工作node码云账号创建新的git仓库创建当前仓库的gitee pages命令行设置好全局的git账号密码2.Hexo的基本搭建命令行运行：npm i -g hexo-cli，全局安装hexo，运行hexo -v查看是否安装成功命令行运行：hexo init，初始化一个hexo框架命令行运行：npm i，安装依赖包命令行运行：hexo generate（生成静态文件pulic文件夹，用于之后的静态部署）、hexo server，即可在本地4000端口的网页中查看基本h
2020-12-01 16:48:39
162
原创 git首次推送出现的问题failed to push some refs to...
这种错误的主要原因是你的远程仓库的内容有改动但是你本地并没有拉去最新的代码所以会报错git pull origin master --allow-unrelated-historiesgit add .git commit -m “内容”git push origin master
2020-12-01 14:32:30
269
原创 Vue中diff算法解析
1.当数据发生变化的时候Vue是如何更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和oldVnode作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使oldVnode的值为Vno
2020-11-30 15:23:11
133
原创 3.Vue3的生命周期
Vue3的生命周期1.Vue2已有的钩子函数和Vue3的部分钩子函数对比[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ff149HOS-1606718667775)(D:\Typora\resources\Vue3\image-20201130104152877.png)]2.新旧钩子使用原则Vue 官方的文档里，明确指出了。如果你使用 Vue3，请尽量使用新的生命周期钩子函数3.Vue3新钩子函数onRenderTracked()和onRenderTriggere
2020-11-30 14:44:12
1011
原创 CSS
CSSCSS 选择器的优先级是如何计算的？浏览器通过优先级规则，判断元素展示哪些样式。优先级通过 4 个维度指标确定，我们假定以a、b、c、d命名，分别代表以下含义：a表示是否使用内联样式（inline style）。如果使用，a为 1，否则为 0。b表示 ID 选择器的数量。c表示类选择器、属性选择器和伪类选择器数量之和。d表示标签（类型）选择器和伪元素选择器之和。优先级的结果并非通过以上四个值生成一个得分，而是每个值分开比较。a、b、c、d权重从左到右，依次减小。判断优先级时，从左到右
2020-11-30 14:42:31
603
原创 HTML
HTMLHTML5语义化什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。好处易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。http://www.daqianduan.com/6549.html为什么最好把 CSS 的<link>标签放在<head><
2020-11-30 14:42:09
155
原创 JavaSciprt
JavaScript同源策略同源策略可防止 JavaScript 发起跨域请求。源被定义为 URI、主机名和端口号的组合。此策略可防止页面上的恶意脚本通过该页面的文档对象模型，访问另一个网页上的敏感数据。回到顶部跨域原因 浏览器的同源策略导致了跨域作用 用于隔离潜在恶意文件的重要安全机制解决jsonp ，允许 script 加载第三方资源反向代理（nginx 服务内部配置 Access-Control-Allow-Origin *）cors 前后端协作设置请求头部，Access
2020-11-30 14:41:48
384
原创 2.Vue3的核心api特性以及使用方式
Vue3的核心api特性以及使用方式1.reactive理解：接收一个复杂数据类型并返回该类型的响应式代理。<template> <div> {{ count.value }} <button @click.prevent="Add">Add</button> </div></template><script lang="ts">import { defineComponent, rea
2020-11-30 14:41:05
272
原创 vue
Vue什么是mvvmMVVM最早由微软提出来，它借鉴了桌面应用程序的MVC思想，在前端页面中，把Model用纯JavaScript对象表示，View负责显示，两者做到了最大限度的分离把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回ModelView 和 Model 之间的同步工作完全是自动的，无需人为干涉（由viewModel完成，在这里指VUE）因此开发者只需关注业务逻辑，不需要手动操作DOM,
2020-11-30 14:25:37
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人