aliven1的博客

原创 浏览器的渲染机制、重绘和回流，页面性能优化

1．2．静态资源，像图片，js可以分配非同域名的服务器进行加载，这样做的好处是可以并行开辟多个tcp通道，加载速度更快；3．减少请求4．用cdn5．把css放在头部6．css和js用外部链接，减小html的体积7．js放底部8．加载方式：（1）同步加载（2）分级加载：重要信息同步加载，非重要信息异步加载（3）按需加载9．占位符模式：eg:图片初始化的时候给个很小的图片，等到页面加载完成，再通过异步加载，替换图片的链接地址。其它元素的资源也是同样的道理进行替换，这样...

原创 前端数据埋点

利用img的href携带参数支持埋点，还能跨域

原创 创建对象的方式

原创 块元素垂直水平居中的方法/块元素在body中垂直居中js

方法一：方法二：方法三：方法四：方法五：

原创 BFC/IFC/GFC/FFC分别是什么？

BFC

原创 js中的this指向问题

原创 事件绑定的几种方式和事件委托

原创 如何理解原型链

原创 前端解决跨域问题

原创 前端安全性问题

1.xss:恶意脚本攻击2.CSRF:跨站伪造请求

原创 前端性能优化

原创 如何解决浏览器兼容问题

原创 全局定义的const和let不在window上，去哪里了

原创 判断数据类型的方法

4.，typeof 基本类型都能判断

原创 Set-WeakSet和Map-WeakMap

转载 解决移动端Retina屏幕1px边框问题

1.0.5px边框6.viewport+REM

原创 不改变行内样式代码，修改图片的宽度

原创 display-visibility-opacity

display: display:none，不渲染；绑定事件不会被触发；visibility： visibility：hidden，渲染；绑定事件不会被触发；opacity：opacity：0，渲染。绑定事件会被触发；

原创 scrollTop和scrollHeight属性

---------------------------------------------------------------------检测滚动条是否滚动到底部：

原创 变量和函数声明

原创 什么是函数节流和防抖--滚轮到达底部

函数防抖案例：

原创 异常处理范式

原创 浏览器内核组成

原创 js单线程简单剖析

1.因为js是单线程，所以只有在同步任务执行外之后，任务队列中的异步代码才会开始执行；因为下面例子中for循环执行好时，所 以定时器打印到时间差肯定要远大于200ms,从而证明js单线程到运行模式。因为js如果是多线程，则会另起一个线程执行定时器，打印到时间就会是200ms;...

原创 vue组件中缓存数据和实例数据的差别

写在组件 export default 外面的变量或者外部引用：下次重新进入当前组件，会使用上次的缓存数据，而写在组件实例内部的数据方法，每次都会重新加载：

原创 git使用基本工作流

转载 HTML5之pushstate、popstate操作history,无刷新改变当前url

一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退，可以这么做： 1 window.history.back(); 这就像用户点击浏览器的后

原创 图片在盒子中居中

li{width: 25%;height: 100%;float: left; display: -webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}img{ /*宽度和高度谁先到，图片尺寸基准就以谁的尺寸为准，另一边就不涨了*/ max-width: 100%;max-height: 100%;}...

转载 Vue项目编译后部署在非网站根目录的解决方案

同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式 内网环境：192.168.1.1:8080/index.html 外网环境：domain.com/ttsd/index.html由于开发出来的项目是要部署在客户方，且客户并不想单独拿一个域名（或子域）来部署，这时，打包后的程序就要作一些配置方面的修改了。修改配置文件1、把打包后的资源引用修改为相对路径 找到config/index..

原创 wx小程序云开发内容检测-文本检测和图片检测

1.云函数配置：{ "permissions": { "openapi": [ "security.msgSecCheck" ] }}2.云函数：cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV})// 云函数入口函数exports.main = async (event, context) => { let textContent=event.textContent; let result

原创 wx小程序开发细节

1.decode:解码，使空格生效

原创 wx小程序开放接口

获取用户设备信息：

原创 wx小程序图片预览

原创 wx地理位置获取和授权

原创 小程序页面间数据传递

原创 wx小程序自定义触发事件和vh单位

组件的方法写在methods内部：在使用组件的地方，绑定publish即可；

原创 vscode格式化代码

原创 switch case语句多个值判断的写法

原创 路由使用模糊匹配

/* 路由使用模糊匹配(只能匹配一个) 路由的样式：/sowing/api/list/single/:sowingId 使用：sowing/api/list/single/* 结果：sowing/api/list/single/111 =>sowingId=111*/router.get('/sowing/api/list/single/:sowingId',(req,res,next)=>{ /* 模糊路径匹配 */ /* Sowing....

原创 wx小程序用户信息授权