![](https://img-blog.csdnimg.cn/26a8f761d6334f828d216c2ba350ddd4.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发 🛸
文章平均质量分 81
java 前端 - js / jq
骆言
萌新
https://lawsssscat.blog.csdn.net/article/details/104581136
展开
-
【笔记】 typescript
TypeScript 是 添加了类型系统的 JavaScript 的超集,可以编译成 JavaScript。类型系统从 TypeScript 的名字就可以看出来, 「类型」 是其最核心的特性。弥补 JavaScript 没有类型概念,导致的类型混乱的现象。// js 运行时报错,导致线上 bug // ts 编译时就会提示,无法通过编译兼容:弱类型ts 完全兼容 js,因此也是弱类型的// 打印字符串 '11'原创 2019-11-12 16:27:47 · 291 阅读 · 2 评论 -
【笔记】重学 Vue2
历史前置知识MVVMwiki: https://zh.wikipedia.org/wiki/MVVMhttps://v2.cn.vuejs.org/v2/api/#指令https://v2.cn.vuejs.org/v2/api/#v-bind插值语法用 标签中用 # 双向绑定 v-modelhttps://v2.cn.vuejs.org/v2/api/#v-model只能用在输入标签上如下的事件绑定:事件修饰符https://v2.cn.vuejs.org/v2/api/#v-on注意原创 2020-02-27 01:05:38 · 804 阅读 · 4 评论 -
孔乙己: CSS垂直居中有5种写法
和 flex 几乎一样,同样需要考虑兼容性问题。(实用,但感觉是时代的产物)实现方法有点像变魔术。原创 2019-12-09 17:36:06 · 485 阅读 · 0 评论 -
【笔记】 axios - api、源码、源码模仿
axios原创 2019-12-04 14:49:20 · 391 阅读 · 2 评论 -
canvas
装% - 摸Regex - 正则Socket - 套接字什么意思?…Regex - Regula Expression 规则表达式正确的字符串格式规则一般用来判断用户输入的内容,是否符合格式要求。...原创 2019-12-03 18:49:42 · 254 阅读 · 0 评论 -
webpack
webpack学习笔记原创 2022-08-06 15:13:16 · 210 阅读 · 2 评论 -
vue-devtools下载与使用
插件安装 - https://www.jianshu.com/p/dee3e19a3e9b编译安装 - https://www.cnblogs.com/ouwen123/p/11016132.html原创 2020-02-27 11:38:55 · 1407 阅读 · 0 评论 -
【笔记】重学 Vue3
vue3 带来了什么?原创 2020-02-29 16:21:23 · 1012 阅读 · 2 评论 -
Vue - 7 - 前端路由 - vue-router
上一篇:Vue - 6 - 脚手架 - vue cli(安装、使用、目录结构)、ESLint(自动匹配、关闭) https://blog.csdn.net/LawssssCat/article/details/104618487文章目录vue-router详解# 认识路由## 路由表## 后端路由阶段早期 的网站开发整个 `HTML` 页面是由 **服务器** 来渲染的.一个网站, 这么...原创 2020-03-04 00:58:26 · 443 阅读 · 0 评论 -
Vue - 5 - 模块化 - commonJS、ES6-Modules、webpack、工程目录、(处理:css、less、图片、vue、搭建服务器)
文章目录# 为什么需要模块化# 模块化?组件化?# 匿名函数的解决方案# 为什么需要模块化回顾下 JavaScript 原始功能在网页开发的早期, js 制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码写在 <script> 标签中即可随着 ajax 异步请求的出现,慢慢形成了前后端的分离客户端需要...原创 2020-02-29 17:17:07 · 928 阅读 · 0 评论 -
Vue - 4 - 组件化 - 插槽(slot)
文章目录# 为什么使用 slot# 为什么使用 slotslot 翻译为 插槽插槽的目的是让我们原有的设备具备更多的扩展性(类java接口?)功能和实现分离 - 复用+解耦...原创 2020-02-29 11:45:28 · 486 阅读 · 0 评论 -
Vue - 案例 - TabBar 思路 + 实现
文章目录# 效果# 思路# 代码# 效果# 思路如果在下方有一个单独的TabBar组件,你如何封装自定义TabBar组件,在APP中使用让TabBar出于底部,并且设置相关的样式TabBar中显示的内容由外界决定定义插槽flex布局平分TabBar自定义TabBarItem,可以传入 图片和文字定义TabBarItem,并且定义两个插槽:图片、文字。给两个插槽外层包装di...原创 2020-03-05 22:19:05 · 705 阅读 · 0 评论 -
Vue - 6 - 脚手架 - vue cli(安装、使用、目录结构)、ESLint(自动匹配、关闭)
文章目录Vue CLI# 什么是Vue CLI# Vue CLI使用前提 - NodeVue CLI如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI.如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI# 什么是Vue CLI使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果...原创 2020-03-02 20:08:01 · 435 阅读 · 0 评论 -
vue - 源码探究 vue-cli 2 中 '/static'目录和 '/src/assert'目录区别
vue-cli 官方对 - 静态资源的介绍这里 vue cli 3 里面也大同小异,3 只是把 static 改成了 public文章目录# 指定 - 输出目录: /dist# 指定 - 静态资源文件名:static# 拷贝 - /static目录 到 /dist/static目录结论:关于 /static 目录# 指定:编译后的名字(或者目录)# url-loadder 的 ...原创 2020-03-06 14:56:28 · 1401 阅读 · 0 评论 -
vue - img的src属性绑定问题
官方解释 - 处理静态资源 【包括相对路径、绝对路径的处理】手动添加【图片loader】 - https://blog.csdn.net/LawssssCat/article/details/104576783#__573# 问题img 的 src 属性填写的图片地址,可以正常渲染,但是一旦利用绑定 :src 属性的时候,图片就加载失败了# 原因这里使用的是本地路径,想起...原创 2020-03-07 23:39:17 · 435 阅读 · 0 评论 -
Vue - 8 - 回顾 - Promise
《JS - 15 - 异步、Promise、async、await》Promise 在之前 ES6 的阶段就完成了。 - 更多下面,更多的是 回顾原创 2020-03-05 16:54:57 · 158 阅读 · 0 评论 -
jQuery - bind / on 绑定事件的区别
文章目录Jquery的bind跟on绑定事件的区别:事件捕捉 / 事件冒泡(事件代理);Jquery的bind跟on绑定事件的区别:事件捕捉 / 事件冒泡(事件代理);jquery文档中bind和on函数绑定事件的用法:事件捕捉: .bind(events [,eventData], handler)事件冒泡:.on(events [,selector] [,data], handler)...原创 2020-02-03 09:33:59 · 222 阅读 · 0 评论 -
jQuery - prop 和 attr 区别 【精简】
文章目录字段值状态值自定义属性值总结字段值状态值自定义属性值总结获取官方属性 - prop获取自定义属性 - attr原创 2020-01-09 11:21:52 · 90 阅读 · 0 评论 -
jQuery对象数据缓存Cache原理及jQuery.data详解
https://www.cnblogs.com/yuanjun1/p/4001953.html网上有很多教你怎么使用jQuery.data(…)来实现数据缓存,但有两个用户经常使用的 data([key],[value]) 和 jQuery.data(element,[key],[value]) 几乎没有什么文章说清楚它们两的区别,所以我用到了,研究下分享给大家。文章目录【例子】 - ...原创 2020-01-09 16:21:03 · 281 阅读 · 0 评论 -
javaScript - prototype 和__proto__ - 原理和区别 - [原型链]
文章目录# prototype 显示原型 -# `__proto__` 隐式原型 - in 实例# prototype 显示原型 -# __proto__ 隐式原型 - in 实例原创 2020-01-24 10:26:10 · 254 阅读 · 0 评论 -
JS - 11 - 原型、继承 -
感谢:https://www.bilibili.com/video/av78687689?p=2笔记文章目录waht?原型方法、对象方法的优先级函数 的原型原型 关系 、 属性继承系统构造函数的原型 体现自定义 对象的 原型设置 setPrototypeOfgetPrototypeOf原型 constructor 引用给我一个对象,还你一个世界原型链waht?对象 》 原型 》》原型的...原创 2020-02-10 23:30:42 · 254 阅读 · 0 评论 -
JS - 基础 - this的指向(function 、 箭头函数)
箭头函数this箭头函数的this是继承父执行上下文里面的this例子:var x = 11;var obb = { x: 222, y: { x:333, obc: function f() { console.log(this) var x = 111; var obj = { x: 22, say: () =&g原创 2020-05-22 11:15:29 · 511 阅读 · 0 评论 -
js - JSON.stringify() 、JSON序列化与自定义、转成js对象 JSON.parse()
js - JSON.stringify() 、JSON序列化与自定义原创 2020-02-10 20:53:49 · 740 阅读 · 0 评论 -
【一文搞定】JS - 防抖、节流
频繁触发事件时,事件可能触发请求,与服务器交互。// 输入框每输入一个字符,都会触发事件 let inp = document . querySelector("input");// 业务代码 console . log(this . value);防抖需要考虑:如何减少与服务器的交互次数(性能优化)解决方案: 只处理最后一次事件if(t!= null) {// 业务代码 console . log(this . value);}原创 2020-02-25 22:47:20 · 203 阅读 · 0 评论 -
Object.setPrototypeOf()方法和直接设置prototype有什么区别?
prototype 是构造函数的属性,所以直接设置是 ConstructorFunction.prototype = ......,相当于给类设置原型。Object.setPrototypeOf() 是给对象设置原型,是为了让大量 obj.__proto__ = .... 这种写法更优雅,有更好的兼容性。...原创 2020-02-11 00:41:41 · 1687 阅读 · 0 评论 -
ES6---箭头函数()=>{} 与function的区别、 this遗留问题的解决
文章目录# 1.箭头函数与function定义函数的写法:# 2.this的指向:# 3.构造函数# 4.变量提升# 1.箭头函数与function定义函数的写法://functionfunction fn(a, b){ return a + b;}//arrow functionvar foo = (a, b)=>{ return a + b };# 2.this的指向:...原创 2020-02-04 00:14:21 · 1370 阅读 · 0 评论 -
检测用户是否打开浏览器控制台的方式
https://www.cnblogs.com/TiestoRay/p/7650173.html# 方法 一var x = document.createElement('div');var isOpening = false;Object.defineProperty(x, 'id', { get:function(){ // 在这里放入你的代码 docum...原创 2020-01-24 18:35:47 · 1045 阅读 · 0 评论 -
JS - 12 - 类(class):和函数的对比、私有、继承、mixin
文章目录# why?# hello world# 类的 内部工作机制:原型操作## 类(class) 和函数(function ) :属性 - 对比## 类(class) 和函数(function ) :方法 - 对比## 类(class) 和函数(function ) :构造函数 - 对比# why?让面向对象的 更加舒服(语法糖)# hello world class ...原创 2020-02-21 17:27:22 · 507 阅读 · 0 评论 -
JS - 4 - 数组 Array - API(slice、splice、shift、)
https://www.w3school.com.cn/jsref/jsref_obj_array.asp文章目录# 总览# slice# splice# 总览几个绕的方法# slicehttps://www.w3school.com.cn/jsref/jsref_slice_array.asp# splicehttps://www.w3school.com.cn/j...原创 2020-02-26 00:08:08 · 444 阅读 · 0 评论 -
HTML实现网页内部的跳转
https://blog.csdn.net/qq_42191122/article/details/91347297# 网页三种跳转方法(1)利用a标签进行锚定跳转要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到的目标位置;在HTML中, 每一个标签都有一个名称叫做id的属性, 这个属性就是用来给标签指定一个独一无...原创 2020-01-25 14:41:21 · 4602 阅读 · 0 评论 -
JS - 6 - Set 和 WeakSet - 弱引用
文章目录# 不可重复# 区分类型# 构造函数传字符串# API# 类型转换## 转换成数组## 转换成数组 - 应用1## 转换成数组 - 应用2# 遍历Set 对象是 ES6 新增,特点:元素不重复。# 不可重复 let set = new Set([1,1,2]); // 不可重复 console.log(set) ;# 区分类型 let set = new ...原创 2020-02-22 12:30:45 · 558 阅读 · 0 评论 -
js - 构造函数
其实就这样(当然,还是有些区别。这里为了简单明了)function Hd() { let n = 1; funciton sum() { console.log(++n); } return { sum: sum } ; }let a = new Hd() ; a.sum() ; ...原创 2020-02-05 08:33:22 · 106 阅读 · 0 评论 -
JS - 7 - Map和WeakMap
上一篇:《JS - 6 - Set 和 WeakSet - 弱引用》视频:https://www.bilibili.com/video/av75335792?p=1和 set 基本一样文章目录Map# 需求?# 增删改查## set、get## delete# 遍历Map# 需求?对象的 键 只能是字符串。因此,需要一个任意类型都能作为 key 的 数据结构 ⇒ map# 增...原创 2020-02-22 15:53:21 · 221 阅读 · 0 评论 -
javascript - proxy 的 api
https://www.php.cn/js-tutorial-413686.html原创 2020-02-28 18:12:37 · 222 阅读 · 0 评论 -
let与var的区别 - let 作用?
# let 不可同一作用域中重复声明,var 可以报错:let a = 1 ; let a = 2 ; 不报错:var a = 1 ; var a = 2 ; # let会参与预解析,var会预解析报错:console.log(a);let a = 1 ; 不报错:console.log(a);var a = 1; # let 在块级作用域内有效,var在函...原创 2020-02-03 23:42:07 · 338 阅读 · 0 评论 -
JS - 13 - 模块化
视频:https://www.bilibili.com/video/av79663759文章目录# why ?# 开发模块管理引擎# why ?不同功能封装成独立的文件只开放部分功能性接口代码复用避免命名冲突解耦(可管理)# 开发模块管理引擎市场上的 模块管理引擎:AMD require.jsCMD sea.jsCOMMONJS NODE.jsUMD...原创 2020-02-23 18:09:25 · 252 阅读 · 0 评论 -
JS - 10 - 对象 - 遍历、解构、原型、代理(双向绑定)
# 为什么?首先,看 函数编程 的 求和 let name = '向军' ; let grade = [ {name: 'js' , score: 99} , {name: 'docker' , score: 76} ] ; function average(grade , name) { let total = grade.reduce((t,l) => t+...原创 2020-02-06 00:05:48 · 601 阅读 · 0 评论 -
JavaScript 浮点数陷阱及解法
JavaScript浮点数陷阱及解法 https://yq.aliyun.com/articles/229641?spm=a2c4e.11153940.0.0.7c7c4a9dvvyiCN众所周知,JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果,如 0.1+0.2=0.30000000000000004、1-0.9=0.099...转载 2020-02-28 14:19:03 · 278 阅读 · 0 评论 -
jQuery的 ajax 实现同步的原理
我们知道,jQuery中ajax同步的实现方法很简单:如果想同步 async设置为false就可以(默认是true)var html = $.ajax({ url: "some.php", async: false }).responseText; 或者在全局设置Ajax属性$.ajaxSetup({ async: false});再用post,get就是同步的了但了解了js的执行机制(↓↓↓↓↓)后,知道了js是主线程同步执行,异步任务放入任务队列,轮询触发。原创 2020-08-19 23:47:36 · 3364 阅读 · 5 评论 -
Javascript实现页面内容下载
https://www.awaimai.com/259.html页面上有一段代码,要保存下来,怎么做?选择复制?用按钮请求数据库?都很低效。既然页面已经有了内容,为何不用JS获取这段代码,生成文件后直接下载?下面我们用 Blob 和 URL.createObjectURL 来实现这一功能,兼容Chrome、Firefox和IE等主流浏览器。1 演示点击查看演示地址。2 实现代码...原创 2020-02-04 10:09:54 · 1458 阅读 · 0 评论