Pjax卡跳转加载页面
## 问题描述
我的 wordPress 使用 Pjax 之后会卡在加载的页面并且控制台会报错 TypeError:data.match(...) is null
问题解决更改固定链接设置的后缀!
解决问题的话记得点一下关注啊!!!万分感谢啦~http://106.15.192.221/ 我的博客,可以来逛逛~
建站
开头自己想建立一个属于自己的博客类网站玩一玩
准备
服务器电脑(阿里云,百度云之类的)
服务
WordPress (博客框架,依赖 php环境、MySQL)
宝塔面板
开始1. 部署你的服务器你需要在你的服务器上安装宝塔面板,它是网站运维软件,这个是官网:https://www.bt.cn/我的服务器是 乌班图(Ubuntu) 的,如果你的服务器操作系统是别的话,可以去这个网站 https://www.bt.cn/btcode.html 寻找你的操作系统相应命令
服务器系统:乌班图可以通过软件 PuTTY 或者 XShell 来链接你的服务器并且输入命令来操作服务器我这里用 PuTTY 来演示连接成功服务器输入以下命令,来给服务器安装宝塔插件
12//Ubuntu/Deepin安装脚本wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.sh
等待几分钟就好,安装完成后如下至此,乌班图上的部署完成
服务器系统:windows如果你 ...
【前端21_微信】常用之制作二维码、腾讯地图API、百度地图API、获取位置的天气信息
制作二维码
用途:扫二维码进入一个网站二维码是用 canvas 画出来的演示如下
首先下载这个 weapp.qrcode.min.js链接:https://pan.baidu.com/s/1MvY5iI60ipSCiCWZJOlEyQ 提取码:3yrs把这个复制到你的项目中去,可以新建个名字叫 js 的文件夹,丢进去
然后再你的项目的 js 文件中导入,语句如下
123// pages/12-10/demo1/demo1.js//写在你的js文件中,写开头就行,路径自己写,这个是我的路径演示import drawQrcode from "../../../utils/weapp.qrcode.min.js";
在 wxml 中写个 canvas,记住他的宽高,后面要用到,注意 canvas-id 要写对了
1<canvas style="width:200px;height:200px" canvas-id="birdId"></canvas>
接下来写 js
123456789 ...
【前端20_小程序】简介、WXML 操作、JS:数据绑定、条件语句、事件、更新数据、存储、双向数据绑定、图片选择,预览、对外暴露、模板、小程序的防抖节流、加载提示
微信小程序简介
小程序的大小限制在 2MB 以内
开发前的准备首先要注册个微信开发者工具,来这个网站https://mp.weixin.qq.com/wxopen/waregister?action=step1我用邮箱注册的(我新建的网易 163 邮箱)
小程序 ID注册完之后请把你的 ID 记住了
下载开发者工具开发者平台地址。根据你自己的操作平台来下载,我的是 Win10
新建工程安装完开发者工具之后,打开它
编译界面简介
WXML 的基本开发创建新的页面
我们点开 app.json 文件,在 "pages" 这个数组中添加新的语句,我填的是 "pages/demo1/demo1",,这句话就是声明一个名为 demo1 的新页面,然后按下Ctrl + S,保存好之后在左侧的 pages 文件夹中自动生成 demo1 文件夹
注意 pages 这里谁写在第一位,那么在开启小程序的时候就会展示这一页,你可以想象成主页。在这个文件夹中自动生成四个文件,其中的 .wxml 就类似 .html,.wxss 就类似 .css,我说的类 ...
【前端19_JS】ES 6:Proxy 过滤器、遍历器接口、function*、类Class、Promise
ES6过滤器 Proxy
修改某些操作的默认行为,比方说 a 标签的跳转又叫元编程
作用:拦截操作,类似过滤器、代理器
12//建立过滤器var proxy = new Proxy(target, handler);
它有两个属性,分别是 target 目标, handler 处理方法
target
就是过滤器的目标
目标是什么类型的,那么过滤器就是什么类型的
handler
他是过滤器的处理方法,就是要告诉过滤器,你咋过滤的?它本身是个对象
以下是 handler 中的几个方法
get:改变“读取”操作你的所有获取属性的方法都叫 读取 方法
比方说 arr[0],这是用 中括号 来读取 arr 中下标为零的元素
console.log() 点方法 获取 console 对象中的 log 方法
get 有 三个参数,分别是target 目标,比方说 obj.name,目标就是 objkey 就是你点之后的东西,比方说 obj.name ,key 就是 name第三个不咋用
而过滤器中的 get 会改变你读取 target 的方法
没有 get ,输出如下
...
【前端18_JS】ES 6:箭头函数、处理错误、数据结构 Set、WeakSet、数据类型 Symbol、魔术字符
箭头函数参数
最简单的箭头函数:一个形参可以不用括号
123456789var f = (v) => v;console.log(f(1));//1//这就等同于var f = function (v) { console.log(v);};f();
函数如果没有形参,需要加括号
123var f1 = () => 5;console.log(f1());//5
多参数也需要加括号
123var f2 = (a, b) => a + b;console.log(f2(3, 4));//7
箭头函数里没有 arguments,可以...rest来接过来
123456789let fn = (...arg) => { console.log("arg", arg); // arg (4) [1, 2, 3, 4] // console.log(arguments);};function fn1() { console.log(arguments); // Argu ...
【前端17_JS】ES 6:Let 、Const、对象冻结、解构赋值、暂时性死区 TDZ、惰性求值、模板字符串
简介
2015 年 6 月 17 日,ECMAScript 6 发布正式版本,即 ECMAScript 2015。
ES6 是继 ES5 之后的一次主要改进,ES6 增添了许多必要的特性,例如:模块和类,以及一些实用特性,例如 Maps、Sets、Promises、生成器(Generators)等。
尽管 ES6 做了大量的更新,但是它依旧完全向后兼容以前的版本,标准化委员会决定避免由不兼容版本语言导致的“web 体验破碎”。结果是,所有老代码都可以正常运行,整个过渡也显得更为平滑,但随之而来的问题是,开发者们抱怨了多年的老问题依然存在。
let 声明变量let 是新的变量声明
如果声明的位置是在代码块中,那么变量只能在代码块里有用
代码块,类似于 if、for 循环 等等。
123456if (true) { let a = 1;}console.log(a);//Uncaught ReferenceError: a is not defined
变量不提升不像 var ,这个没有变量提升所以,必须先声明,再使用
1234console.log ...
【前端16_辅助知识】颜色编译、色彩、网页配色技巧、PS 快捷键
颜色编译颜色有几种表达方式,分别是
RGBA:红绿蓝透明度,透明度的值是 0~1,0 为透明:background-color: rgba(0,0,0,.1);
十六进制 :#eee
直接写颜色的姓名:background-color: skyblue;
透明 :opacity: 1;/*透明度,默认是1,ie浏览器不支持*/
色彩是能引起我们共同的审美愉悦的、最为敏感的形式要素。色彩是最有表现力的要素之一,因为它的性质直接 影响人们的感情。丰富多样的颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、明度、饱和度。在色彩学上也称为色彩的三大要素或色彩的三属性。
无彩色系无彩色系是指白色、黑色和由白色黑色调合形成的各种深浅不同的灰色无彩色按照一定的变化规律,可以排成一个系列,由白色渐变到浅灰、中灰、深灰到黑色,色度学上称此为黑白系列。
有彩色系三大属性
色相:色相是指色彩的相貌,是色彩最显著的特征,是不同波长的色彩被感觉的结果。光谱上的红、橙、黄、绿、青、蓝、紫就是七种不同的基本色相。
明度:明度是指色彩的明暗、深浅程度的差别,它取决于反射光的强 ...
【前端14_Bom_存储】保存文件:Cookie、LocalStorage、SessionStorage & 数据库
文件保存Cookie
特点:占用小,由服务端产生
大小:均值为 4kb 左右
用途:用来保存简单的 id 之类的
生命周期:可设置,不设置的话浏览器生成,而且关闭浏览器就用不了了
其他:Cookie 是不能存储中文的,可以通过URL EnCoder编码,然后用URLDecoder进行解码
LocalStorage
特点:
大小:5mb~10mb
用法:window.localStorage.removeItem(key) 根据关键字删除window.localStorage.clear() 删除所有
用途:京东广告(就是第一次弹出广告,之后就没有了)
故事:ie6 以前提起过这个概念
生命周期:存在本地,不手动删除的话就不会没有
12345let loc = localStorage;//存储键值对loc.setItem("key1", "value1");//通过关键字打印值console.log(loc.getItem("key1"));
SessionStorage
特点:session 后台叫“会话”
大小 ...
【前端15_JS_BOM】表单提交*,携值跳转,获取屏幕宽高,前进后退,刷新页面
BOM总体
BOM 是浏览器对象模型
window关闭页面关键字 window.close()
1234var btn = document.querySelector("button");btn.onclick = function () { window.close();};
history前进 & 后退默认是 0,可以添加整数,正数表示前进多少页,负数表示后退多少页
123window.history.forward();window.history.back();window.history.go();
location跳转
assign 可以退回
replace 不可以退回
12345var btn = document.querySelector("button");btn.onclick = function () { window.location.assign("https://www.bilibili.com/"); /*window.locat ...