meishaonvhahaha-CSDN博客

原创 Vue3中Composition API总结

setup在创建组件之前执行，所有的组合API函数都在此使用, 只在初始化时执行一次函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用 WARNING由于在执行setup时尚未创建组件实例，因此在setup选项中没有this。这意味着，除了props之外，你将无法访问组件中声明的任何属性——本地状态、计算属性或方法。 ...

2021-07-12 11:38:46 332

原创利用setTimeout和clearTimeout封装setInterval和clearInterval

方法一：function SetInterval(fun, sec){ function recFun(){ fun(); this.id = setTimeout(recFun, sec);//将任务的标识符记录在timer对象中 } this.stop = function(){ clearTimeout(this.id);//取消下一个任务的执行 } this.start = function(){ ...

2021-07-12 11:38:01 201

原创 vue中解析带有LaTex数学公式的markdown语法

最全能的非mavonEditor莫属了mavonEditor既可作为编辑使用，也可作为解析使用API：https://github.com/hinesboy/mavonEditor注意：识别h5语法以及LaTex计算公式用法引入npm install mavon-editor --save// main.js全局注册 // import with ES6 import Vue from 'vue' import mavonEditor from 'mavo

2020-10-30 18:06:54 2254

原创博客搬家通知

今日将博客搬家至掘金

2020-08-17 17:34:53 145

原创不使用类似for，while循环控制语句和js本身自带方法（如：forEach）的情况下，实现将一个空数组[]赋值成[0,2,4,6,8,10,...,100]，范围0-100便可。

对于这个题目可以巧用Arrary()方法 Arrary()可以传一个整数控制数组的容量 letarr = new Array(100); let arr1 = [...arr.keys()]; // 再用解构展开arr的key相当于索引 console.log(arr1) //你就可以得到一个0到100的数组了...

2020-06-15 17:57:15 706

原创左边盒子高度随右边的变化而变化，两种方法

<divclass="contentclearfix"><divclass="left-box"><span>我是左侧</span></div><divclass="right-box">测试左边会随右边浮动而浮动，测试左边会随右边浮动而浮动测试左边会随右边浮动而浮动测试左边会随右边浮动而浮动测试左边会随右边浮动而浮动测试左边会随右边浮动而浮动测试左边会随右边浮动...

2020-06-15 17:47:15 1388

原创原型，原型链以及6种继承

// =====================原型function Person() {}var person = new Person();console.log(person.__proto__ == Person.prototype) // trueconsole.log(Person.prototype.constructor == Person) // true// 顺便学习一个ES5的方法,可以获得对象的原型console.log(Object.g...

2020-06-15 16:23:39 416

原创 vue-cli3中解决在ie中报语法错误问题导致白屏

1.一般报语法错误时因为部分浏览器不支持ES6.so 我们就应该下载npm install babel-polyfil 判断此插件是否成功 ===》查看项目中是否有babel.config.js这个文件2.在vue.config.js里配置引入configureWebpack:config=>{(config.entry.app=['babel-polyfill','./src/main.js'])}3. 如果不行，进入报错查找哪个插件引起的问题...

2020-06-08 14:17:10 3487

原创 vue中Echarts之省市地图（北京市）展示相关数据

1. 下载ECharts 插件npm i echarts --save2. 引入省市地图import echarts from 'echarts'Vue.prototype.echarts = echartsimport '../node_modules/echarts/map/js/province/beijing.js' // 引入北京地图数据3. 模块中布局<template><div class='container'> <...

2020-06-08 14:04:04 7314 12

原创 http相关知识总结

http协议 1.http的发展史 0.9-2.0 2.http的statusCode码 201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。 300-3007表示的意思是：要完成请求，您需要进一步进行操作。通常，这些状态代码是永远重定向的。 4XXHTTP状态码表示请求可能出错，会妨碍服务器的处理。 500至505表示的意思是：服务器在尝试...

2020-06-05 11:21:26 203

原创 nginx代理-http，配置缓存，以及默认跳转https网址

nginx代理一配置缓存 nginx.conf配置 proxy_cache_path cache levels=1:2 keys_zone=my_cache:10m; server { listen: 80； server_name heiyan.com； location / { proxy_cache my_cache; prox...

2020-06-05 11:03:51 470

原创解决windows接口占用问题

1.查看所有连接的PID 开始--运行--cmd ，输入netstat -ano 找到端口号对应的PID后，从任务管理器中停止PID对应程序。2.查看占用8080端口程序 ①先C:>netstat -ano|findstr "8080" 协议本地地址外部地址状态 PID TCP 127.0.0.1:143...

2020-06-05 11:00:33 624

原创用黑屏终端查看在node_modules中的版本号，webpack

mac:./node_modules/.bin/webpack -vwindows.\node_modules\.bin\webpack -v区别： /与\的区别

2019-12-17 17:06:09 1444

原创 create-react-app app安装报错的解决办法

在终端中输入create-react-app ~~搭建react开发环境时可能会报这种错：error eslint@6.3.0: The engine "node" is incompatible with this module. Expected version "^8.10.0 || ^10.13.0 || >=11.10.1". Got "11.3.0"error Found...

2019-09-05 13:55:37 5004

原创谷歌中的V8引擎：Ignition和TurboFan；极大提高网页浏览器内部JavaScript执行的性能

V8是被设计用来提高网页浏览器内部JavaScript执行的性能v8引擎，v8引擎是一种js引擎的实现，JavaScript引擎是什么？JavaScript引擎是执行JavaScript代码的程序或解释器。javaScript引擎可以实现为标准解释器或即时编译器，它以某种形式将JavaScript编译为字节码。v8引擎，你还知道那些js引擎V8 - 开源，由Google开发，用C ...

2019-05-17 16:29:13 2404 1

原创 autoprefixer的使用：自动管理浏览器前缀的插件!!!在gulp以及webpack的使用方法，以及结合PostCss与sourcemaps的使用

Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里，使用Can I Use（caniuse网站）的数据来决定哪些前缀是需要的。把Autoprefixe添加到资源构建工具（例如Grunt,gulp,webpack）后，可以完全忘记有关CSS前缀的东西，只需按照最新的W3C规范来正常书写CSS即可。如果项目需要支持旧版浏览器，可修改brow...

2019-05-16 18:28:55 1406

原创 location方法总结

window.location方法获取URL　完整的URL由这几个部分构成：　　scheme://host:port/path?query#fragment　　scheme:通信协议　　常用的http,ftp,smtp等　　host:主机(带端口号)　　服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。　　port:端口号　　整数，可选，省略时使用方案的默认端口，如...

2019-05-07 13:38:02 2844

原创给cookie设置1小时/1天的过期时间，注意要多加8小时！！！

设置过期时间//==给cookie设置过期时间为1小时var NowTime = new Date();NowTime.setTime(NowTime.getTime()+60*1000*60*9);//注意要多加8小时，我们位于东八区比标准时间相差8小时//===这是我封装的格式，具体格式根据自己实际情况而定core.cookie('bdvid',true,{expires:N...

2019-04-09 10:17:46 5629

原创间歇性自动刷新以及自动跳转

自动刷新页面的方法:1，页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">（其中20指每隔20秒刷新一次页面.）2，页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=ht...

2019-04-04 17:14:22 242

翻译在title上添加logo

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>若初</title> &l...

2019-04-04 10:11:45 802

原创解决VM1351 require.js:166 Uncaught Error: Mismatched anonymous define() module

VM1351 require.js:166 Uncaught Error: Mismatched anonymous define() module: function(){return o.run(e.jQuery),r}报这个相关的错就是js或别的文件引入重复造成的，认真检查，删掉重复的即可...

2019-04-03 16:12:29 2495

原创 wrap端以及pc端的复制与剪切兼容各种版本浏览器的剪切板库！！！

clipboard.js是一个github上的开源项目，clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+clipboard.js项目主页:https://github.com/zenorocha/clipboar...

2019-04-03 16:08:55 343

原创如何在网页上添加一个微信关注链接？（跳转一键关注页）！！！！注意一定是在微信内置浏览器才有效！！！！！

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=*********==&scene=110==#wechat_redirect我们只需将biz后面的参数换成你们的公众号参数即可怎样拿到biz后面的参数？__biz后面的参数，每一个公众号都有一个唯一的，打开你微信公众号推送的任意一篇文章，复制...

2019-04-02 11:12:22 5198 2

原创微信内置页面的自定义分享写法以及几大注意点！！！！（分享进入不同的页面并且带参数）

步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。（必须必！！！）如果你使用本地环境或测试环境就要把ip配置在ip白名单里备注：登录后可在“开发者中心”查看对应的接口权限。步骤二：引入JS文件https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp142114111...

2019-02-28 15:40:00 4770

原创小程序的定位（获取地址描述数据）以及获取输入提示词（结合高德地图）

地址逻辑小程序的定位（获取地址描述数据）以及获取输入提示词高德开放平台：https://lbs.amap.com/api/wx/guide/get-data/get-inputtips小程序的定位（获取地址描述数据）1.首先获取密钥（到高德控制台申请键）2.在页面的js文件中，实例化AMapWX对象，处理搜索数据。首先，引入amap-wx.js文件（amap-wx.j...

2018-10-22 16:29:02 3623

翻译 mac安装淘宝镜像cnpm，绝对有效！！！！！！

安装cnpm需要一个最高权限 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose此时会提示让你输入一个密码，即你的用户开机密码，输入回车即可，如果出现下面的信息（最下面几行）说明安装成功：npm info lifecycle cnpm@5.1.1~postinstall: cn...

2018-10-13 16:05:33 12837 3

原创 git创建远程仓库

奋斗了两个半月，终于可以干点自己想干的事啦今天来说说git创建远程分支！！！创建分支大家都是知道的啦，就算不知道，一搜就出来了首先：git branch -r ====检查git上的分支情况输入后的情况：localhost:oo Scott$ git branch -r origin/HEAD -> origin/masterorigin/master1...

2018-10-12 19:16:59 138

原创 webpack打包js/css/scss/less/styl等（可以打包图片）

Webpack1. 什么是webpack？打包，压缩各种静态资源的工具(css,js,图片，图标等)2.目的性能优化减少浏览器向服务端请求的次数节约服务器的的带宽资源 3.如何使用介绍 webpack是基于Nodejs的， webpack是运行在Nodejs环境下的 webpack将各种静态资源整合在一起 ...

2018-06-25 19:07:51 1795

cky的博客