- 博客(16)
- 收藏
- 关注
RSS订阅原创 购物车input框不能输入+-.e
购物车开发中，碰到input框type=number输入的内容中可以输入.±等符号如图所示看了下vant的底层<input type="tel" inputmode="numeric" value="1" class="van-field__control"> 这里是引用 type=“tel” 主要是使用了inputmode属性，当然你也可以使用type=“text”当然还要使用 onInput(e, index, item) { this.cartList[i.
2022-03-10 16:13:23
259
原创 创建一个简单的cli
创建文件cd cli-test-my-own执行npm init创建 bin 文件夹index.js 内写入 #!/usr/bin/env node bin目录下更加env环境变量来访问，例如#!/usr/bin/env nodeconsole.log('welcome to you !!!')更改package.json 文件{ "name": "cli-test-my-own", "version": "1.0.0", "description": "", .
2022-02-21 17:59:32
326
转载 ngix前端必备
变量名 功能$host 请求信息中的Host，如果请求中没有Host行，则等于设置的服务器名$request_method 客户端请求类型，如GET、POST$remote_addr 客户端的IP地址$args 请求中的参数$content_length 请求头中的Content-length字段$http_user_agent 客户端agent信息$http_cookie 客户端cookie信息$remote_addr 客户端的IP地址$remote_port 客户端的端口$serve
2021-11-25 18:59:06
265
原创 JavaScript阻塞DOM树
DOM 树如何生成在渲染引擎内部，有一个叫HTML 解析器（HTMLParser）的模块，它的职责就是负责将 HTML 字节流转换为 DOM 结构。HTML 解析器是等整个 HTML 文档加载完成之后开始解析的，还是随着 HTML 文档边加 载边解析的？这个答案就是：HTML 解析器并不是等整个文档加载完成之后再解析的，而是网络进程加载了多少数据，HTML 解析器便解析多少数据网络进程接收到响应头之后，会根据响应头中的content-type字段来判断文件的类型，比如content-type的值
2021-11-19 16:27:28
818
原创 虚拟dom+dom diff
1.什么是虚拟dom？（1）什么是虚拟DOM？vdom可以看作是一个使用javascript模拟了DOM结构的树形结构，这个树结构包含整个DOM结构的信息：<ul id="list"><li class="item">item1</li><li class="item">item2</li></ul>上面的DOM结构，不论是标签名称还是标签的属性或标签的子集，都会对应在下面的树结构(其实就是一个对象)里{tag:
2021-11-16 10:16:22
565
原创 new Vue发生了什么?
new Vue发生了什么?首先查看源码src/core/instance/index.jsimport { initMixin } from './init'import { stateMixin } from './state'import { renderMixin } from './render'import { eventsMixin } from './events'import { lifecycleMixin } from './lifecycle'import { warn
2021-09-25 21:35:40
355
转载 常见的一些代码优化
一些常见的代码优化 //long /*** if(x==='abc'||x ==='def'||x==='ghi'){ //logic }**/ //short /*** if(['abc','def','ghi'].includes(x)){ //logic }**/ let test1 = undefined||null; test2 = test1||""; let test01 = "
2021-04-08 15:29:36
103
原创 从零写redux
从零写reduxlet state = { count: 0}//所有消息的消息队列let listener = [];//订阅function subscribe(fn){ listener.push(fn);}//发布所有消息function changeCount(count){ state.count = count for(let i = 0 ; i< listener.length ; i++){ const listen = listene
2021-04-07 17:16:26
43
原创 React Context
React Context如何使用Context如何使用Contextcontext api给出三个概念：React.createContext()、Provider、Consumer；React.createContext()这个方法用来创建context对象，并包含Provider、Consumer两个组件 <Provider />、<Consumer />const {Provider, Consumer} = React.createContext();Pro
2021-03-11 14:03:21
72
原创 树的遍历
二叉树遍历二叉树的遍历二叉树的遍历先序 （前序） 根 左 右 A B D E C F G中序 左 根 右 B A C （D B E A F C G）后序 左 右 根 B C A （D E B F G C A）
2021-03-03 14:00:14
64
原创 js常用的方法
一些常用方法js递归倒计时递归获取属性的值|对象js递归倒计时1.普通倒计时const countDown = (value,fn)=>{ fn(value); return value>0?countDown(value-1,fn):value;}countDown(10,value=>console.log(value));2.添加延时倒计时const countDown = (value,fn,delay=1000)=>{ fn(value);
2021-03-02 17:40:41
76
原创 chrome为什么是4个进程和Tcp相关
chrome浏览器原理过程01 | Chrome架构：仅仅打开了1个页面，为什么有4个进程？01 | Chrome架构：仅仅打开了1个页面，为什么有4个进程？从图中可以看出，最新的 Chrome 浏览器包括：1 个浏览器（Browser）主进程、1 个 GPU 进程、1 个网络（NetWork）进程、多个渲染进程和多个插件进程。下面我们来逐个分析下这几个进程的功能。浏览器进程。主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程。核心任务是将 HTML、CSS 和 JavaScr
2021-02-26 09:59:16
216
2
转载 前端工程
前端工程基础篇基础篇喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。你好，切图仔。不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。前端，是一种GUI软件现如今前端可谓包罗万象，产品形态五花八门，涉
2021-02-25 18:00:19
142
原创 js正则表达式学习
正则表达式学习正则^标识的意义正则表达式 符号意义横向模糊匹配(量词)纵向模糊匹配贪婪匹配与惰性匹配正则^标识的意义^在[ ]里面的时候，相当于取反的意思注意，这里的 ^是直接在[ ]里面；如果 [ ( ^ ) ] 这样，里面还有括号，就不是取反了，而是以 什么 开头正则表达式 符号意义\d 查找数字 (小写) 0-9\D 除数字以外的任意字符\s 查找空白字符 (小写) 表示 [ \t\v\n\r\f]。表示空白符，包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。\S 非
2021-02-24 20:18:40
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人