- 博客(17)
- 收藏
- 关注
RSS订阅原创 什么是懒加载
懒加载懒加载即按需加载什么叫离屏渲染，Off-Screen RenderingGPU在当前屏幕缓冲区以外新开一个缓冲区进行渲染操作常见场景浏览网页，滚动条往下拖动，占位图片被瞬间替换成最终图片为什么要懒加载？费带宽费流量费， 耗电快延长了浏览器解析时间懒加载图片img 出现在滚动到视窗内，再加载。intersection observe api懒加载视频poster 属性 占位preload 属性 是否再页面加载后载入视频常用懒加载库lozad.jsblazyyall.js
2021-11-17 14:45:13
196
原创 Cookie，LocalStorage，SessionStorage的区别
背景・cookie字面意思小甜饼，可存容量很小4KB，通常由服务器端生成，保存登录信息，记住密码就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的・localStorage 是 HTML5 标准中新加入的技术、取代IE6时代的userData・sessionStorage 与 localStorage 的接口类似，可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。区别特性CookielocalSto
2021-10-26 22:23:43
145
原创 babel & webpack是什么
Babel is a JavaScript compilerbabel结合webpack处理JS模块babel对于ES6新增的API不会转换，比如 Promise，Array.from, Object.assignbabel编译ES6代码3-1. npm init3-2. npm install --save-dev @bable/core @bable/cli3-3. script里添加 build: babel src -d dist src dist 分别是原文件编译后文件3-4.
2021-10-26 22:23:20
155
原创 ES6 Module学习
什么是模块局部作用域的代码块什么是模块系统，解决了哪些主要问题2-1. 模块化的问题2-2. 消除全局变量2-3. 管理加载顺序ES6之前 常用的模块库 RequireJS， seaJSModule导入导出 js 文件js 模块 导出 export default XXXjs 模块 导入 import XXX from YYYYjs 模块 引入至html script标签内须注明 type="module"//01.html<!DOCTYPE html><html.
2021-10-14 10:30:05
71
原创 vue router 相关
vue router 使用步骤注册路由插件 Vue.use(VueRouter), 路由规则 routes创建路由对象 new VueRouter在Vue实例 配置路由对象 route当前路由规则。route当前路由规则。route当前路由规则。router路由对象路由占位 router-view路由跳转 router-linkvue router 动态路由传参方式$route.params.id在路由规则里配置 props：true，在组件里props取得相应参数嵌套路由
2021-10-13 23:32:03
74
原创 vue 仿去哪儿页面
项目地址：https://gitee.com/zhukaijin/travel要点记录使用better-scroll的场合，div的click事件会失效，需设置better-scroll的配置 click: true使用better-scroll的场合，注意wrapper的高度必须小于content的高度，否则会滚动失效保险起见：updated中better-scroll刷新 this.scroll.refresh()合理的创建标题，有助于目录的生成直接输入1次#，并按下space后，将生成
2021-09-28 23:49:57
106
原创 JS性能优化要点
V8 JS引擎，即时编译快， 内存设限（64位 1.5G）V8 垃圾回收策略。分代（老新）回收V8 常用GC算法 分代回收， 空间复制， 标记清除，标记整理V8 内存一分为2，左新（存活时间较短） 右老。新生代对象 空间复制 From（使用空间） =》to（空闲），交替释放老生代对象 标记清除 标记整理 增量标记。新生代 空间换时间标记增量如何优化垃圾回收， 边运行，边回收。内存问题表现：延迟加载或经常性暂停（频繁垃圾回收：内存变化图分析 忽高忽低）持续糟糕性能（内存膨胀：硬件？）随.
2021-08-10 22:33:21
88
原创 Vuex运用初体验
Vuex的定位在SPA单页面组件开发中，Vue的vuex和React的Redux都统称为同一状态管理。也可以理解为将原有的 Vue实例中的data项，转变为全局变量，供各个模块使用，任意模块中值变更后，全局响应。在此之前的Vue组件间通信组件间的通信，是按照父子关系去联络的。子→父：$emit 事件传值父→子：v-on/@ props 属性传值对于层级复杂的多个组件间数据通信，代码就相当繁琐了。Vuex 同一状态管理引用Vuex 定义仓库storeimport Vue from 'v
2021-07-24 14:24:48
67
原创 函数式编程
什么是函数式编程从1950年代的Lisp语言开始，就有函数式编程（FP）的概念的。近年来，主流语言在设计时，都会更多的参考函数式特性（Lambda表达式，map…）， Java8 开始支持函数式编程。而在前端领域，ES6中的箭头函数，Recat16.6 开始推出React.memo(), Vue3的composition-api … 这些变量，函数式编程虽古老仍生机勃勃。面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装，继承和多态来演示事物事件的联系函数式编程的思维方
2021-07-11 23:27:55
169
原创 一道掉头发的前端JS输出题
sdfasfsafunction Foo(){ getName = function(){ alert(1)}; return this;}Foo.getName = function() { alert(2)};Foo.prototype.getName = function(){ alert(3)};var getName = function(){alert(4)};function getName(){alert(5)}// 请写出以下输出结果;Foo.getName();g
2021-06-29 00:13:45
130
原创 js函数调用的4种方式
函数调用的方式对函数内部的代码是如何执行的，有着巨大的影响，尤其是在this参数的创建中。除了函数名()这种最基础的调用方法外，还有哪些方式呢？函数的四种调用方式1. 作为一个函数进行调用，最简单的方式。 // 定义函数 funciton fun(a){ return a+1; } // 调用函数并取得返回值 var ret = fun(2012) console.log(ret) //20132. 作为一个方法进行调用，在对象上调用。var o = {a:1,b:2};o.ad
2021-06-24 16:18:33
5449
原创 Element UI For Vue 组件源码试读
还是从最简单的开始吧（博主较菜）~ el-button。先回顾一下el-button的用法，我们剥离一下h't'm'l
2021-06-21 09:56:18
133
原创 Promise 链式调用实例 （Ajax）
异步调用JavaScript的执行环境是单线程。即JS引擎解释和执行JS代码的线程只有一个。那JS如何实现异步呢？其实是依靠JS的宿主环境（浏览器，Node…）。浏览器除了JS代码执行的主线程之外，还有Http请求线程，浏览器定时触发器，浏览器时间触发线程等。这些线程的执行是异步的。原生AjaxAJAX即“Asynchronous JavaScript and XML”（异步的JavaScript与XML技术）AJAX的优点是不重载当前页面的情况下，可以向服务器请求新内容。原生的Ajax默认是异步的
2021-06-17 23:30:18
446
1
原创 ORDER BY 自定义顺序
公司人员工号职务 job工号 no科长王大锤部长朱小勇科长张天 主管刘晓波 总经理王丽主管李小龙工程师张狗蛋工程师吴天主管宋小宝将上述人员先按职务（总经理，部长，科长，主管，工程师）排序，再按姓氏拼音排序
2016-06-06 14:31:33
1731
转载 C#中字符串转化为整型变量的一般方法
C#中字符串转化为整型变量的一般方法 （1）使用强制类型转换：(int)浮点数 （2）使用Convert.ToInt32(string) （3）使用int.Parse(string)或int.TryParse(string,out int)在实际使用时，当要转换的字符串或数字带有小数时，发现它们有以下区别：（1）方法一:截断 方法二:四舍五入
2015-01-10 11:11:15
1016
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人