- 博客(11)
- 收藏
- 关注
原创 2021-04-24
最近试了下VUE3的新构建工具Vite,感觉非常简洁易用。初始化:npm init vite-app vite_testcd vite_testnpm install调试:npm run dev发布:npm run build如果是yarn,则相应的命令是yarn create vite-app vite_testcd vite_testyarnyarn devvite主要特点是能非常快速的热更新开发环境。它本身依赖于module sciprt的特性,利用websocket传输文
2021-04-24 16:21:03 55
原创 封装jsonp
function jsonp(url,data,callback,succ,fn){ var oS = document.createElement('script'); var head = document.getElementsByTagName('head')[0]; /* 保证每一次请求数据的接收函数名不重复 */ va...
2018-11-07 18:10:39 198
原创 Vue2.0子同级组件之间数据交互
熟悉了Vue.js的同级组件之间通信,写此文章,以便记录。Vue是一个轻量级的渐进式框架,对于它的一些特性和优点,请在官网上进行查看,不再赘述。使用NPM及相关命令行工具初始化的Vue工程,目录结构如下接着我们进入Demo,首先我们可以删除掉模板项目中src/components/Hello.vue,然后在App.vue中删除对于Hello子组件的注册和使用还有一些其他无关紧要的东西,此时...
2018-10-17 11:36:32 2521
原创 使用ajax提交form表单,包括ajax文件上传
使用ajax请求数据,很多人都会,比如说:$.post(path,{data:data},function(data){…},“json”);又或者是这样的ajax复制代码KaTeX parse error: Expected '}', got 'EOF' at end of input: … url:"{pageContext.request.contextPath...
2018-10-11 20:17:34 241
原创 基于Jquery+Ajax+Json实现分页显示
function getJSONData(pn) { // alert(pn); $.getJSON("blackList.ce", function(data) { var totalCount = data.totalCount; // 总记录数 var pageSize = 10; // 每页显示几条记录 var pageTotal = Math.ceil(totalCoun...
2018-09-27 19:22:18 1215
原创 git常用命令
创建版本库$ git clone 克隆远程版本库$ git init 初始化本地版本库修改和提交$ git status 查看状态$ git diff 查看变更内容$ git add . 跟踪所有改动过的文件$ git add 跟踪指定的文件$ git mv 文件改名$ git rm 删除文件$ git rm --cached 停止跟踪文件但不删除$ git co...
2018-09-27 15:07:29 105
原创 Git本地仓库与Github远程仓库关联
如果你已经在本地创建了一个Git仓库,又想在GitHub创建一个Git仓库,并且让这两个仓库进行远程同步,那就需要用到SSH Key,github拿到了你的公钥就会知道内容是你推送的。SSH Key的配置:1.Windows下打开Git Bash,创建SSH Key,按提示输入密码,可以不填密码一路回车$ ssh-keygen -t rsa -C "注册邮箱"然后用户主目录/.ssh/下...
2018-09-27 14:59:09 209
原创 git 工作中常用到的命令
今天主要记录一下平常工作当中使用的git操作: 1.git的安装这里省略; 2.git的操作指令:在项目开发中,经常是拉去经理已经搭建好的一个项目,也就是给我们一个git地址。比如:http://git.com//xxx.git;第一步:克隆代码 在git黑窗口输入:git clone http://git.com//xxx.git,然后会生成一个对应的项目文件夹;一般在工作...
2018-09-25 14:03:06 134
原创 不定宽高的div中 文字垂直居中(经常会问)
Examplesdiv{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);/* * 当使用:top: 50%;left: 50%;, 是以左上角为原点,故不处于中心位置 * translate(-50%,-50%) 作用是,往上(x轴),...
2018-09-21 20:25:20 556
原创 flex布局版本兼容问题1
1.flex布局版本兼容问题flex布局自2009提出之后,变化过好几个版本:2009 version标志:display: box;2011 version标志:display: flexbox;2012 version标志:display: flex/inline-flex;2014 version新增了对flex项z-index的规定2015 W3C Editor’s D...
2018-09-21 19:29:11 2469
原创 $.ajax处理数据
$(function(){$(’#send’).click(function(){KaTeX parse error: Expected '}', got 'EOF' at end of input: …ata: {username:("#username").val(), content:$("#content").val()},dataType: “json”,success: fun...
2018-09-20 13:58:52 284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人