- 博客(25)
- 资源 (2)
- 收藏
- 关注
原创 从静态网页到vue+node项目服务器部署(全)
前提从零搭建Hexo博客并部署阿里云服务器(奶妈级教学)首先看这个链接 将服务器和域名购买第一 静态项目 IP访问使用类似IP(xxx.xxx.xxx.xxx)访问准备工作:1.写一个静态的html文件//目录结构html css js images index.html2.安装nginx nginx的配置文件/etc/nginx/nginx.conf这里面我推荐上文链接通过include方式进行配置conf3.进行配置server{ listen 80;
2022-01-23 12:56:27
2586
原创 正则表达式 RegExp
用处匹配字符在一堆字符里面匹配所需的字符 如 ctrl+f在输入账号密码的时候不允许输入特殊字符测试字符串内的模式。基于模式匹配从字符串中提取子字符串。概念 var expression = / patterm / flags;语法pattern是正则表达式flags 是标志 可带一个或者多个标志(搜索不区分大小写)使用方法正则中有常用的六种方法RegExp对象方法;1.exec() 2.test()exec() 接受一个参数 即要应用模式的字符串返回包含第一个
2020-10-31 19:12:05
163
原创 响应式开发
布局固定宽度布局流式布局 为网页色设置一个相对宽度 通常以百分比为长度单位栅格化布局 人为划分均等长度 如bootstrap响应式布局 通过检查设备信息 决定网页布局方式响应式开发原理 媒体查询屏幕尺寸不一样 展示 给用户 网页内容也不一样通过媒体查询可以检查屏幕尺寸 并设置不同css样式 实现响应式布局缺点速度可能会变慢 由于响应式页面是同时下载多套CSS样式代码实现方式@media mediatype
2020-10-31 18:30:07
273
原创 JS数组操作
a=[1,2,3,4,5]b=[2,6,7,8,3]//查找相同元素let intersection = a.filter(v => b.includes(v)) console.log(intersection) //[ 2, 3 ]//移除相同元素let removeArr=a.filter((item)=>{ return b.indexOf(item)===(-1) //[ 1, 4, 5 ]})//移除b中有的相同元素let removeArr1=b.filter
2020-08-17 13:48:40
109
原创 node返回值参数res和路由res重复
记一次错学vue的时候.then带有的参数类型一直写为res 没想到和router带有的回调函数的res重复在查错的时候一直在跑逻辑 忘了看代码了
2020-05-21 20:59:03
391
原创 vue----label中for作用
vue----label中for作用效果点击label标签点击按钮代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>label中for的作用</title> <script src="vue.js"></scr...
2019-08-03 14:48:53
8748
1
原创 验证中文名字---正则表达式
验证中文名字—正则表达式效果正确演示错误演示运用知识点正则表达式ps http://www.bejson.com/convert/unicode_chinese/unicode编码(了解)打开浏览器 F12 控制台输入escape(“淦”)unescape("%u6DE6")在这里插入图片描述原理如果输入的是中文名字 那么背景颜色为绿色 否则为红色 ...
2019-07-30 10:39:32
13208
原创 验证邮箱格式---正则表达式
验证邮箱格式–正则表达式效果正确效果错误效果知识点1.正则表达式推荐在线正则表达式测试网站http://tool.oschina.net/regex/邮箱例子26321@qq.com26321@qq.com.cn26321@163.comps:[.] 只能匹配 . 这一字符. 却可以匹配除\n所有字符原理1.给文本框添加失去焦点事件1.1 ...
2019-07-30 09:59:01
1976
原创 判断密码中强弱强度---正则表达式运用
判断密码中强弱强度-正则表达式运用实际效果未输入状态弱状态中状态强状态用到的知识1.正则表达式2.键盘抬起事件3.jsDOM的使用思路1.给中强弱三种强度分别用过不同类名设置三种不同的样式例如 lvl lvl1 lvl2 lvl32.给文本框添加键盘抬起事件2.1 根据获取的值来判断密码的强度2.2 根据密码的强度添加不同的样式代码<!DOCTY...
2019-07-30 08:42:17
1095
原创 JS/JQuery两种代码实现五星评分案例
功能实现//实现五星评分效果 /** * 功能1 鼠标移入某星 该星和之前的星变色 * 鼠标移出 都不变色 * * 功能2 点击某星 该星和之前的星变色 * 鼠标移出 保持变色 * * 难点 给该星注册两种事件 */实现效果代码<!DOCTYPE html><html lang="en">...
2019-06-15 19:49:44
1663
3
原创 js原生回到顶部效果--兼容性初探(野蛮生长)
求救—找了很多兼容性文档 但是说的都不太一样 心累所以结果到底是怎样的附一个查js官方文档 MDNhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects原理及遇到的问题//实现功能 点击图片 回到顶部 //实现原理 /**给图片注册点击事件 * 获取当前位置距...
2019-06-13 21:44:23
373
原创 js/jQuery两种代码实现全选效果
注意点在获取子选框的时候别加上 全选框的个数了技巧 找 tbody 下面的input标签 就可以jq文件夹自己下载即可思路var all=my$("j_tb").getElementsByTagName("input"); // alert(all.length); //实现1 点击全选 子选框都得被全选 /** * * 点击全选框 判断全选框的ch...
2019-06-10 20:09:16
934
原创 利用css3过渡实现旋转二级菜单
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>旋转</title> <style type="text/css"> *{ marign:0px; padding:0; } .d{ hei...
2019-06-02 19:46:34
492
原创 总结(css3D变形以及2D变形)
2D转换1.平移 transform:translate(x,y);2.缩放 transform:scale(x,y);3.旋转 transform:rotate(deg) //deg 度数旋转中心 transform-origin:right top; //例子x-axis定义视图被置于 X 轴的何处。可能的值: left center right ...
2019-06-02 19:17:55
472
转载 C#------------两个窗体之间跳转
原文:https://blog.csdn.net/allenjy123/article/details/7727500首先 program.cs 中 [STAThread] static void Main() { Application.EnableVisualStyles(); Application.SetCompatibleTextRend...
2019-06-02 08:44:00
1662
原创 字体图标----------前端必备良药
字体图标1.进入iconmoon 选择字体图标 下载解压文件夹2.css中引入代码css内联@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opent...
2019-06-01 21:49:29
207
转载 原生JS中的【面向对象思想】(转载)
1、语言的分类:通常情况下我么所涉及的计算机语言可大致分三类①、面向机器:汇编语言。②、面向过程:C语言③、面向对象:Java、C++、PHP等。2、区分理解面向对象/面向过程很多的初学者在刚接触到面向对象这个概念时,总是感觉其定义很笼统抽象,也比较难理解,我们可以将其和面向过程比较理解记忆。①、面向过程:专注于如何去解决一个问题的过程步骤,编程的特点是由一个个的函数去实现每一步的过...
2019-05-06 18:54:35
969
原创 js---switch问题--求解答
js—switch问题–求解答需要完成程序功能 -----编写函数:用switch循环来实现当输入月份时,输出月天数;界面出现bug输入月份之后 点击动不了 怀疑是switch中 value2 出现问题 ** 然后将 value2.value之后运行成功**不知道原因 求解答出现问题代码!DOCTYPE html><html> <head>...
2019-04-10 21:41:28
376
4
原创 html+css---仿小米商品展示+拓展
html+css—仿小米商品展示界面和实现功能hover后:功能的话:就是hover之后显示用到的知识点transform (2D/3D转换)和 transition (过渡)transform的 translate(平移属性)用法:transform:translate(10px,10px); //向 右 向 下 为正//transform有其他属性 http://ww...
2019-04-07 15:13:45
7337
原创 html+css ---仿京东二级压边线菜单
仿京东二级压边线菜单页面及功能实现hover之前hover之后思路难点 — 压边线将a标签加1px高度 然后再将把a显示在ul(对a position:relative z-index:1因为 ul一开始定位了 它的元素层级在a上面 )上面从而达到这种压边线效果代码<!DOCTYPE html><html> <head>...
2019-04-03 19:41:01
846
1
原创 JS小案例--关于时间--限时购
JS小案例–关于时间–限时购界面显示和功能实现功能实现设置了一个特定的日期 和当前时间 相差 实现折合成 天 小时 分钟 秒使用性 :像某宝的商品限时购 所以很实用用到的知识点为日期对象设置了一个特定的日期设定形式var endTime=now Date("2019/06/06 06:06:06")endTime.getTime() // 实时时...
2019-03-18 20:35:41
325
原创 JS小案例--关于时间--十分钟倒计时
JS小案例–关于时间–十分钟倒计时界面和实现功能功能:emmmmmm就是倒计时用到的知识点Math.floor():根据“floor”的字面意思“地板”去理解;里面的数都往小了取整数(看到的特别容易理解)例如:Math.floor(11.46)=Math.floor(11.68)=Math.floor(11.5)=11Math.floor(-11.46)=Math.floor...
2019-03-18 20:10:21
2323
原创 JS-小案例 关于时间--实时时间
JS-小案例 关于时间–实时时间界面设置和实现功能用到的知识点JS中日期对象方法 var year=myDate.getFullYear();//(例如2019) var month=myDate.getMonth()+1;//(获取当前月份0-11) var date=myDate.getDate();//(获取当前日1-31) var day=my...
2019-03-18 19:06:24
328
原创 JS案例---计算器1.0
案例实现结果实现思路设置三个输入框一个选择框一个按钮获取输入框1和选择框还有输入框2的值点击按钮然后得出结果学到的知识点select.value的值是option标签里面的内容Number()函数把对象的值转换为数字例如 result=Number(“999”);那么 result=999; //数字代码实现html&amp;lt;!DOCTYPE html&amp;gt;...
2019-03-17 15:58:53
237
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人