前端
十年砍柴---小火苗
这个作者很懒,什么都没留下…
展开
-
koa.js,egg.js,express.js三者有什么区别?
koa.js,egg.js,express.js三者有什么区别?原创 2022-10-09 10:04:16 · 242 阅读 · 0 评论 -
vue-cli2/3/4的区别
1、安装、卸载2、项目创建3、项目结构4、项目启动1、安装、卸载vue-cli2:全局安装:npm install -g vue-cli 或 cnpm install -g vue-cli卸载:npm uninstall -g vue-cli 或 cnpm uninstall -g vue-clivue-cli3:全局安装:npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号卸载:npm uninstall -g ...原创 2022-01-12 10:39:04 · 498 阅读 · 0 评论 -
block,inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。 大体来说HTML元素各有其自身的布局级别(block元素还是inline元素): 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, O..原创 2022-01-11 09:44:34 · 201 阅读 · 0 评论 -
js 判断数据是否为空
// var a = "";// var a = " ";// var a = null;// var a = undefined;// var a = [];// var a = {};// var a = NaN; if(a === undefined) { // 只能用 === 运算来测试某个值是否是未定义的 console.log("为undefined"); } if(a == nu.原创 2021-12-01 15:23:37 · 1160 阅读 · 0 评论 -
服务器域名,业务域名,消息推送。
小程序这边有三个,服务器域名,业务域名,消息推送。第一个,服务器域名包括有4个类型:request这个是请求服务器数据时使用到,也是最常用的接口。socket这个是socket链接使用到的域名,你的小程序插件中使用到长链接时会用到。uploadFile这个是上传文件时会用到的链接。download这个是小程序插件下载文件时要用到的。第二个,业务域名小程序团队,推出了一个小程序新组件web-view,可以在这个组件中显示你的html网页内容,原创 2021-11-22 10:46:31 · 189 阅读 · 0 评论 -
js保留两位小数方法总结
js保留两位小数方法总结 最近在做结算系统,经常需要用到金额保留两位小数,刚开始我一直用的是Angular中的过滤器number |2,但是,这无法满足我的需求。问题是,当用户离开文本框时,我需要将用户输入的内容转换成保留两位小数的格式,我想了好久,没有想出来,然后我试了toFixed()方法,这个方法也不可行,因为它将数据转换成了字符串,传给后台是错的。然后,我就找了其他方法。现在刚好有空,所以就把相关保留两位小数的方法总结了一下,不同的场景用不同的方法,即用即取。一、四舍五入相关1、t..原创 2021-11-15 13:23:27 · 55204 阅读 · 0 评论 -
浏览器回退到上一页,刷新历史页面,清除缓存的方法
在一些场景中,我们点击浏览器默认的返回上一页按钮,需要刷新页面重新加载数据,比如用户在购物车页面去购买后,当用户在购买后通过返回键回到购物车页面时,我们需要去掉已经购买的商品,只显示剩余未购买的商品在购物车里。或者是一个表单信息填写页,产品说填写保存成功后跳到一个新页面,并且不允许用户修改,那么当用户通过浏览器“后退”按钮返回历史页面时,一般浏览器都会直接读取缓存里的数据,哪怕是设置了页面不缓存,如下:<meta http-equiv="Pragma" content="no-cache">原创 2021-11-10 10:34:58 · 4372 阅读 · 0 评论 -
有关js改变class或remove掉class之后,原class绑定事件依旧存在的问题
今天在进行前端js(jquery)编写的时候需要在多个部分做关联事件,于是想到了不同阶段给予不同的class来进行事件委托,但是一切做完之后,发现改变或删除元素class之后,依旧会保持原class的绑定事件。就已经对页面上该元素绑定相关监听事件了,而不是你点击的时候才去匹配的,所以即使你后来改了,监听事件还是依然能够生效。 这个时候你可以在你最初的事件上进行分支判断,判断是否有某个class(hasClass)来进行不同的处理;...原创 2021-10-19 13:31:49 · 666 阅读 · 0 评论 -
Javascript中函数中定义变量无var
前段时间回答了一个关于定义变量时使用关键字 var 与否的区别,总结回顾一下。1.在函数作用域内 加 var 定义的变量是局部变量,不加 var 定义的就成了全局变量。使用 var 定义:var a = 'hello World'; function bb(){ var a = 'hello Bill'; console.log(a); } bb() //'hello Bill' console.log(a); //'hello world'原创 2021-10-09 10:05:12 · 1061 阅读 · 1 评论 -
一款优秀的上传插件,Uploadify的html5版本------uploadifive使用攻略
插件简介:一款优秀的上传插件,Uploadify的html5版本官网地址:http://www.uploadify.comDemo包下载地址:(包含插件及前后端代码)https://download.csdn.net/download/qq_36036735/116355051,可配置项概要:2,实战配置:$('#file_upload').uploadifive({ //传输设置---------------------------------------原创 2021-04-01 17:07:14 · 2264 阅读 · 0 评论 -
jQuery Ajax 简单的实现跨域请求
html 代码清单:<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script><script type="text/javascript">$(function(){$.ajax( { type:'get', url : 'http://www.youxiaju.com/validate.php原创 2021-01-25 11:41:00 · 316 阅读 · 0 评论 -
彻底理解CORS跨域原理
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。(图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园)一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS原创 2021-01-25 11:37:11 · 468 阅读 · 0 评论 -
Vue报错:conflicts with v-model on the same element because the latter already expands to a value
Vue报错:conflicts with v-model on the same element because the latter already expands to a value:value=“item.content” conflicts with v-model on the same element because the latter already expands to a value binding internally与同一元素上的v-model冲突,因为后者已在内部扩.原创 2021-01-19 17:10:19 · 1831 阅读 · 0 评论 -
使用require.context实现前端工程自动化
require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块什么时候需要用到require.context如果有以下情况,可以考虑使用require.context替换index.jsmodules在Vue写的项目中,我把路原创 2020-12-27 15:06:06 · 127 阅读 · 0 评论 -
跨域问题
什么是跨域当两个域具有相同的协议(如http), 相同的端口(如80),相同的host(如www.google.com),那么我们就可以认为它们是相同的域(协议,域名,端口都必须相同)。跨域就指着协议,域名,端口不一致,出于安全考虑,跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互,当然有很多解决跨域的方案) Access-Control-Allow-Or原创 2017-06-17 13:51:39 · 332 阅读 · 0 评论 -
关于前端的思考:ANGULARJS 2.0以及前后端边界
前端的学习曲线每个人在学AngularJS的时候都会觉得Angular 1.x自创的概念实在太多,学习曲线也因此变得非常陡峭。但对于一个完整的前端项目来说,所需要的东西本来就不够简单,而AngularJS作为一款大而全框架,自带一揽子解决方案,只要学习上手之后还是会有一劳永逸的感觉。就像Python的web框架代表Django和Flask一样,萝卜白菜各有所爱,轻量级框架所带来的灵活性固然很棒原创 2017-04-15 12:19:37 · 879 阅读 · 0 评论 -
z-index什么意思
z-index什么意思首先说,z-index不是HTML中的标签,而是css中的一个属性。z-index 属性的意思是:设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。简单的说就是利用这个属性可以把一段文字置于一张图片之上,或者把图片置于文字之上,只要设置好合适的优先级就可以了。举个实例可以清楚的说明白这个标签,例如:原创 2017-02-05 17:08:22 · 4131 阅读 · 0 评论 -
Handlebars.js 模板引擎
介绍Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再去编译, 这样可以保证模板加载和运行的速度。Handlebars兼容Mustache,你可以在Handlebars中导入Mustache模板。原创 2017-11-16 09:29:41 · 411 阅读 · 0 评论 -
不是一般地好用的jquery表单验证插件-Validform
之前博主推荐过jQuery Validate,因为之前也在用,但是配置稍微显得有些麻烦,直到最近的这个项目用到了validform,才让我大开眼界,整个界面突然感觉太友好了,先来几张效果图吧。整个过程引用的css及js非常少。css如下:12345678910原创 2018-02-24 09:49:21 · 5817 阅读 · 0 评论 -
视频播放插件 Video.js
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )点击进入官网下载各个版本下载使用引入文件<link href="video-js.css" rel="stylesheet" type="text/css"><...原创 2018-03-06 13:31:42 · 12580 阅读 · 1 评论 -
关于php匿名函数中的use
匿名函数中的use,其作用就是从父作用域继承变量。 下例是最常见的用法,如果不使用use,函数中将找不到变量$msg。<?php$msg = [1,2,3];$func = function()use($msg){ print_r($msg);}; $func();?>运行输出Array( [0] => 1 [1] => 2 ...原创 2018-03-31 13:47:58 · 282 阅读 · 0 评论 -
浏览器同源政策及其规避方法
浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。本文详细介绍"同源政策"的各个方面,以及如何规避它。一、概述1.1 含义1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指...原创 2018-08-09 09:00:35 · 363 阅读 · 0 评论 -
H5本地存储详细使用教程(localStorage + JSON数据存储应用框架)
H5本地存储有两个API,一个是Web Storage,还有一个是Web SQL。不管是哪一个,都是基于JavaScript语言来使用,接下来我就教你怎么使用H5本地存储,本文篇幅较大,js代码较多,请耐心阅读。一、Web Storage教程1、概述:对于Web Storage来说,实际上是Cookies存储的进化版。如果了解Co原创 2017-06-27 17:36:10 · 997 阅读 · 0 评论