前端技术系列
文章平均质量分 95
以实战为线索,逐步深入开发的各个环节,掌握前端常用性能体验优化思路,打造完整的前端工作流,提升工程化编码能力和思维能力。
试剑江湖。
做你没做过的事叫成长,做你不愿意做的事叫改变,做你不敢做的事叫突破。
展开
-
Vue 引入swiper 实现轮播效果
(1)What 官网地址:https://www.swiper.com.cn/Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,...转载 2020-04-14 10:30:58 · 760 阅读 · 0 评论 -
Vue 模式以及应用部署常见问题
(1)vue中mode hash 和 history的区别参考链接:https://blog.csdn.net/lyn1772671980/article/details/80804419(2)部署指南参考官网:https://cli.vuejs.org/zh/guide/deployment.html使用注意项: 本地预览 npm install -g serve...转载 2020-04-06 14:10:12 · 278 阅读 · 0 评论 -
vue cli 3 升级到 vue cli 4 配置总结+移动适配方案
官方升级英文文档,中文文档相对滞后。学习地址简介:vue cli 4 官方已经更新有一段时间了,现在是4.0.5版本,看了官方文档大概有二十几点的更新,还是干货满满呀,值得升级一下,下面是升级步骤。一.首先,在全局安装最新的 Vue CLI:npm install -g @vue/cli# ORyarn global add @vue/cli- 检查安装的版本...原创 2020-02-07 12:23:14 · 976 阅读 · 0 评论 -
Vue CLI v3.3.0 快速创建并启动项目全过程
vue cli 3 介绍上次用vue的时候,vue cli的版本还是2,对应指令还是 vue init < 模板名称 > < 项目名称 >vue-cli提供的模板有: webpack 一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。 webpack-simple 一个简单...原创 2019-01-12 01:35:32 · 2936 阅读 · 0 评论 -
Vue.js环境搭建+VSCode+Win10(按步骤就能搭建好完整的环境)
一,安装Node.js(js的运行环境)1.在Node.js官网https://nodejs.org/en/download/下载安装包。2.下载后进行安装。3.打开命令行,输入node -v可以查看到版本号。输入npm –v可看到npm版本号。新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node.js时会一起安装。(将来要更新npm可用这个命令npm i...转载 2019-01-05 21:59:05 · 2129 阅读 · 0 评论 -
用vscode实现vue.js项目的一个全过程
1,新建项目 打开Visual studio code 打开一个你想要创建项目的文件夹 打开集成终端:查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli,在终端输入:npm install -g vue-cli 全局安装vue-cli然后新建项目vue init webpack projectName1projectName换为你想要的名字。...转载 2019-01-05 21:26:02 · 1314 阅读 · 0 评论 -
【前端技术】谈谈你对跨域的理解
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)转载 2021-02-03 17:22:19 · 278 阅读 · 0 评论 -
值栈在开发中的应用_Action中的数据在jsp页面中显示的三种方式
Struts2是一个MVC框架,从Action到页面会涉及数据交换问题,例如将action中的数据在页面上显示出来。值栈的作用就在于解决这样的问题。 其实Struts2引入值栈的主要目的,就页面与Action之间进行数据交换,采用以下两种方式交换数据时,Struts2会将对象自动存储到ValueStack中;1.属性驱动:每次请求访问Action对象时,Act...原创 2018-12-31 12:51:59 · 531 阅读 · 0 评论 -
struts2基于action的注解操作详细总结笔记
1.为什么我们要使用注解代替struts.xml配置文件 我们知道通常情况下,Struts2是通过struts.xml配置的。但是随着系统规模的加大我们需要配置的文件会比较大,虽然我们可以根据不同的系统功能将不同模块的配置文件单独书写,然后通过<include>节点将不同的配置文件引入到最终的struts.xml文件中,但是毕竟还是要维护和管理这些文件,因此也会给维护工...原创 2018-12-30 11:05:05 · 7528 阅读 · 2 评论 -
基于strut2处理json数据原理及具体实例
认识json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它 基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语...翻译 2018-11-18 14:03:15 · 222 阅读 · 0 评论 -
Action接收(处理)jsp页面form表单或json/ajax提交的数据的三种方式汇总
struts2中的Action接收表单传递过来的参数有3种方法:登陆表单login.jsp: <form action="login" method="post" name="form1"> 用户名:<s:textfield name="username"/><br/>密 码:<s:password nam原创 2018-11-15 23:48:23 · 2916 阅读 · 0 评论 -
jquery实现对表单的增删改查
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; ch原创 2018-10-23 15:28:15 · 1776 阅读 · 0 评论 -
Jquery实现双击单元格修改表单数据
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; ch原创 2018-10-23 15:24:21 · 1931 阅读 · 0 评论 -
【实践案例】实现struts2+mysql+jquery基于下拉菜单的多样查询项目
实现struts2+mysql+jquery基于下拉菜单的多样查询项目原创 2019-01-14 16:35:21 · 369 阅读 · 0 评论 -
【实践案例】struct2+mysql+json+jquery实现数据库的增删改查项目
struct2+mysql+json+jquery实现数据库的增删改查项目原创 2019-01-14 17:33:03 · 638 阅读 · 1 评论 -
Jsp技术A(一)之9大内置对象应用范围
一、四种属性范围1.1、在JSP中提供了四种属性保存范围page:在当前页面内保存属性,跳转之后无效 request: 只能将请求保存在一次请求范围之内且必须是使用服务器跳转<jsp:forward/>,而超链接不可以,因为超链 接是客户端跳转 session:-在浏览器和服务器一次会话范围内有效,无论何种跳转都可以使用,关闭浏览器就会失...翻译 2019-06-21 10:23:05 · 217 阅读 · 0 评论 -
使用js,jq在div里边追加新的内容
jquery设置内容和属性:text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val();jquery添加:append() - 在被选元素的结尾插入内容 prepend() - 在被选元...转载 2020-02-21 22:34:54 · 2046 阅读 · 0 评论 -
浏览器 视口的理解
1. 浏览器私有前缀 用法-ms- 代表IE浏览器私有属性-moz- 代表FireFox浏览器私有前缀-webkit- 代表Chrome,Safari浏览器私有属性-o- 代表Opera浏览器私有属性现在很多浏览器已经都支持css3的属性, 在写源代码的时候可以不必前缀, 但是为了兼容老浏览器,依然要注意前缀时, 可以使用PostCSS的Autoprefixer插件解决。...原创 2020-02-06 13:18:20 · 571 阅读 · 0 评论 -
如何优雅的显示登录注册
表示空格  表示一个汉字的间隔  表示半个汉字的间隔 <div> <h4>注册页</h4> 用 户 名:<input type="text"><br> 密 &ems...原创 2019-09-27 10:34:04 · 168 阅读 · 0 评论