- 博客(74)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue创建项目
vue cli 安装npm install -g @vue/clivue 项目创建vue create namevue2 创建命令vue init webpack projectName
2022-01-10 11:53:21
143
原创 js控制元素移动，回调写法和自定义事件监听调用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-12-21 16:08:43
436
原创 js回调函数模式，简单明了
//给一个回调函数的接口执行，不实现逻辑 function test(asdf, cb) { setTimeout(() => { console.log("test", asdf) //判断存在执行，可以赋值回调参数 cb && cb("参数...arg") }, 1000) } .
2021-12-21 10:58:03
295
原创 花裤衩 / vue-element-admin 的项目打包后发现不能跳转页面问题解决
项目install后build打开html文件跳转页面没有反应原因：因为项目中import Cookies from ‘js-cookie’ 使用无法进行页面跳转需要放到web服务上才能运行。解决：把所有Cookies.set(‘sidebarStatus’, 1) ，set和get 都换成localstorage或sessionstorage 其他 Cookies.set('sidebarStatus', 1) localStorage.setItem('sidebarStat
2021-10-11 13:48:11
2072
原创 JavaScript 异步编程
拓展并发 指 计算机同时执行多项任务JavaScript是单线程应用，同步是在上个任务执行完成后再执行，容易出现代码阻塞，异步是在同时可以执行多个任务的并行 不会造成代码阻塞单核处理器 通过分配时间段 运行任务切换（进程或线程的的上下文切换context switching ）多核处理器可以通过 多个核心运行进行任务的并行...
2021-10-05 16:04:04
107
原创 vue前端面试题
页面渲染同时处理多个请求 ，使用promise.all可以解决Vue.nextTick() 在修改数据之后立即使用这个方法，获取更新后的 DOM。Vue Router 的params和query 跳转传参 name 和path 引用区别， params可以获取路由中定义params参数 https://blog.csdn.net/qq_40410916/article/details/120549387?spm=1001.2014.3001.5501vue 路由和 Window.
2021-09-29 17:26:00
102
原创 Vue Router params和query 区别
首先要知道的是vue 中 this.router 和 this.route 的区别this.router 相当于一个全局的路有对象，路由操作对象，只写对象 （跳转时使用）this.route 表示当前路由对象，是路由信息对象，只读对象 （获取当前路由时使用）然后了解 params和query 使用传参区别params 传参需要使用name引用query 可以使用name和path引用router.push({ name: 'user', params: { userId: '12
2021-09-29 15:56:45
134
原创 git 常用 命令
添加git add 添加文件名| .（所有文件）提交本地git commit -m “备注”回退版本git reset commit提交id （后面可跟参数、–hard ，–soft，–mixed）分支管理 branchgit checkout -b(创建新分支并切换到) 新分支名 新分支参照模板（选填如master）分支切换git checkout 分支名分支合并合并后根据需求对冲突内容操作 提交git cherry-pick多分支的代码库，将代.
2021-09-26 11:14:29
71
原创 一看就懂，简单了解react
安装使用script标签或者npm包元素渲染js函数生成domReactDOM.render( 元素，绑定挂载到)ReactDOM.render( element, document.getElementById(‘example’) );jsxReact 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX，但它有以下优点：JSX 执行更快，因为它在编译为 JavaScript
2021-09-18 12:52:59
224
原创 react设置动态样式实现渐变闪烁效果
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>React 实例</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile.o
2021-09-17 16:53:48
542
原创 柯里化函数
柯里化函数柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术功能：创建一个函数，该函数接收一个或多个 func的参数，如果 func 所需要的参数都被提供则执行 func 并返回执行的结果。否则继续返回该函数并等待接收剩余的参数。参数：需要柯里化的函数返回值：柯里化后的函数作用一、参数复用作用二、提前确认作用三、 延迟运行//处理函数function sum(...args){ return args.reduce((m,n)=>m+n)}fun
2021-09-10 16:16:44
163
原创 简单说明三次握手四次挥手
使用的是网络常用协议tcp，基于连接安全可靠，工作在 传输层三次握手使用tcp需要进行三次握手，1.主机向目标连接发送请求信息SYN，表示自己的身份（信息序列号），2.目标收到请求，返回信息SYN+ACK并希望下一次回复消息使用序列号xxx（新的信息序列号）3.主机收到信息，返回信息ACK并希望下一次回复消息使用序列号xxx（新的信息序列号）tcp成功建立连接四次挥手1.主机向目标发送关闭连接信息FIN和序列号2.目标接收到消息报文返回，目标进入CLOSE-WAIT（关闭等待）状态，返回A
2021-09-09 12:52:27
79
原创 简单使用原生ajax，XMLHttpRequest
var url = 'http://127.0.0.1:3001/hi'; //一个本地页面 function load(url, callback) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status == 200) { callback(xhr.response); }
2021-09-08 15:22:08
74
原创 CSS3动画实现高亮光弧效果，循环闪动效果
主要运用css动画进行循环播放，修改css渐变效果元素<!Doctype html><html> <head> <meta name="viewport" content="width=device-width,iitial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Content-Type" content
2021-09-08 09:38:34
1414
原创 css多边形制作简历小标题二级标题
使用css边框绘制加 transform: skewX(45deg);属性实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css多边形</title> <style> .div { width: 100px; height: 0; border-width: 0 45px 45px; borde
2021-09-07 16:22:36
322
原创 CommonJS 与 ES6 Module 的区别
这两者的主要区别主要有以下两点：对于模块的依赖，CommonJS是动态的，ES6 Module 是静态的CommonJS导入的是值的拷贝，ES6 Module导入的是值的引用区别一对于模块的依赖，何为动态？何为静态？动态是指对于模块的依赖关系建立在代码执行阶段； 静态是指对于模块的依赖关系建立在代码编译阶段；CommonJS导入时，require 的路径参数是支持表达式的，例如// A.jslet fileName = 'example.js'const bModule = require
2021-09-07 14:09:48
360
原创 简单了解js宏任务微任务
简单了解js宏任务微任务时你可以去了解事件循环，消息队列，有助于理解，当然看个实例也可以简单了解<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> 宏任务，微任务 </title> </head> <body> 宏任务：script、setTimeOut、setInterval、setImmediate<br
2021-09-07 10:33:52
122
原创 js中的for循环
for循环经常使用，js常用有4中for循环， 普通 for（表达式1；表达式2；表达式3），for（ i in obj），for （item of obj），foreach(callback(val,index,arr),thisArg )forfor 语句用于创建一个循环，它包含了三个可选的表达式，这三个表达式被包围在圆括号之中，使用分号分隔，后跟一个用于在循环中执行的语句（通常是一个块语句）。let str = '';for (let i = 0; i < 9; i++) {
2021-09-02 10:43:04
5166
原创 js防抖节流
js防抖节流在日常中经常会用到防抖 就是在连续多次触发同一个事件做的优化，最后只执行一次事件响应。节流 就是在连续多次触发同一个事件做的优化，在一定间隔内做出的事件响应。它们都是 防止多次点击触发多次从而产生不必要的响应上代码防抖使用定时器防抖 //防抖debounce代码： function debounce(fn, delay) { //传入要执行的函数和防抖事件间隔 if (typeof fn !== 'function') { //判断是否是函数 th
2021-09-01 14:54:05
110
原创 js浅拷贝和深拷贝
js浅拷贝和深拷贝先了解js基本类型基础类型：undefined 、 null、number、string、boolean、symbol引用类型：object对象类型(Object 、Array 、Function 、Data)基础类型存在于栈（stack）中。引用类型的值是同时保存在栈内存和堆（heap）内存中的对象，栈保存的是引用类型的内存地址，数据在堆中保存。浅拷贝js平时正常的拷贝是浅拷贝var obj = { a: 1, b: 2, c: { d: 3
2021-08-31 14:35:00
99
原创 安装vue 调试工具 devtools
首先进入官网然后选择tag一个稳定版本下载包zip在解压后命令执行执行yarn install打包yarn run build在浏览器选择添加扩展
2021-08-17 14:34:57
160
原创 vscode使用git
先克隆项目使用vscode打开项目找到git点击加号相当于add然后点击对号相当于commit添加提交信息enter提交最后推送到远程
2021-08-05 17:19:58
105
原创 二进制，10进制，16进制快速掌握，js语言相互转换
10进制 D表示日常生活常用，满10进101234567899进1=0 ，第十个数进1等10二进制 B 表示二进制计算机常用进制逢二进1用0和1标识和十进制对应的值0=0/00，1=1/012=10 逢二进1 =0进1等103=114=1005=1016=1107=1118=10009=100110=101011=101112=110013=110114=111015=111116=10000…逢二进一16进制 H表示16进制在计算.
2021-08-05 12:38:21
810
原创 css+js实现时钟
完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css时钟</title> <style> html { /* background: #282828; */ text-align: center; font-size: 10px; } body { margin: 0; .
2021-08-03 10:00:16
192
原创 ES6 模块
在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。特点ES6 的模块自动开启严格模式，不管你有没有在模块头部加上 use strict;。模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，类等。每个模块都有自己的上
2021-08-02 17:01:09
148
原创 前端监听网速
<script>console.log('是否在线',navigator.onLine)console.log('网速',navigator.connection.downlink,'MB/s')window.addEventListener("online", () => { console.log('网络已连接')});window.addEventListener("offline", () => { console.log('网络已断开')});<
2021-08-02 10:23:40
462
原创 js在智能手机上启用振动功能
在智能手机上启用振动window.navigator对象的vibrate()方法可以在移动设备上启用振动模式。window.navigator.vibrate(500);你可以将参数振动时间（以毫秒为单位）传递给方法。或者你甚至可以指定一种模式——振动间隔和暂停的交替。为此，可以向方法传递数字数组。...
2021-08-02 10:20:19
240
原创 input输入框 禁止插入（粘贴）文字
禁止插入文字你可能不希望用户在输入字段中粘贴从其他地方复制的文本（仔细考虑是否真的要这样做）。通过跟踪事件paste并调用其方法preventDefault()就很容易完成了。<input type="text"></input><script> const input = document.querySelector('input'); input.addEventListener("paste", function(e){ e.preventD
2021-08-02 10:18:33
1284
原创 移动端网页禁止下拉刷新css
禁止下拉刷新下拉刷新是当前流行的移动开发模式。如果你不喜欢这样做，只需将overscroll-behavior-y属性的值设为contains即可达到此效果。body { overscroll-behavior-y: contain;}
2021-08-02 10:13:03
2581
1
原创 h5移动页面需要加的标签内容
<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" >name=“viewport”viewport有视窗、视区等含义，是专门为手机移动设备设计的，当在手机移动设备打开网页时，就会检测网页meta标签是否设置了viewport，如果设置了，就会按照设置viewport
2021-08-02 10:10:52
151
原创 vue router路由导航守卫设置指定页面验证登录
vue router路由导航守卫可以做很多功能，下面介绍设置指定页面验证登录router的前置守卫router.beforeEach((to, from, next) => {//判断目标路由的meta元字符中是否匹配限制 if (to.matched.some(record => record.meta.requiresAuth)) { //判断是否已登录 if (sessionStorage.getItem("tokenname") == null) { //跳
2021-07-31 09:48:45
975
原创 vue打包后去除代码中的console.log输出
vue打包后去除代码中的console.log输出项目上线的时候都不需要看到一些debug输出的内容，所以要去除console.log在vue 2中webpack中在生产环境的插件中添加配置// 代码：plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env
2021-07-30 13:25:10
937
原创 web前端兼容性问题
一直以来，Web前端领域最大的问题就是兼容性问题前端兼容性问题分三类：浏览器兼容性屏幕分辨率兼容性跨平台兼容性浏览器兼容性问题IE6、7、8不支持HTML5、CSS3、SVG标准，可被判定为“极难兼容”IE9不支持Flex、Web Socket、WebGL，可被判定为“较难兼容”IE10部分支持Flex（-ms-flexbox）、Web Socket，可被判定为“较易兼容”IE11部分支持Flex、WebGL，可被判定为“较易兼容”IE6、7、8、9可视为“老式浏览器”IE10、11可
2021-07-01 17:29:47
1430
原创 各大主流浏览器之间的差异
主流浏览器有 ie ,chrome,Safari,firefox，opera，其他。浏览器最主要的就是引擎，分为渲染引擎（内核）和js引擎（js解释器）渲染引擎”，用来解释网页语法并渲染到网页上四大内核分别是：Trident（也称IE内核）、webkit、Blink、Gecko常见的js引擎...
2021-07-01 14:51:30
1305
原创 快速学习xml
XML 语法规则XML 的语法规则很简单，且很有逻辑。这些规则很容易学习，也很容易使用。XML 文档必须有根元素XML 必须包含根元素，它是所有其他元素的父元素，比如以下实例中 root 就是根元素：<root data="asd"> <child> <subchild>.....</subchild> </child> </root>XML 声明XML 声明文件的可选部分，如果存在需要放在文档的第一行
2021-06-17 16:59:58
66
原创 创建使用vue2项目模板
拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：npm install -g @vue/cli-initvue init 的运行效果将会跟 vue-cli@2.x 相同vue init webpack my-project...
2021-06-15 17:16:30
352
原创 web pc端鼠标移动事件和，h5移动端触摸移动事件
1、PC端事件onclick 鼠标点击触发onmousedown 鼠标按下触发onmousemove 鼠标移动触发onmouseup 鼠标抬起触发2.移动端事件ontouchstart 手指按下触发ontouchmove 手指移动触发onTouchend 手指抬起触发
2021-06-02 17:37:16
863
原创 js检测当前设备是pc还是移动端
if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent) ) { console.log("移动"); } else { console.log("pc"); }
2021-06-02 17:31:37
266
原创 自定义包发布npm方法
1.首先创建npm账号2.在组件库项目的根目录下执行npm login3.发布到npm官网npm publish --access public完成
2021-06-01 14:51:14
128
原创 vue图片验证组件，直接安装使用
使用该组件，项目中最好使elemnt ui 或者 elemnt ui的 iconnpm安装npm i verify-m-sr -S导入组件使用返回验证结果<template> <div class="hello"> <verifyd @verify="fdd"></verifyd> {{ sd }} </div></template><script>import {verifyd}
2021-06-01 14:48:55
196
计算机基础-T1.docx
2020-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人