- 博客(27)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 ES6 自我学习
1 JS中可以声明常量吗？1.var 允许变量重名，覆盖前面 属于顶层对象window 变量提升2. ES3中通过 var BASE_URL='' 大写字母表示常量，但是也允许更改3.ES5Object.defineProperty(window, 'es', { value: '2015', writable: false // 不可写})4.ES6 const不允许重复声明 不属于顶层对象window 不存在变量提升 暂时性死区（不能在声明之..
2022-03-31 17:55:09
1088
原创 typeScript不能使用vue 全局变量的问题
解决问题vue插件+单例模式export class RetroPlugin { /**核心 - 一个接收实例的静态成员 */ private static instance: RetroPlugin; /**核心 - 私有构造函数 */ private constructor(options: any) { this.install(Vue, options) } /**核心 - 获取实例 */ static getInstance(options:
2021-08-11 10:31:39
421
原创 工作日志：setTimeOut 模拟setInterval
setTimeout 延迟一段时间执行一次 (Only one)；用clearTimeout()终止setTimeout(function(){··· }, n); // n毫秒后执行functionsetInterval 每隔一段时间执行一次 (Many times)；用clearInterval()终止setInterval(function(){··· }, n); // 每隔n毫秒执行一次function注：setTimeout和setInterval的回调函数，都是经过n毫秒后被.
2021-07-01 09:58:05
199
转载 Less相关
1.安装：（1）node安装：npm install -g less\2.less的优点（1）结构清晰，便于扩展（嵌套功能）（2）可以方便地屏蔽浏览器私有语法差异（函数功能）（3）可以轻松实现多重继承（混合功能）（4）完全兼容css代码https://www.jianshu.com/p/4d5bd62d0481...
2019-09-04 09:22:32
127
翻译 错误监控
前端错误的分类（1）即时运行错误：代码错误（2）资源加载错误错误的捕获方式即时运行错误（1）try..catch（2）window.onerror资源加载错误（1）object.onerror（2）performance.getEntries 所有已加载资源的加载时长（3）Error事件捕获跨域的js运行错误可以捕获吗？错误提示及处理错误上...
2019-08-07 15:10:58
165
翻译 页面性能
提升页面性能的方法？1.资源压缩合并、减少HTTP请求2.非核心代码异步加载--------异步加载的方式---------异步加载的区别3.利用浏览器缓存-----缓存的分类-------缓存的原理4.使用CDN5.预解析DNS<meta http-equiv="x-dns-prefech-control" content="on"><link re...
2019-08-07 10:46:46
153
翻译 JS运行机制
1输出结果为 1 3 4 2 因为setTimeout是异步函数，会挂起，等同步执行完毕后再执行。23输出结果为A,while为同步任务，没有执行完输出结果为： 4 4 4 4 异步任务的放入时间和执行时间，for是同步任务，setTimeout是异步任务，但是for执行时，还没来得急，就已经+1如何理解JS单线程？同一时间，只能干一件事什么是任务...
2019-08-05 15:51:21
153
翻译 渲染机制
渲染机制类什么是DOCTYPE及作用DTD(document type definition,文档类型定义)是一系列的语法规则，用来定义XML或（X）HTML的文档类型。浏览器会使用他来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错。浏...
2019-07-31 14:32:44
113
翻译 原型链
创建对象有几种方法（1）字面量var o1={name:'o1'}var o2=new Object({name:'o2'})（2）构造函数var M=function(){ this.name=name}var o3=new M('o3')（3）Object.createvar P={name:'p'}var o4=Object.create...
2019-07-30 16:55:03
76
翻译 HTTP协议类
HTTP协议的主要特点（1）简单快速（2）灵活（3）无连接（4）无状态HTTP报文的组成部分HTTP方法POST和GET的区别GET在浏览器退回时是无害的，而POST会再次提交请求 GET产生的URL地址可以被收藏，而POST不可以 GET请求会被浏览器主动缓存，而POST不会，除非手动设置 GET请求只能进行url编码，而POST请求支持多种编码方式...
2019-07-30 14:41:36
117
转载 DOM事件2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #ev { width: 300px; h...
2019-07-29 15:33:30
83
翻译 DOM事件类
基本概念：DOM事件的级别DOM0 element.onclick=function(){}DOM2 element.addEventListener('click',function(){},false/true)DOM3 element.addEventListener('keyup',function(){},false/true)DOM事件模型：...
2019-07-29 14:51:03
104
翻译 谈谈对css和模型的认识
谈谈对css和模型的认识基本概念：标准模型+IE模型标准模型和IE模型的区别高度和宽度的不同：标准模型的宽和高是content的宽和高。 IE模型的宽和高+border+paddingcss如何设置这两种模型标准模型： box-sizing:content-box;IE模型： box-sizing...
2019-07-29 10:28:00
183
翻译 页面布局：假设高度已知，请写出三栏布局，其中左栏、由栏宽度各自为300px,中间自适应
学习整理方法一：浮动<style>* { padding:0; margin:0;}.layout article div { min-height: 100px;}.left{ float: left; width:300px; background: blue;}.right{ float: right...
2019-07-26 10:19:29
353
转载 vue的keep-alive
转：https://www.jb51.net/article/140188.htm这个也不错：https://www.cnblogs.com/sysuhanyf/p/7454530.html1.keep-alive作用及好处<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态...
2019-01-07 14:35:38
1475
原创 FastClick用法
为什么要使用FastClick1. 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无法缩放2. 更改默认视口宽度 ...
2019-01-02 17:30:29
172
原创 Vue的router-view
点击链接跳转到其他组件，通常会跳转到新的页面，如果不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。我的订单页面：mAccount.vue<template> <div id="main"> <div class="content clear"> <div class="acco...
2018-12-20 14:42:33
550
原创 Vue中 关于$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 父组件：<template> <!-- 结算页面 --> <div id="main"> <li class="add-address-item js-add-address" @click="openPop"&a
2018-12-18 10:29:40
1181
原创 jquery的load和ready的区别
window.onload 1.必须等网页全部加载完毕（包括图片等），然后在执行包裹代码 2.只能执行一次，如果第二次，那么第一次的执行将被覆盖。$（document）.ready 1.只需要等待网页中的Dom结构加载完毕，就能执行包裹的代码 2.可以执行多次，第N次都不会被上一次覆盖。 ...
2018-04-13 10:05:45
250
转载 jquery的$().each,$.each的区别
在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。$().each,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如：$(“input[name=’ch’]”).each(function(i){i...
2018-04-10 20:33:28
127
转载 RequireJS其他配置
为什么要使用RequireJS？ JS阻塞浏览器渲染。打开浏览器时首先会执行js文件<!DOCTYPE html><html> <head> <script type="text/javascript" src="a.js"></script> </head>
2018-04-04 09:55:04
172
转载 jQuery的deferred对象详解
转自：http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能...
2018-04-03 14:19:34
114
转载 JavaScript模板引擎Template.js
template.js 一款 JavaScript 模板引擎，简单，好用。提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，生成对应数据产生的HTML片段，渲染不同的效果。https://github.com/aui/artTemplate1.语法（1）、使用引用简洁语法的引擎版本，例如： （2）、表达式{{ 与 }} 符号包
2018-03-20 13:07:14
488
原创 Echarts世界地图显示中文的国家名字
option = { tooltip : { trigger: 'item', formatter: '{b}' }, series : [ { name: '世界地图', type: 'map', mapType: 'world', roam: tr...
2018-03-07 11:23:04
729
转载 去掉select右侧倒三角
select { appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ }
2017-09-25 15:22:42
914
空空如也
CAS单点登录问题,认证成功如何自动登录
2017-10-11
CAS服务端登陆成功，不能返回目标页面
2017-08-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人