Dhtml
文章平均质量分 51
肯尼思布赖恩埃德蒙
这个作者很懒,什么都没留下…
展开
-
js 随笔 0-未归档
0. 先把之前收集的一些笔记闲置在这里NaNif(变量)原创 2021-11-14 18:38:43 · 665 阅读 · 0 评论 -
Ajax 随笔
0. eric claptonXHR1&XHR2XHR原生Ajax实现Demo原创 2021-10-30 12:08:14 · 96 阅读 · 0 评论 -
[转载]vue 随笔 vue-ls插件
0.转载的vue-ls cnblog JackGIS1.概述Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storage2.demoimport Storage from 'vue-ls'; options = { namespace: 'vuejs__', // key键前缀 name: 'ls', // 命名Vue变量.[ls]或this.[$ls], storage: 'local', // 存储名称: session, local, mem转载 2021-09-16 20:13:13 · 285 阅读 · 0 评论 -
webpack 5.x 随笔
0.还在学习中…webpack 中文文档1.概念webpack 是一个JS的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从入口点构建一个 依赖图,然后将你项目中所需的模块组合成 bundles。1.1 相关术语asset 静态的资源文件 打包方式:输出为单独的文件、通过loader内联bundle 由许多不同的模块生成,包含已经经过加载和编译过程的源文件的最终版本(运行在浏览器中)bundle splitting 一种优化构建的方法:为一个文件生成多个bundl原创 2021-09-15 21:56:08 · 142 阅读 · 0 评论 -
vuex 2.x 随笔
0.wonderful tonightvue 2.x store模式vuex 2.x 官方教程vuex 2.x 官方API文档1.从store模式到vuexstore模式允许用户集中维护一份可以被不同组件共享的数据vuex基于单一状态树实现,常用作不同模块的vue实例之间存储共享变量的对象2. vuex 结构{ state: () => ({}), //共享变量 getters: {}, //有点像computed的get() mutations: {}, //通原创 2021-09-13 21:51:26 · 61 阅读 · 0 评论 -
vue-router 3.x 随笔
0.吐槽一手:前面看了下vue.render()&JSX,感觉到头皮发麻,得先放一边了…vue-router 官方教程vue-router 官方API文档1.内置组件1.1 <router-link/>路由入口组件默认渲染为<a></a>,可配1.2 <router-view/>路由出口组件渲染成出口组件(这波我解释了,但又好像没有解释…)2.内置对象2.1 route path:'', //用于捕获的路径,必选项 name:原创 2021-09-11 19:31:41 · 131 阅读 · 0 评论 -
@vue/cli 随笔
0.前端内容有点小多…vue-cli 官方文档1.概述本质上是vue项目的脚手架(用来快速生成项目结构的工具,举个栗子:spring Initializr)1.x、2.x时候,这个npm包叫vue-cli,之后的版本改名@vue/cli(不能直接到升级@vue/cli,需要卸载vue-cli的版本)vue -V或者是vue --version也好,都是查看本地已安装的vue-cli版本,不是vue的版本(不需要提前关心vue的版本,这跟vue-cli版本没有绝对的关系,可配的,放心好了)官方文档原创 2021-08-29 20:51:59 · 109 阅读 · 0 评论 -
js 随笔 2-Event Loop
0.瞅了眼阮总的文章,于是我又续了波js…阮一峰 再谈Event LoopNodejs.cn 事件循环1.作为单线程的Js,为什么要定义异步事件呢?因为存在诸如:设备输入(鼠标、键盘)、网络读取(Ajax)等IO较慢的操作,为了不等待IO,于是Js便定义了必须同步执行的任务&可以异步执行的任务。再加上h5对多核cpu的能力,允许Js使用子线程增加计算能力,并且只能由主线程来操作dom(保证浏览器环境下的Js是线程单一的)。2.执行过程主线程作为一个 栈 执行任务;子线程作为任务队列,原创 2021-08-25 23:33:40 · 82 阅读 · 0 评论 -
CSS3 随笔
0.有空再说了…C3中文文档1.display1.1 flex1.1.1 子节点填满父节点一般默认是子节点"撑开"父节点子节点不设高宽,flex-grow:1父节点设置高宽,display:flex2.伪类(伪元素)::hover 这个很常见了吧…::before、::after 在一个元素的前后追加样式...原创 2021-08-22 16:43:35 · 62 阅读 · 0 评论 -
svg 2.0 随笔
1. 概述作为icon,具备无色背景,可操作空间多基于h5+css,颜色、大小等样式可配,浏览器支持广泛矢量图,缩放不失真,且体积小,渲染速度快相比画布元素canvas,所需的机器性能更小2. demo<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <!-- 这里可以有若干个svg子节点 --> <g fill="none"> <path stroke="red" d="M5 2原创 2021-08-22 16:19:53 · 199 阅读 · 0 评论 -
vue 2.x 随笔 1-响应式系统
0. mvvm 模型参考阮总博客,还就那个轻松愉快 …阮一峰 MVC,MVP和MVVM的图示1.computed实现:相当于为该对象的protype声明了一个getter缓存:计算属性依赖于响应式依赖进行(即渲染时重新计算)2.watch一个好的选择:通过监听状态来减少一个大函数的调用3.prop声明时候,注意’-'和驼峰风格的使用可以声明一个对象封装所有property,然后直接赋值v-bind注意单向数据流 & js引用传递 的影响prop属性中可以设置类型验证、默认、原创 2021-08-15 22:46:29 · 145 阅读 · 0 评论 -
ES6 随笔 0-未归档
1.Symbol保证变量名独一无二1。函数表达式(诸如 箭头函数)不具备自动提升的效果2.拷贝对象getOwnPrototypeDescriptors()function copyObject(orig) { return Object.create( Object.getPrototypeOf(orig), Object.getOwnPropertyDescriptors(orig) );}...原创 2021-08-15 10:43:35 · 64 阅读 · 0 评论 -
ES6 随笔 9-module
1.概述ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。2.export2.1 使用//一个一个导出export var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;//写成一条语句export { firstName, lastName, year };2.2 能否建立对应关系不能直接导出常量,常量导出后无法建立对应关系,这与E原创 2021-08-15 02:23:30 · 523 阅读 · 0 评论 -
ES6 随笔 8-class
1.概述ES5 constructor对象的语法糖,其中属性都是声明在prototype2.特点类和模块的内部,默认严格模式类内部声明的方法,均不可枚举同函数声明,类也可以使用表达式声明类声明不存在自动提升,保证父类先于子类声明类中的this默认指向类实例,也会收到严格模式、运行时环境的影响let methodName = 'getArea'; const MyClass = class Me { //类表达式 [methodName]() { //属性表达式原创 2021-08-14 22:13:41 · 71 阅读 · 0 评论 -
ES6 随笔 7-异步编程
1.概述js的异步编程实现 回调、事件监听、发布\订阅、promise 回调:分段执行的时候,上下文参数只能靠传参传入 promise:将嵌套调用转为链式调用协程 & 线程 & 子例程 js是单线程语言,只有一个调用栈 子例程:按堆栈式顺序执行 协程:每个任务有自己的调用栈,每个协程可以让出自己的执行权,后面恢复运行时候也可以找到自己原始的调用栈2.Generator流程控制器该函数返回一个迭代器对象(结构{valu原创 2021-08-14 21:58:07 · 79 阅读 · 0 评论 -
ES6 随笔 6-Iterator & for of
1.Iterator 迭代器基于Symbol.iterator属性实现,该属性指向该对象的默认构造器函数使用:调用next(),返回一个{value,done}对象,done表示是否已完成迭代自带Iterator接口的类型:array、map、set、string、arguments、TypedArray、NodeList2.for-offor-of可以支持遍历实现Symbol.iterator的数据结构...原创 2021-08-14 21:49:47 · 53 阅读 · 0 评论 -
ES6 随笔 5-Promise
1.概述包装异步操作状态的返回对象异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise,简单说就是一个容器,里面保存将来可能发生的动作。2.特点Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。对象的状态不受外界影响。只有异步操作的结果可以改变这个状态。状态发生改变之后,将永久的定型(resolved),且中途无法撤销。与事件(Event)完全不同的是,改变后可以随时监听到原创 2021-08-14 21:45:17 · 62 阅读 · 0 评论 -
ES6 随笔 4-Proxy & Reflect
1.Proxy主要用途: 拦截对象的一系列操作(以下用例只拦截其中一部分) 通过传入对象的构造函数,成为对象的原型对象var proxy = new Proxy(target, handler);//target拦截对象、handler拦截方法var handler = { get: function(target, name) { if (name === 'prototype') {return Object.prototype;} return 'Hello,原创 2021-08-14 21:38:53 · 70 阅读 · 0 评论 -
ES6 随笔 3-数据类型
1.String许多字符串的api对Unicode码点增加支持模板字符串(解决了字符串长拼接的一大坨的问题)//0.jQuery(Es5)存在的问题$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</em> are on sale!');//ES6 模原创 2021-08-14 21:11:37 · 82 阅读 · 0 评论 -
ES6 随笔 2-let 和 const 命令
1.块该代码块是一个局部的作用域解决了匿名的执行函数(IIFE)// IIFE 写法(function () {...}());// 块级作用域写法{...}块使用 块内可以声明函数,但是不同的浏览器对ES6的块内函数 支持程度不同,必然将存在不同的行为,建议将函数的声明赋值到一个let上 块,必须由{}显式地声明,例如if后虽然可以隐藏一行代码的括号,将这将不被 块 所支持2.let & constlet const 都为局部变量,不同于var不会被提升(吊装原创 2021-08-14 21:06:49 · 69 阅读 · 0 评论 -
ES6 随笔 1-ECMAScript 6 简介
0. 该随笔灵感主要来源于阮总的开源博客阮一峰 ES6 入门教程1.Babel用于将ES6语法转为ES5的转码器配置文件.babelrc默认转换新的js句式语法,不转换新的api 可使用core-js和regenerator-runtime为环境提供一个垫片2.Node.jsjs服务器运行环境对ES6支持很强,甚至是有一些ES6默认没有启用的功能...原创 2021-08-14 15:21:12 · 78 阅读 · 0 评论 -
js 随笔 1-回炉重造
0.该随笔灵感主要来源于阮总的开源博客阮一峰 JavaScript 教程原创 2021-08-14 12:18:47 · 136 阅读 · 0 评论 -
Dtml 基础 网站仿写
心得:也是课程设计时候,写着玩的随便把扫雷游戏整合进去了==================婊盘下载提取:weng原创 2020-07-31 22:02:32 · 173 阅读 · 0 评论 -
DHtml 基础 扫雷游戏
DHtml 基础 扫雷游戏心得:课程设计的时候,无聊做着玩的实现:html +css +jQ=============婊盘下载提取:weng原创 2020-07-31 21:56:59 · 78 阅读 · 0 评论