前端

jsonp 原理和使用

原理 主要就是利用了 script 标签的src没有跨域限制来完成的。 执行的过程 (1)前端定义一个解析函数,例如 jsonpCallback=function(res){} (2)通过params的形式包装script的请求参数,并且声明执行函数(如 cb=jsonpCallback) (3)后端获取到前端声明的执行函数(jsonpCallback),并以携带参数并且调用执行函数的方式传递给前

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 插入文本 语法 使用 {{……}}

JAVA Web 期末速成

一、专业术语及名词 1. Web 的特点定义:web 是分布在全世界,基于 HTTP 通信协议,存储在 Web 服务器中的所有相互链接的超文本集 Web 是一种分布式超媒体系统 Web 是多媒体化 和 易于导航的 Web 与平台无关 Web 是动态、交互的 2. TCP/IP 结构和作用 网络接口层:负责将 IP 分组封装成 合适在具体的

js实现数据的双向绑定

js实现数据的双向绑定 数据的双向绑定 双向绑定指的是视图和数据两个之间双向绑定! 在页面中绑定两个或者多个元素,比如一个input框和一个p标签,当在input框输入值时,p标签也会自动更新文本。只关注数据的操作,减少对DOM的操作。 一、直接赋值 也就是将input框的值赋值给p标签的文本 html代码块 <p id="txt"></p> &lt

JustAuth整合第三方登录组件

一、官网 JustAuth 整合平台: QQ登录 新浪微博登录 百度登录 Gitee登录 Github登录 开源中国登录 StackOverflow登录 Coding(腾讯云)登录 程序员客栈登录 CSDN登录 Google登录 Facebook登录 钉钉登录 阿里云登录 支付宝登录 华为登录 飞书登录 微信开放平台登录 企业微信扫码登录 企业微信网页登录 抖音登录 京东登录 二、样例-微信开

ES6模块化和webpack打包(webpack部分)

webpack打包 ✍目录总览: 问题的产生 浏览器环境中模块化开发的问题: 效率问题:模块化导致JS代码需要不断的被细分, 而精细的模块划分带来了更多的JS文件, 更多的JS文件带来了更多的网络请求, 降低了页面访问效率 兼容性问题: 浏览器不识别ES6(或者更高版本的JS语法)语法,或者CSS预编译处理器(如less,scss) 目前浏览器仅支持ES6的模块化, 那么意味

如何编写初等细胞自动机

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 第7章目录 先掌握用Processing Sketch创建和可视化Wolfram CA模型的方法。 7.3 如何编写初等细胞自动机 1、数组表示CA 你也许会想:“我知道模拟细胞的思路,它有一些属性(状态、迭代次数、邻居细胞和在屏幕上的像素位置)。除此之外,它

关于 Safari 100vh 的问题与解决方案

配图源自 Freepik 一、背景 最近在做一个移动端的 H5 项目,遇到了一个「有趣」的问题。假设有一页面布局如下: 下方 50px 悬浮于底部,采用 fixed 布局,示例如下: <div class="container"> <!-- height: 100vh - 50px --> <div class="page">&

(万字长文)Django数据库操作——ORM:数据交互显示前端网页

🌟 如果这篇文章触动了你的心弦,请不要吝啬你的支持!亲爱的读者,感谢你花时间阅读这篇分享。希望这里的每一个字都能为你带来启发或是让你会心一笑。如果你觉得这篇文章有价值,或者它解决了你一直以来的一个疑问,请给个赞吧 —— 这不仅是对我学习效果的认可,更是激励我继续前行的动力!而且&#xf

CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block)

1. 隐藏元素 (display:none) 1.1 Display 作用: 隐藏某个元素,且该元素不占用空间。 示例 {display:none;} 1.2 和 Visibility比较 作用 隐藏某个元素,但该元素仍占用之前空间。 语法 visibility:hidden 2. 内联元素→ 块元素 (display:inline) 内联元素(行内元素) 语法 dis