
前端
文章平均质量分 89
苍石
日复一日,年复一年
个人网站: https://palerock.cn
展开
-
NPM 包的开发指南
NPM, 全称 Node Package Manager,用过 Javascript 做开发的朋友应该都知道这个东西,其实严格上来说,NPM 是随同 NodeJS 一起安装的包管理工具,能解决 NodeJS 代码部署上的很多问题。 无论是前端开发,还是 Node 服务器的搭建,我们都会不可避免地使用到 NPM,通过 NPM 我们可以引用第三方的库/框架到自己的项目中,并且在使用起来特别简洁,只需要一行代码,以常用的库来说: npm install vue express 以上命令便在当前项目中很快地安装了原创 2021-06-28 14:08:30 · 1661 阅读 · 0 评论 -
[CSS] Position 用法进阶01:匹配父级容器空间
引入 在前端界面设计中,会有那么一些布局,需要占满整个父级容器,比如: 模态框(Modal)的背景 加载器(Spinner)的背景 以上两种组件中,都是将背景完全填充到父级容器,区别在于模态框通常是背景填满屏幕,通常使用 position: fixed; 用于定位,而加载器更多用于将其背景布满父级容器,通常使用 position: absolute; 定位。 通过 CSS position 属性实现填满父级容器 为了实现填充父级的需求,从正常的盒子模型的设计逻辑来讲,我们的思路大体上很简单:原创 2021-01-12 17:39:47 · 1029 阅读 · 0 评论 -
模拟 Vue 中 JS 动态表达式在模版中被动态解析的实现
最近在写自己的一个 web 框架 ref-lit.js,仅仅打算自己练练手,在这个框架中,其模版语法借助了 lit-html.js,而 lit-html.js 是通过 ES2015 规范中的模版字符串实现的 HTML 模版以及表达式的绑定的,虽然好用,但是考虑到兼容问题,我就想着自己去写一个解析模版的方法,将类似于 Vue 中的模版解析为模版字符串的结果。而为了能够达到学习和提升的效果,我不打算第一时间去参考 Vue 的源码,想着通过自己的知识体系能不能实现这个需求,那么,首先从最基础的 JS 表达式入手。原创 2020-11-13 15:33:30 · 1067 阅读 · 0 评论 -
[Webpack 踩坑] 使用 Webpack 打包 Web 端和 Node 服务端通用的依赖库
[Webpack 踩坑] 使用 Webpack 打包 Web 端和 Node 服务端通用的依赖库 引言 最近准备着手将大学时写的一个框架给规范化,想着将它部署成 NPM 上的一个 Package,但遇到了两个问题: 这个框架完全是由 ES5 语法规范搭建的,也没有考虑模块依赖什么的,它本身依赖的其它库都是纯代码复制到项目文件内容的上方,所以我们应该需要使用模块化来引用其依赖的框架,如 ES5 的 require 如果使用了 require 语法,那么意味着所有想使用该框架的项目都必须使用 NPM,该框架的原创 2020-10-23 15:31:11 · 2174 阅读 · 1 评论 -
JS 中实现 Deep Clone (深克隆) 的思路
什么是深克隆,为什么要深克隆 深克隆就是将某个对象完全复制一份与原对象无任何关联的相同对象,重新分配新的内存。 为什么要使用深克隆呢,在 JS 中,对数据操作时,通常会如以下所示 基本数据类型的赋值let a = 10; let b = 20; b = a; // 将 a 的值赋值给 b a = 30; console.log(a,b); // 10 30 // 对象中的基本数据类型的赋值 let data = { message:'clone' }; let dat原创 2020-08-25 17:33:01 · 5210 阅读 · 0 评论 -
在前后端分离的项目中,ajax跨域请求怎样附带cookie
在项目的实际开发中,我们总会遇到前后端分离的项目,在这样的项目中,跨域是第一个要解决的问题,除此之外,保存用户信息也是很重要的,然而,在后台保存用户信息通常使用的session和cookie结合的方法,而在前端的实际情况中,跨域产生的ajax是无法携带cookie信息的,这样导致了session和cookie的用户信息储存模式受到影响,该怎样去解决这样一个问题呢原创 2017-06-19 09:35:48 · 24986 阅读 · 5 评论 -
springMVC 中接收前端传递的对象、数组等数据的方式详解
1. 引言 在springMVC中,controller中方法的参数是自动注入的,在使用注解的方式下,通常有: @RequestParam: 取querystring当中的参数 @PathVariable: 取 在@RequestMapping中定义的占位符中的参数(/test/{id})原创 2017-09-19 20:18:47 · 58508 阅读 · 4 评论