![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 69
界域
当你决定做一件事情,任何时候都不会晚
展开
-
启动node项目:不是内部或外部命令,也不是可运行的程序
在启动node项目的时候,需要用到的命令模块不在项目根目录,此时,我们视图通过链接的形式指向该模块,但window环境下的cmd面板,不识别“./"或“../“这类型的路径标识原创 2022-10-24 09:15:26 · 983 阅读 · 0 评论 -
vs-code 中vue项目的 setting.json 配置
{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "editor.minimap.enabled": false, //关闭快速预览 "liveServer.settings.donotShowInfoMsg": true, //关闭liveserver提示 "files.associati...转载 2020-05-16 22:17:09 · 3797 阅读 · 0 评论 -
正则表达式零宽断言详解
在使用正则表达式时,有时我们需要捕获的内容前后必须是特定内容,但又不捕获这些特定内容的时候,零宽断言就起到作用了正则表达式零宽断言:参考:转自链接零宽断言是正则表达式中的难点,所以重点从匹配原理方面进行分析。零宽断言还有其他的名称,例如"环视"或者"预搜索"等等,不过这些都不是我们关注的重点。我很强,我想直接看例子上手用一.基本概念:零宽断言正如它的名字一样,是一种零宽度的...转载 2019-04-09 22:05:04 · 139 阅读 · 0 评论 -
正则实例 回溯匹配html标签
首先构造一个html文本let str =`/*<div><h1>123</h1><h2>234</h2><h2>error</h3><H2>345</H2></div>>*/`然后去除首位的/**/let str =`/*<div>...原创 2019-04-13 22:21:13 · 154 阅读 · 0 评论 -
js replace回溯替换
replace定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp/substr,replacement)参数 描述 regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意,如果该值是一个字符串,则...原创 2019-04-14 17:33:19 · 231 阅读 · 0 评论 -
nuxt.js 打通 Typescript
最近在研究nuxt.js,原来坑总是比想象的多想使用typescript,于是官网查看文档嗯,不错,nuxt是爱我们的,为我们考虑好了但内容却是一懵一懵的,难道是默认就支持了?捣鼓了半天,不要急嘛,顺着我的思路来。。。进入官方实例,直接把默认的例子放到本地测试报错。。。纳尼这种错最喜欢了,缺少那我们就安装吧,来一个干一个cnpm i ts-load...原创 2019-05-01 17:49:18 · 2818 阅读 · 0 评论 -
JavaScript创建对象之原型模式
构造函数模式创建对象的方式,构造函数模式中拥有了类和实例的概念,并且实例和实例之间是相互独立的(实例识别)。但是利用构造函数模式创建出来的每个对象,都拥有一份自己的属性和方法,拥有自己的属性是无可厚非的,但是方法应该是要共有的,不应该每个实例都有一份,每个对象都拥有一份方法的话,也会多占用内存空间。于是基于构造函数的原型模式就有了,原型模式解决了方法或者属性不能共有的问题,在原型模式...转载 2019-04-24 22:30:35 · 159 阅读 · 0 评论 -
GatewayWorker 集成thinkphp
安装tp5composer create-project topthink/think tp5进入目录cd tp5安装workerman和gatewayworkercomposer require workerman/workermancomposer require workerman/gateway-workercomposer require workerman...原创 2019-04-29 19:55:40 · 268 阅读 · 0 评论 -
nuxt安装集成elementui,解决HTMLElement is not defined
按照步骤集成安装nuxt后,npm run dev报错HTMLElement is not defined官方解释是这样的官方只给了原因,没给最终翻解决方案,正确方案找到nuxt.config.jsplugins: [ { src: '@/plugins/element-ui', ssr: false } ],设置ssr属性为false,只...原创 2019-04-30 23:02:05 · 4117 阅读 · 2 评论 -
thinkcmf 使用163邮箱配置管理员邮箱
首先设置网易邮箱,开启smtp服务,然后开启客户端授权配置thinkcmf后台最后测试验证即可成功原创 2019-05-13 23:37:39 · 353 阅读 · 0 评论 -
CSS侧边滚动条的隐藏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style type="text/css"> .out-box{ posi...原创 2019-05-09 22:44:14 · 2140 阅读 · 0 评论 -
ksweb 设置伪静态
本人要用thinkcmf搭建网站,却一直被卡在了rewrite 了 , ksweb 的apache没有集成该mode ,后来发现lighttpd带这个所以查阅了资料:lighttpd是一个轻量级的web服务器,后起之秀,虽然在静态文件比apache弱点,但是在动态服务方面要比apache强劲,现在基于lighttpd的应用越来越多,关于lighttpd的文档,可以在www.lighttp...原创 2019-05-12 12:03:48 · 4007 阅读 · 2 评论 -
ksweb安卓手机服务器教程-Termux-,端口映射,内网穿透
文档步骤操作https://cloud.tencent.com/developer/news/301769视频步骤操作 https://v.qq.com/x/page/h0856dswxav.html转载 2019-05-12 15:18:43 · 9015 阅读 · 1 评论 -
正则详解IP地址
本文讲解的是IP4的匹配方式,IP6同理//首先写一个IPvar str = '255.199.99.0'说白了,ip地址分四块,每一块范围就是0-255,但正则不懂数学,我们只能按照每一位进行判断首先罗列所有的可能出现的条件A.所有的两位数 /\d{1,2}/B.第一位为1的所有三位数 /1\d{2}/C.以2开头,第二位为0-4的所有三位数 /2[0-4]\d/...原创 2019-04-12 22:16:52 · 243 阅读 · 0 评论 -
正则向前查找——断言
断言表达式‘?=’正向向前查找‘?!’负向向前查找‘?<=’正向向后查找‘?<!’负向向后查找先举个列子var str = '我爱你 我爱 想爱 爱 爱你'var res = str.match(/爱(?=你)/g)//["爱", "爱"]var res = str.match(/爱(?!你)/g)//["爱", "爱", "爱"]var res = ...原创 2019-04-15 21:02:03 · 373 阅读 · 0 评论 -
图片预加载3
前面将图片的无序预加载提取出来,并做成了插件,这里做一个表情图片预加载的列子首先在index.html的中引入jQuery和Perload.js插件,开始布局,这里我用的HBulider,在插入表情图片路径时可使用快速语法 表情的图片预加载 body,p,li,ul{ margin: 0; padding: 0; } b原创 2017-06-01 11:44:01 · 243 阅读 · 0 评论 -
图片预加载1
最近在学习慕课网上的图片预加载课程,所以总结一下实现的效果,如图所示也就是进入页面以前,先提前加载完成所有的图片,所以,在进入页面后图片的切换过程中,不会出现卡顿空白的情况,影响体验效果首先,搭建好我们的框架 上一页 下一页 html,body{ width: 100%; } .content{ tex原创 2017-06-01 09:57:18 · 290 阅读 · 0 评论 -
图片预加载4
前面说的是图片的无序预加载,本篇主要说的是有序的预加载,使用场景比如看漫画时,按照顺序加载完毕的图片可以及时提供给用户浏览,这里的Dome主要还是用到前面无序加载的框架,只是图片的加载顺序是从第一张开始,一张一张的出来的定义一个预加载方法,当前一张图片有了load事件(即图片加载完成)或者error事件(即图片加载错误)时,加载下一张图片,再将链接赋予给Image对象,其余保持不变,详细参考图原创 2017-06-01 14:26:52 · 218 阅读 · 0 评论 -
margin改变容器尺寸
本文来自慕课网css深入理解之margin,感谢 张鑫旭老师,由于知识点太多,所以以截图的形式,方便理解首先上一个标准盒模型margin与可视尺寸的关系:在没有设定宽高的普通block水平元素前提下,只能改变水平的可视宽高,下图为默认当margin左右变为-50px,水平方向发生了变化当水平变为100px但是,垂直方向发生变化则没有改变可翻译 2017-06-01 16:13:44 · 915 阅读 · 0 评论 -
margin与百分比单位
本文来自慕课网css深入理解之margin,感谢 张鑫旭老师,由于知识点太多,所以以截图的形式,方便理解着重对比一下,水平与垂直方向的百分比,以及普通元素与绝对定位元素的百分比无论普通还是绝对定位元素的百分比都是依照宽度作为参考的,只不过宽度的参考对象不同下面是实现长宽1:2是实例翻译 2017-06-01 16:50:09 · 483 阅读 · 0 评论 -
margin重叠
本文来自慕课网css深入理解之margin,感谢 张鑫旭老师,由于知识点太多,所以以截图的形式,方便理解 垂直方向上下俊有margin,但只显示其中一份margin子元素虽然设定margin,但却没体现出来实际上,以下情况的父子关系是等效的空Block元素,即元素中没有内容翻译 2017-06-01 17:33:31 · 254 阅读 · 0 评论 -
vue-cli环境fetch代码封装,实测直接可用
之前用axios,老是现option预请求一次,所以不用了,听说fetch比较好,所以找了些教程,自己封装一下代码经过测试,可直接使用,如果浏览器不支持fetch便自动使用原生ajaximport { baseUrl} from './config'export default async(url = '', data = {}, type = 'GET', method ...原创 2018-09-03 15:10:28 · 1467 阅读 · 1 评论 -
Http Header里的Content-Type
之前一直分不清楚post请求里Content-Type方式,如application/x-www-form-urlencoded、multipart/form-data。本文会介绍Content-Type有哪几种、插件Postman和RESTClient使用示例。文末还会介绍在PHP中CURL里需要注意的细节。简介Http Header里的Content-Type一般有这三种:applic...转载 2018-09-03 15:12:57 · 556 阅读 · 0 评论 -
vue2 脚手架 支持 sass安装
对于less和sass脚手架中已经配置好了只是没有相关的依赖仅需要下面的炒作npm install node-sass --save-devnpm install sass-loader --save-dev页面中,直接使用<style lang="scss" scoped> #demo { background: goldenrod...原创 2018-09-03 16:44:14 · 777 阅读 · 0 评论 -
正则实例1(中文验证,邮箱匹配)
字符串是否包含中文//字符串是否包含中文 []表示匹配方括号的中任意字符,\u4e00是Unicode中汉字的开始,\u9fa5则是Unicode中汉字的结束var regExp1 = /[\u4e00-\u9fa5]/;var str1 = 'asdfg啦啦';console.log(regExp1.test(str1)); //返回true,包含中文邮箱地址验证//正则...原创 2019-04-10 23:05:04 · 444 阅读 · 0 评论 -
正则实例2(整数,数字,手机,身份证)
整数相关//正整数正则var posPattern = /^\d+$/;//负整数正则var negPattern = /^-\d+$/;//整数正则var intPattern = /^-?\d+$/;//输出 trueconsole.log(posPattern.test("66"));//输出 trueconsole.log(negPattern.test("-66"...原创 2019-04-11 21:12:05 · 89 阅读 · 0 评论 -
正则表达式 由浅入深 整理
在学习正则表达式的时候找到了一篇不错的文章。相比于其他文章只是简单的罗列和较为含混的思路,这篇文章对正则表达式的基础与较为深入的部分都有较好的讲解,在原页面也有作为教学实例的例子链接,能通过实际的操作来加深印象。原标题:揭开正则表达式的神秘面纱原地址:https://www.cnblogs.com/sowhite/p/6358025.html引言正则表达式(regular expr...转载 2019-04-08 22:00:08 · 125 阅读 · 0 评论 -
图片预加载2
上一篇实现了简单的图片无序加载功能,本篇主要是要将无须加载的功能提取出来,扩展到jQuery中作为插件中,方便其他地方使用新建一个Perload.js,然后在index.html中引入该js,在闭包模式下,创建构造函数,以及默认DEFULATS对象,构造函数中接收两个参数,分别为图片路径,以及需要操作的对象(function($){ //构造函数,必须与文件名一致 function P原创 2017-06-01 10:50:29 · 245 阅读 · 0 评论