前端设计
嘿哈哈哈
人生就像一场演出,不到谢幕永远不知道自己有多精彩。
展开
-
Vue3 axios 和 Gin 前后端交互
前端请求异步请求前端可以使用try+await代替promise+then,实现串流编码的异步处理。Axios 和 Ajaxaxios和ajax的区别: axios是通过Promise实现对ajax技术的一种封装,就像jquery对ajax的封装一样,简单来说就是ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios。Axois 发送 POST 请求前会发送 OPTI原创 2022-01-26 22:01:32 · 3559 阅读 · 0 评论 -
Vue 渲染方式:render 和 template的区别
render 和 templatetemplate----html的方式做渲染render----js的方式做渲染render(提供)是一种编译方式render里有一个函数h,这个h的作用是将单文件组件进行虚拟DOM的创建,然后再通过render进行解析。h就是createElement()方法:createElement(标签名称,属性配置,children)template也是一种编译方式,但是template最终还是要通过render的方式再次进行编译。区别render渲染方式原创 2021-12-09 00:08:44 · 1340 阅读 · 1 评论 -
使用rpc(thrift或protobuf)进行前后端交互的若干种方式
使用http协议进行前后端交互,后端使用http到rpc协议进行转发:https://github.com/lilinxi/pilipili使用thrift或protobuf等序列化协议构造restful-api:https://www.jianshu.com/p/f084ea37e419使用nginx或envoy等代理服务器转发,仅限gRPC直接使用rpc框架生成的js-client,使用node,vue或react...原创 2021-11-18 17:58:25 · 2655 阅读 · 0 评论 -
前端登录的四种实现方式
Cookie + Session 登录Token 登录SSO 单点登录OAuth 第三方登录利弊权衡Cookie + Session 历史悠久,适合于简单的后端架构,需开发人员自己处理好安全问题。Token 方案对后端压力小,适合大型分布式的后端架构,但已分发出去的 token ,如果想收回权限,就不是很方便了。SSO 单点登录,适用于中大型企业,想要统一内部所有产品的登录方式。OAuth 第三方登录,简单易用,对用户和开发者都友好,但第三方平台很多,需要选择合适自己的第三方登录平台.原创 2021-11-18 17:48:20 · 4264 阅读 · 0 评论 -
基于机器学习的广告落地页转换
文章目录@[toc]项目背景实现原理概要设计详细设计成果展示1. 自动——将广告落地页一键转化为AMP页面2. 速度——转化后页面的加载速度更快3. 智能——能自动识别对应信息,并自动生成关键词信息和页面详情内容4. 工程——项目工程化程度高项目背景互联网广告落地页,指点击广告后跳转出来的网页,也就是广告的链接内容。○ 下载页:如苹果应用商店的App下载页面○ 服务展示页: 如淘宝的商品购买页面○ 信息收集页:提供空白框供客户填充信息○ 服务详情页:其他广告落地页加载速度严重影响广告效果,AM原创 2021-09-06 20:40:24 · 298 阅读 · 1 评论 -
SEO:初学者完整指南
原文链接指南链接原创 2021-08-27 16:58:34 · 187 阅读 · 1 评论 -
Vue2 实现表单控件
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:44:59 · 504 阅读 · 0 评论 -
Vue2 绑定 class 与 style 的几种方法
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:49:12 · 336 阅读 · 0 评论 -
Vue2 模板渲染
前后端渲染的对比前段渲染的优点:1)业务分类2)计算量转移后端渲染的优点:1)对搜索引擎友好2)首页加载时间短示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascrip原创 2019-01-30 23:03:27 · 329 阅读 · 0 评论 -
Vue2 事件绑定与监听
示例程序&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script type="text/javascript&a原创 2019-01-30 23:07:21 · 572 阅读 · 0 评论 -
Vue2 内置指令
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 23:45:50 · 241 阅读 · 0 评论 -
Vue2 自定义指令
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-31 10:15:04 · 260 阅读 · 0 评论 -
Vue2 计算属性应用实例
示例程序数据库中实际存储以分为单位,避免浮点数的运算,而前端的显示需要以元为单位。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;原创 2019-01-30 22:43:46 · 430 阅读 · 0 评论 -
Vue2 数据绑定,使用过滤器实现的搜索框功能
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:42:08 · 1127 阅读 · 0 评论 -
Vue2 过滤器
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 09:13:31 · 170 阅读 · 0 评论 -
Vue2 动态参数的过滤器
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 09:33:35 · 455 阅读 · 0 评论 -
Vue2 CSS 过渡
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:14:41 · 270 阅读 · 0 评论 -
Vue2 CSS 过渡钩子函数
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:32:42 · 410 阅读 · 0 评论 -
Vue2 transition-group 示例
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 10:50:29 · 1566 阅读 · 0 评论 -
Vue2 组件注册
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:07:57 · 277 阅读 · 0 评论 -
Vue2 组件属性
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:37:51 · 225 阅读 · 0 评论 -
Vue2 组件自定义事件
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 16:38:38 · 466 阅读 · 0 评论 -
Vue2 路由
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-02-01 17:01:57 · 372 阅读 · 0 评论 -
Vue2 模板的使用
示例一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&原创 2019-01-30 22:37:52 · 593 阅读 · 0 评论 -
Vue2 生命周期
示例程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="Vue-v2.5.22.js"></script&am原创 2019-01-30 22:39:07 · 277 阅读 · 0 评论 -
网页一次滚动一屏幕效果
复制代码即可用,可根据注释按需求修改&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot; /&am原创 2018-08-06 10:10:44 · 7778 阅读 · 1 评论