关于 Safari 100vh 的问题与解决方案
配图源自 Freepik
一、背景
最近在做一个移动端的 H5 项目，遇到了一个「有趣」的问题。假设有一页面布局如下：
下方 50px 悬浮于底部，采用 fixed 布局，示例如下：
<div class="container">
<!-- height: 100vh - 50px -->
<div class="page">&
前端
（万字长文）Django数据库操作——ORM：数据交互显示前端网页
🌟 如果这篇文章触动了你的心弦，请不要吝啬你的支持！亲爱的读者，感谢你花时间阅读这篇分享。希望这里的每一个字都能为你带来启发或是让你会心一笑。如果你觉得这篇文章有价值，或者它解决了你一直以来的一个疑问，请给个赞吧 —— 这不仅是对我学习效果的认可，更是激励我继续前行的动力！而且
前端刺客系列----Vue 3 入门介绍
目录一.什么是 Vue 3？二.Vue 3 的主要特性三,Vue3项目实战四.总结在前端开发的世界里，Vue.js 作为一款渐进式的 JavaScript 框架，已成为许多开发者的首选工具。自从 Vue 3 发布以来，它带来了许多重要的改进和新特性，不仅提升了性能，还使得开发体验更加流畅。在这篇文章中，
Vue.js 基础-02-模板语法（常用指令v-html/v-bind/v-if/v-model/v-on，插值，参数，修饰符，缩写）
@[toc]
前言：
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
1. 插值
1.1 插入文本
语法
使用 {{……}}
ES6模块化和webpack打包（webpack部分）
webpack打包
✍目录总览：
问题的产生
浏览器环境中模块化开发的问题：
效率问题：模块化导致JS代码需要不断的被细分, 而精细的模块划分带来了更多的JS文件, 更多的JS文件带来了更多的网络请求, 降低了页面访问效率
兼容性问题：
浏览器不识别ES6（或者更高版本的JS语法）语法，或者CSS预编译处理器（如less，scss）
目前浏览器仅支持ES6的模块化, 那么意味
JAVA Web 期末速成
一、专业术语及名词
1. Web 的特点定义：web 是分布在全世界，基于 HTTP 通信协议，存储在 Web 服务器中的所有相互链接的超文本集
Web 是一种分布式超媒体系统
Web 是多媒体化 和 易于导航的
Web 与平台无关
Web 是动态、交互的
2. TCP/IP 结构和作用
网络接口层：负责将 IP 分组封装成 合适在具体的
退出操作二次确认怎么做代码才更优雅 —— BLoC轻松解决
前言
在 flutter_bloc提供了一个状态监听组件 BlocListener，当状态发生改变时会调用listener参数给定的回调函数，这个方法没有返回值，可以用于我们处理一些提醒，例如显示弹窗提醒或确认，显示状态信息等等。有了 BlocListener，相当于给我们提供了一个额外处理对象变化的入口。接下来我们通过BlocListener实现某些 App退出登录前的二次确认。
登录状态
为了
jsonp 原理和使用
原理
主要就是利用了 script 标签的src没有跨域限制来完成的。
执行的过程
（1）前端定义一个解析函数，例如 jsonpCallback=function（res）{}
（2）通过params的形式包装script的请求参数，并且声明执行函数（如 cb=jsonpCallback）
（3）后端获取到前端声明的执行函数（jsonpCallback），并以携带参数并且调用执行函数的方式传递给前
js实现数据的双向绑定
js实现数据的双向绑定
数据的双向绑定
双向绑定指的是视图和数据两个之间双向绑定！
在页面中绑定两个或者多个元素，比如一个input框和一个p标签，当在input框输入值时，p标签也会自动更新文本。只关注数据的操作，减少对DOM的操作。
一、直接赋值
也就是将input框的值赋值给p标签的文本
html代码块
<p id="txt"></p>
<
