09 2020 档案
发表于 2020-09-23 11:06阅读：191评论：0推荐：1
摘要：<template> <div id="app"> <transition :enter-active-class="enterTransition" :leave-active-class="leaveTransition"> <keep-alive> <router-view class="ro
阅读全文 »
发表于 2020-09-21 22:27阅读：141评论：0推荐：0
摘要：1.安装 TypeScript $ npm install -g typescript 2.验证 TypeScript $ tsc -v # Version 4.0.2 3.编译 TypeScript 文件 $ tsc helloworld.ts # helloworld.ts => hellowo
阅读全文 »
发表于 2020-09-21 22:26阅读：302评论：0推荐：0
摘要：TypeScriptJavaScript JavaScript 的超集用于解决大型项目的代码复杂性 一种脚本语言，用于创建动态网页 可以在编译期间发现并纠正错误 作为一种解释型语言，只能在运行时发现错误 强类型，支持静态和动态类型 弱类型，没有静态类型选项 最终被编译成 JavaScript 代码，
阅读全文 »
发表于 2020-09-15 01:51阅读：302评论：0推荐：0
摘要：本文使用axios请求，先在require中配置服务器请求拦截，并添加token，本文模拟token添加1111，域名使用的本地域名，需要自己配置一下。token可以使用cookie，放入cookie中获取添加当请求头中。 import axios from 'axios' // 创建axios对象
阅读全文 »
发表于 2020-09-13 22:26阅读：155评论：0推荐：0
摘要：本节目录 一 什么是组件 二 v-model双向数据绑定 三 组件基础 四 父子组件传值 五 平行组件传值 六 xxx 七 xxx 八 xxx 一 什么是组件 首先给大家介绍一下组件(component)的概念 我们在进行vue开发的时候，还记得我们自己创建的vm对象吗，这个vm对象我们称为一个大组
阅读全文 »
发表于 2020-09-13 20:23阅读：147评论：0推荐：0
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="city"> <li id="sz">深圳</li> <li>广州</li> <li id="nn">南宁</li>
阅读全文 »
发表于 2020-09-13 18:56阅读：152评论：0推荐：0
摘要：检查标签 名称: Auto Close Tag 背景 名称: background 中文 名称: Chinese (Simplified) Language Pack for Visual Studio Code 检查代码 Code Spell Checker 颜色选择 名称: Color Info
阅读全文 »
发表于 2020-09-10 17:33阅读：687评论：0推荐：0
摘要：import myhea from '@/components/hea.vue' export default { name: 'App', props: ["titlevlu", "lefttext"], components: { myhea }, data() { return { myact
阅读全文 »
发表于 2020-09-10 02:22阅读：239评论：0推荐：0
摘要：HTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。 HTML 原代码 显示结果 描述 < < 小于号或显示标记 > > 大于号或显示标记 & & 可用于显示其它特殊字符 " “ 引号 ® ® 已注册 © © 版权 &trad
阅读全文 »
发表于 2020-09-09 16:42阅读：94评论：0推荐：0
摘要：npm install --save axiosnpm i vant -Snpm i element-ui -Snpm install --save vue-router
阅读全文 »
发表于 2020-09-09 00:08阅读：2530评论：0推荐：0
摘要：在 vue 项目中除了可以在 webpack.base.conf.js 中 url-loader 中设置 limit 大小来对图片处理，对小于 limit 的图片转化为 base64 格式，其余的不做操作。所以对有些较大的图片资源，在请求资源的时候，加载会很慢，我们可以用 image-webpack
阅读全文 »
发表于 2020-09-09 00:06阅读：211评论：0推荐：0
摘要：一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 v-show 就简单得多，
阅读全文 »
发表于 2020-09-08 21:13阅读：328评论：0推荐：0
摘要：有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000并发，即同时有1000个人访问，就会产生1个G的带宽。 为了解决以上问题，提高用户体验，就出现了
阅读全文 »
发表于 2020-09-08 14:29阅读：637评论：0推荐：0
摘要：一、盒子模型： 整体的宽=margin-left（right）+padding-left（right）+border+content 整体的高=margin-top（bottom）+padding-top（bottom）+border+content 二、页面布局： （1）标准流：按照原先格式排版块
阅读全文 »
发表于 2020-09-08 13:36阅读：222评论：0推荐：0
摘要：// 实现一个add方法，使计算结果能够满足如下预期： add(1)(2)(3) = 6; add(1, 2, 3)(4) = 10; add(1)(2)(3)(4)(5) = 15; function add() { // 第一次执行时，定义一个数组专门用来存储所有的参数 var _args =
阅读全文 »
发表于 2020-09-08 13:34阅读：121评论：0推荐：0
摘要：存取arguments对象通常要比存取命名参数要慢一点 一些老版本的浏览器在arguments.length的实现上是相当慢的 使用fn.apply( … ) 和 fn.call( … )通常比直接调用fn( … ) 稍微慢点 创建大量嵌套作用域和闭包函数会带来花销，无论是在内存还是速度上
阅读全文 »
发表于 2020-09-08 13:33阅读：250评论：0推荐：0
摘要：1. 参数复用 // 正常正则验证字符串 reg.test(txt) // 函数封装后 function check(reg, txt) { return reg.test(txt) } check(/\d+/g, 'test') //false check(/[a-z]+/g, 'test') /
阅读全文 »
发表于 2020-09-08 13:31阅读：250评论：0推荐：1
摘要：柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。 // 普通的add函数 function add(x, y) { return x + y } // Currying后 function
阅读全文 »
发表于 2020-09-08 13:29阅读：444评论：1推荐：0
摘要：const html =document.querySelector('html'); html.oncopy=()=>false; html.onpaste=()=>false;
阅读全文 »
发表于 2020-09-08 13:24阅读：154评论：0推荐：0
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="css"> <div>我</div> </div> <div class="css"> <div>是</div
阅读全文 »
发表于 2020-09-07 23:52阅读：119评论：0推荐：0
摘要：网络数据请求有那些？ Form表单、Ajax异步网络请求、jQuery网络请求、fetch请求本地存储？ Local storage常用的ui框架？ Vant element常用的PC框架？ Vivw element构成模块化打包方式？ Export default三种打印方法？ Alert()弹窗
阅读全文 »
发表于 2020-09-07 09:56阅读：1884评论：0推荐：0
摘要：1.安装Vant // 通过 npm 安装 npm i vant -S // 通过 yarn 安装 yarn add vant 2.安装所需插件 // babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式 npm i ba
阅读全文 »
发表于 2020-09-07 09:05阅读：109评论：0推荐：0
摘要：一图看完本文 一、 计算机网络体系结构分层 计算机网络体系结构分层 计算机网络体系结构分层 不难看出，TCP/IP 与 OSI 在分层模块上稍有区别。OSI 参考模型注重“通信协议必要的功能是什么”，而 TCP/IP 则更强调“在计算机上实现协议应该开发哪种程序”。 二、 TCP/IP 基础 1.
阅读全文 »
发表于 2020-09-07 02:07阅读：233评论：0推荐：0
摘要：1. 在使用前， 先保证本机的 Node.js 已经成功安装好， 如果没有 Node.js , 请先去安装。 2. 请在根目录中 安装 websocket 扩展包 ， 运行命令： npm install ws 3. 运行时， 首先要启动服务器 执行下面的命令： node test.js, 接着用浏览
阅读全文 »
发表于 2020-09-07 02:02阅读：151评论：0推荐：0
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { // 获取checkboxbtn的值 va
阅读全文 »
发表于 2020-09-06 11:57阅读：176评论：0推荐：0
摘要：https://jingyan.baidu.com/article/fd8044fa87ec9c1130137a29.html
阅读全文 »
发表于 2020-09-06 00:49阅读：319评论：0推荐：1
摘要：1、看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。 显示404或则错误页面的是html页面。 2、看布局边界 可以打开 开发者选项中的显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。（仅针对安
阅读全文 »
发表于 2020-09-06 00:48阅读：603评论：0推荐：1
摘要：html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML4.0+CSS3+JS+API。 1.在文档类型声明上 html: 1 2 3 <!DOC
阅读全文 »
发表于 2020-09-06 00:41阅读：296评论：0推荐：1
摘要：1.不一样的变量声明：const和let ES6推荐使用let声明局部变量，相比之前的var（无论声明在何处，都会被视为声明在函数的最顶部） let和var声明的区别： var x = '全局变量'; { let x = '局部变量'; console.log(x); // 局部变量 } conso
阅读全文 »
发表于 2020-09-05 17:40阅读：821评论：1推荐：1
摘要：Set WshShell= WScript.CreateObject("WScript.Shell") WshShell.AppActivate "文采呱呱" for i=1 to 100 WScript.Sleep 500 WshShell.SendKeys "^v" WshShell.SendK
阅读全文 »
发表于 2020-09-04 10:26阅读：118评论：0推荐：1
摘要：HTML： <h1>{{ msg }}</h1> js： export default { props: { msg: String }} vue：<HelloWorld msg="Welcome to Your Vue.js App"/>
阅读全文 »
发表于 2020-09-02 19:26阅读：142评论：0推荐：1
摘要：console.log(` く__,.ヘヽ. / ,ー､ 〉 ＼ ', !-─‐-i / /´ ／｀ｰ' L/／｀ヽ､ / ／, /| , , ', ｲ / /-‐/ ｉ L_ ﾊ ヽ! i ﾚ ﾍ 7ｲ｀ﾄ ﾚ'ｧ-ﾄ､!ハ| | !,/7 '0' ´0iソ| | |.从" _ ,,,, / |.
阅读全文 »
发表于 2020-09-02 18:28阅读：109评论：0推荐：1
摘要：创建一个画布（Canvas） 一个画布在网页中是一个矩形框，通过 <canvas> 元素来绘制. 注意: 默认情况下 <canvas> 元素没有边框和内容。 <canvas>简单实例如下: <canvas id="myCanvas" width="200" height="100"></canvas
阅读全文 »
发表于 2020-09-02 18:27阅读：353评论：0推荐：1
摘要：window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload() 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。 只有一个要执行的函数语法： window.onload
阅读全文 »
发表于 2020-09-02 18:25阅读：130评论：0推荐：1
摘要：Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 只有异步操作的结果，可以决定当前是哪一种状态，任何
阅读全文 »
发表于 2020-09-02 18:22阅读：176评论：0推荐：1
摘要：calc, support, media各自的含义及用法？ @support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。 calc() 函数用于动态计算长度值。 calc()函数支持 "+"
阅读全文 »
发表于 2020-09-02 18:15阅读：172评论：0推荐：1
摘要：1. 新建仓库 都说了要给他人访问，如果你连个仓库都没有，是不是说不过去？出门右转上 github 新建一个仓库，仓库名必须为 <user-name>.github.io 格式，其中 <user-name> 是你 github 的昵称。不要问我为什么，问我我也不想回答你。 2. 全局安装hexo 如
阅读全文 »
发表于 2020-09-02 09:57阅读：161评论：0推荐：1
摘要：HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板
阅读全文 »
发表于 2020-09-02 01:06阅读：1797评论：0推荐：3
摘要：开始背景： 1.面试官在你自我介绍的时候，才有时间看你的简历。人太多没时间看，看了也记不住。 2.你在自我介绍中，他在想问你什么问题。 3.了解你语言 表达能力，自信气场，仪表形态。常规低级错误： 1.对面试官说：简历上有你自己看吧。 2.对照简历就念。 要点：熟悉自己的简历，熟悉自己要讲什么，反复
阅读全文 »
发表于 2020-09-01 15:18阅读：157评论：0推荐：1
摘要：BFC（block formatting context）格式化上下文，是web页面中盒模型布局的css渲染模式，指一个渲染区域或一个隔离的独立容器。 浮动，定位，display，overflow都是形成条件
阅读全文 »
发表于 2020-09-01 01:06阅读：173评论：0推荐：1
摘要：JS中Number()、parseInt()和parseFloat()的区别 三者的作用： Number(): 可以用于任何数据类型转换成数值； parseInt(): 函数可解析一个字符串，并返回一个整数。 parseFloat(): 将它的字符串参数解析成为浮点数并返回； 1.Number():
阅读全文 »
发表于 2020-09-01 01:05阅读：148评论：0推荐：1
摘要：时间戳转日期 做过日期的小伙伴可能都知道,一般的日期组件,都不怎么符合自己的需求~~ 下面是一个时间戳转日期的封装函数. , 有了这个函数我们可以方便的,对日期进行操作了, 无论是 昨天, 前天, 还是 三天前, 无论是 上周, 上个月, 前三个月, 半年前,都可以很快计算出日期. 这样的话是不是很
阅读全文 »
发表于 2020-09-01 01:03阅读：116评论：0推荐：1
摘要：所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。 Promise也有一些缺点。 无法取消Promise，一旦
阅读全文 »
发表于 2020-09-01 01:02阅读：141评论：0推荐：1
摘要：JS正则表达式 1.匹配ip地址 ip地址（0~255） 正则： /(\d{3})\.(\d{3})\.(\d{1,3})\.(\d{1,3})/ let str = 'rtsp://192.168.1.26:554/bhs_1.264' let reg = /(\d{3})\.(\d{3})\.(
阅读全文 »
