赵~-优快云博客

原创 2021-04-24

最近试了下VUE3的新构建工具Vite，感觉非常简洁易用。初始化： npm init vite-app vite_test cd vite_test npm install 调试： npm run dev 发布： npm run build 如果是yarn，则相应的命令是 yarn create vite-app vite_test cd vite_test yarn yarn dev vite主要特点是能非常快速的热更新开发环境。它本身依赖于module sciprt的特性，利用websocket传输文

2021-04-24 16:21:03 107

原创封装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 248

原创 Vue2.0子同级组件之间数据交互

熟悉了Vue.js的同级组件之间通信，写此文章，以便记录。 Vue是一个轻量级的渐进式框架，对于它的一些特性和优点，请在官网上进行查看，不再赘述。使用NPM及相关命令行工具初始化的Vue工程，目录结构如下接着我们进入Demo，首先我们可以删除掉模板项目中src/components/Hello.vue,然后在App.vue中删除对于Hello子组件的注册和使用还有一些其他无关紧要的东西，此时...

2018-10-17 11:36:32 2624

原创使用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 293

原创基于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 1283

原创 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 155

原创 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 281

原创 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 182

原创不定宽高的div中文字垂直居中（经常会问）

Examples div{ 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 616

原创 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 2613

原创 $.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 346

aas15的博客