随笔分类 - 快速入门前端
摘要：linux 安装npm 下载源码安装包 cd ~ wget https://nodejs.org/dist/v14.15.4/node-v14.15.4-linux-x64.tar.xz 解压并放入指定目录 tar -xf node-v14.15.4-linux-x64.tar.xz mv node
阅读全文
摘要：Django-WebSocket 一.channles模块安装 pip3 install -U channels 二.django中channles配置apps */settings.py INSTALLED_APPS = ( 'django.contrib.auth', 'django.contr
阅读全文
摘要：Python实现WebSocket 一、WebSocket建立连接 1. 握手环节 **目的:**验证服务端是否支持Websocket协议 流程： 客户端浏览器第一次访问服务器的时候，浏览器内部会自动生成一个随机字符串，将该随机字符串发送给服务端（基于http）协议）浏览器也保留随机生成的字符串（在
阅读全文
摘要：WebSocket内部原理 websocket(主流浏览器和框架都支持),它也是一个网络协议，并且基于该协议传输数据，数据是加密处理的， WebSocket 与 HTTP WebSocket 的最大特点就是：服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是全 双工通信。 TTP
阅读全文
摘要：基于流(Comet Streaming) 1. 基于 Iframe 及 htmlfile 的流（Iframe Streaming） iframe 流方式是在页面中插入一个隐藏的 iframe，利用其 src 属性在服务器和客户端之间创建一条长链接，服务器向 iframe 传输数据（通常是 HTML，
阅读全文
摘要：长短轮询 长轮询 Long polling 阶段（Comet Long polling） 原理：服务端给每个客户端建立队列，让浏览器通过ajax向后端偷偷的发送请求，去各自对应的队列中获取数据，如果没有数据会阻塞，但是不会一直阻塞，会通过timeout参数及异常处理的方式限制阻塞事件，比如30s后返
阅读全文
摘要：短轮询 短轮询 Polling 阶段 **原理：**让浏览器每隔几秒钟通过ajax朝服务端发送请求来获取数据，eg:每隔5s中朝服务端发送一次请求 这种方式下，是不适合获取实时信息的，客户端和服务器之间会一直进行连接，每隔一段时间就询问一次。客户端会轮询，有没有新消息。这种方式连接数会很多，一个接受
阅读全文
摘要：全双工通信的 WebSocket 一.WebSocket 是什么？ WebSocket 是一种网络通信协议。在 2009 年诞生，于 2011 年被 IETF 定为标准 RFC 6455 通信标准。并由 RFC7936 补充规范。WebSocket API 也被 W3C 定为标准。 WebSocke
阅读全文
摘要：WebSocket 一、服务向客户端推送消息 1.1 轮询 **原理：**让浏览器每隔几秒钟通过ajax朝服务端发送请求来获取数据，eg:每隔5s中朝服务端发送一次请求 优缺点： 消息延迟太高 消耗资源较多 请求次数较多 1.2 长轮询 原理：服务端给每个客户端建立队列，让浏览器通过ajax向后端偷
阅读全文
摘要：一、服务接入流程 "官网" 二、无感验证后端接入（业务应用集成） 访问顶象官网，注册账号后登录控制台，访问“无感验证”模块，申请开通后系统会分配一个唯一的AppId、AppSecret。 当用户滑动验证码通过后，验证码服务会生成一个 ，用户的业务请求带上这个验证码 ，业务系统再调用后台 SDK 验证
阅读全文
摘要：Vue插件配置和 后台交互 一、全局配置静态文件(csss, js..) 1.1 全局配置css文件 1. 创建css文件 2. 在main.js配置css文件 1.2 全局配置js文件 1. 创建js文件 2. 在main.js配置js文件 3. 使用：this.$settings, 访问变量 二
阅读全文
摘要：Vue项目环境搭建 一、安装node.js 到 "官网" )下载node.js安装包进行安装 二、换源node 三、安装vue项目脚手架 脚手架就是类似房子的骨架，我们接下来往里面填钢筋混凝土，那vue的脚手架，接下来往里面填写一些vue的组件数据。 四、Vue项目的创建 五、已有Vue项目搭建本地
阅读全文
摘要：Vue使用 一、vue生命周期 总结: 1. main.js是vue项目的入口文件，在main.js中加载vue、router(路由)、store(仓库)等配置以及加载自定义配置的js、css,第三方js、css 2. 在项目中只有一个根组件，在index.html中有一个全局的挂载点，渲染的组件会
阅读全文
摘要：组件 一、组件 总结: 1. 组件：组件由html,css,js三部分组成的独立单位，类似于变量，可以重复使用 2. 使用: 组件就是vue实例对象, 一个组件就是一个vue实例对象，通过new Vue({ })创建的对象，就是一个组件，也称之为根组件 3. 一个页面建议只出现一个根组件,在项目开发
阅读全文
摘要：指令 一、表单指令 总结： 1. 表单指令：v model="变量"， 通过变量控制绑定表单元素value的值（数据双向驱动） 2. 只要表单发生了变化与其绑定的变量值(data)也会发生变化，普通表单元素，可以直接通过v model变量控制value值 3. 单个的单选框和单个的复选框只有一个可以
阅读全文
摘要：Vue 基础 Vue框架： "官网" vue框架：渐进式JavaScript框架，vue一个环境：可以只控制页面中一个标签、可以控制一组标签、可以控制整个页面、可以控制整个项目，vue可以根据实际需求，选择控制前端项目的区域范围，可以独立完成前后端分离式web项目的JavaScript框架。 Vue
阅读全文
摘要：前端框架 "Bootstrap框架" "Bootstrap之图标" "layer框架" "弹出框"
阅读全文
摘要：JQuery操作标签 一、样式操作 1 添加指定的CSS类名 2 移除指定的CSS类名 3 判断样式存不存在 4 切换CSS类名，如果有就移除，如果没有就添加 5 CSS操作 二、位置操作 1 获取匹配元素在当前窗口的相对偏移或设置元素位置 2 获取匹配元素相对父元素的偏移 3 获取匹配元素相对滚动
阅读全文
摘要：jQuery 一、jQuery介绍 1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write l
阅读全文
摘要：JQuery查找标签 一、基本标签 1 id选择器： $(" cent") 2 标签选择器： $("a") 3 class选择器： $(".b") 4 配合使用： $("div.c") 5 所有元素选择器： 6 组合选择器： 二、 层级选择器： 1 x的所有后代y（子子孙孙 $("x y"); //
阅读全文
浙公网安备 33010602011771号