前端
文章平均质量分 86
JS + VUE等前端技术
Tippye
这个作者很懒,什么都没留下…
展开
-
wordpress入门 一
由于服务器被占用并且是Windows系统,所以只能用虚拟机来安装首先下载VMWare 并安装CentOS下载CentOS 8 iso镜像安装过程不详细说了,网上一找一堆,比MacOS的简单好多安装宝塔面板在终端输入yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh有些人可能遇到了这种情况遇到这个可以输入原创 2020-08-09 15:31:28 · 141 阅读 · 0 评论 -
嫌GUI太丑不好用?来试试Electron
还有原创 2020-06-05 10:45:35 · 333 阅读 · 0 评论 -
vue项目的初始化
新创建的项目的目录大概就是这样子index.html就是显示的网页做手机版页面的准备这里我要做的是一个手机版的页面,所以第一步要改一下index.html里面的meta标签把有content的meta标签改成下面这个样子<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale...原创 2020-02-09 22:34:37 · 160 阅读 · 0 评论 -
Vue项目的搭建
终于学完了Vue的基础教程,开始搭建第一个Vue项目(这里我用的是vue cli)vue的官网其实有安装教程的这里最好还是看官方文档,毕竟官方文档更新的快,还全面安装Node.jsVue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。可以直接去Node.js官网下载安装无脑下一步傻瓜式安装安装这个可能和官网略有不同,这里是我学习时老师的方法,好像是以...原创 2020-02-09 21:18:03 · 108 阅读 · 0 评论 -
vue动画使用animate.css
这个库可以在animate.css官网下载也可以到我的资源里下载示例也在animate.css官网可以看到使用就像是引入css文件一样<link rel="stylesheet" href="animate.css">transition标签也要更改一点<div id="root"> <button @click="handleClick">...原创 2020-02-07 16:07:02 · 102 阅读 · 0 评论 -
vue过渡动画原理
vue的过渡动画都要使用transition标签来实现用一个栗子解释一下这里的动画流程<div id="root"> <button @click="handleClick">切换</button> <transition name="fade"> <div v-show="show">Hello World</d...原创 2020-02-07 15:27:12 · 249 阅读 · 0 评论 -
正则表达式RegExp
作用:匹配特殊字符或有特殊搭配原则的字符的最佳选择(就是看字符串是不是想要的样子,比如aabb式)校验输入的内容是否符合格式要求创建方式直接量var reg = /abc/;//匹配的规则为abcvar str = "abcd"console.log(reg.test(str)) var reg = /abce/; var str = "abcd" con...原创 2020-01-28 15:41:36 · 397 阅读 · 0 评论 -
js使用json文件
window.onload = function() { //json文件的路径 var url = "js/test.json" var request = new XMLHttpRequest(); //设置请求方法及路径 request.open("get", url); //不将数据返回到服务器 ...原创 2020-01-21 17:08:56 · 1963 阅读 · 0 评论 -
js异步加载
话不多说,上代码function loadScript(url, callback) { //创建一个script标签 var script = document.createElement("script") //script标签的type属性 script.type = "text/javascript" if (script.readyState) ...原创 2020-01-20 16:29:24 · 136 阅读 · 0 评论 -
网页通过url传递数据
用js可以添加类似的内容(如电影网站里的每一个电影盒子),但是链接过去的网站怎么办?一个一个写?会累死的。那么这里就用到了数据传递。(例子均为个人练习所写,有部分无关代码,忽略掉)<li> <a href="book.html?type=种春风" target="_blank"> <img src="images/book1.jpg" alt="种春风"...原创 2020-01-19 15:53:18 · 800 阅读 · 0 评论