Dedecms默认模板内容页评论处有个不足的地方,就是用户登录之后还会出现那个提示用户登录的框子,本文通过AJAX来判断用户是否登录,从其中提取用户登录信息,JS代码如下,将其插入
我们再做网站时,图片体积不可过大,一般不要超过1M,否则加载速度会很慢。另外,服务器空间也是寸土寸金,在不破坏原图的原则上尽量压缩体积是很不错的选择。网上有很多这种
先看这张截图: IE6PNG 这张图是在IE6浏览时显示的样式。 下面这张图是在火狐下显示的样式: 火狐下的png图片 可以看到,IE6下png的透明部分显示成了一种蓝色不透明,把背景遮挡住了。
搜索引擎网站收录地址大全 搜狗URL提交: http://zhanzhang.sogou.com/index.php/urlSubmit/index 360URL提交: http://zhanzhang.so.com/?m=PageIncludea=index 百度搜索网址提交入口口: http://zhanzhang.baidu.com/sites
RSS订阅对于网站优化推广非常的重要。我 爱模版 经过仔细调试,总算实现了。 先看图: RSS效果图 一共四步: 一、新建rss.php,拷贝下面代码到里面去,然后放到根目录: ?php require_o
DEDECM 模板循环滚动图片制作 ,最近 黑雨 一直在研究dedecms模板制作,在做滚动图片的时候,遇到了一点问题,下面是在网上找到的一些滚动图片代码,做个记录。 方法一: HTML代码如
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 K
先看效果图: 步骤一: 新建sitemap.xml,拷贝下面代码到里面去,把里面的网址都换成你的首页网址: ?xml version="1.0" encoding="UTF-8"?urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"url lochttp:
兼容火狐和IE6等主流浏览器的flash插入网页html代码: object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" name="flashgam
最近我爱 模版 网在做客户网站时遇到一个问题,CSS路径正确,在火狐等浏览器下页面显示正确,在IE内核的浏览器下,全都不加载样式。如下图: IE内核下页面显示的样式 火狐和谷歌
在用dedecms做网站时,我爱模版网遇到一个问题,标题显示不完整。 在制作模版时,我们可以用函数来控制长度,如:[field:title function="cn_substr(@me,55)"/]。但是,有时标题允许很长时,却
js实现点击下拉框的不同选项跳转到不同页面。方法很简单,就是做一个js跳转window.open,然后用onclick触发这个函数。 select option请选择跳转的地址/option option onclick="menu_01()"百度/option
做美工的都不想管IE系列浏览器,可是,看看咱天朝,IE6至少还有25%的people在使用,IE8就更别说了。你自己的网站可以不兼容IE6和IE8,但是,客户的不行啊。所以,css hack你还是得会点:
jquery利用正则表达式获取字符串中的数字 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Cont
今天我爱模版在做一个客户的网站时,需要引用另一个网站的内容。第一个想到的是iframe。当我用iframe引用时,发现,打开之后总是跳转到引用网站上。我想可能该网站禁止别人的引用
JS控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滚动条自动滚动到最下部 document.getElementById('t
今天布局发现个很奇怪的问题,如下: dl class="shop_con" dd class="shop_con_current" 这是第一个dd /dd dd 这是第二个dd /dd/dl 我给dl一个固定高度,超出隐藏。发现,在IE6和谷歌火狐等浏览器超出
瀑布流布局,时下最火的页面布局方式,参差不齐却又顺其自然。大网站如 蘑菇街 , Pinterest 等都使用了这种布局方式。这种布局适合于小数据块,每个数据块内容相近且没有侧重。通
style*{margin:0}body{ height:1000px; width:1000px; } #a{ width:300px; height:100px; background:red; }/stylescriptvar isie6 = window.XMLHttpRequest?false:true;window.onload = function(){ var a = document.getElementById('a'); var d = document
先道明为什么要写这篇文章。目前,网页插入swf的方法五花八门,由于IE只支持对Object,而火狐,谷歌,Safari等只支持对Embed。又由于embed不能通过W3C验证。为了兼容各大主流浏览器,又
单个邮箱的验证方法: function checkEmail() { var emailValue=document. getElementById_r("email").value; if (!isEmail(emailValue)) { alert("您输入的邮箱有误,请重新核对后再输入!"); document. getElementById_r("email")
什么是IE条件注释: IE条件注释(Conditional comments)是IE浏览器私有的代码,是一个类似IF判断的语法注释块,IE5之上支持。 例如下面: !--[if IE]您使用的是IE浏览器br /![endif]--!--[if IE 6]您
兼容火狐和IE的自定义鼠标样式css代码。我爱模版网建议,用绝对路径,或者放在根目录。否则IE可能不兼容。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
1、为按钮添加“实例名称”,就叫“btn”把 2、在帧上添加如下代码: btn.addEventListener(MouseEvent.CLICK,onPress_Handler); 这里的“addEventListener”就是添加鼠标侦听事件,“MouseEvent.CLICK”就是
先看效果: 代码很简单: CSS代码: div.wrap{width:1300px; overflow:hidden; _zoom:1; margin:0 auto;}ul,li{margin:0; padding:0; list-style:none;}ul{float:left; display:inline; width:225px;}ul li{padding:5px; background:#eee; marg
今天遇到一位朋友的下载站地址不换行问题,如下: 右侧文字显示不全,明显被overflow:hidden 了。 查看源代码,发现结构大概这样: div div 里面是下载地址 /div/div 第一反应应该是外面的
js的window.status是设置浏览器状态栏的提示文字。请运行下面的代码(在IE浏览器下测试) body onmouseout="window.status='如果您喜欢我爱模版网,就推荐给您身边的朋友吧!';return true"鼠标移开
一:js返回代码 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(); 3. 返回下一页:window.history.forward(); 4.返回第几页,也可以使用访问过的URL:window.history.go(数字
jQuery实现简单的图片半透明效果教程,先看下效果: 首先,引入jquery库: script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"/script 第二步,写jquery代码: script$(function(){/*选择索引为
压缩包200M,解压后1G多的龙书浩织梦仿站VIP教程全集免费下载 下载地址:http://pan.baidu.com/s/1gdtClSf
格式: setTimeout (表达式,延时时间) 延时时间单位为毫秒,1000毫秒=1秒。 案例详解 一,执行一句话: var i=0;setTimeout("i+=5;alert(i)",1000);/*1秒后执行“i+=5;alert(i)” 即i为5,并弹窗显示i的值
js打开网址函数windows.new()详解: 语法:window.open(pageURL,name,parameters) 参数详解: pageURL即你要打开的网页文件或者网址,如index.html或者http://www.5imoban.net等等。 name即打开方式,如新窗口
清华大学出版《PHP从入门到精通》PDF教程第二版免费下载。 下载地址:http://pan.baidu.com/s/1eQn8FdS
《php与mysql web开发》中文PDF电子书免费下载 下载 观看
php经典实例教程第二版(涵PHP5)PDF下载 下载 观看
一般情况下,我们在使用arclist的时候,调用的文章,都是有规律的,比如,按照发表时间调用栏目ID为1的文章列表: {dede:arclist typeid='1' orderby="pubdate" row="8"}lia href="[field:arcurl/]"[field:t
先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conte
添加验证码后的效果: 步骤1、打开dedecms安装目录/plus/diy.php文件,找到“elseif($do==2)”,在他紧接着的“{”后面加入下面的代码: if(!isset($vdcode)) { $vdcode = ''; } $svali = GetCkVdValue(); if
今天,我爱模版在给客户用phpcms做网站的时候,添加文章,发现点击保存后出现下面的问题: MySQL Query : SELECT * FROM `v9_jiafang`.`v9_keyword` WHERE `keyword` = '上海' AND `siteid` = '1' LIMIT 1 MySQ
jquery为a链接做跳转文字提示,运行下面的代码查看效果。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"hea
《十天学会DIV+CSS》教程chm格式下载 div+css教程目录: 一 XHTML CSS基础知识 二 一列布局 三 二列和三列布局 四 纵向导航菜单及二级弹出菜单 五 超链接伪类 六 html列表 七 横向导航菜单
phpcms V9 用户手册.CHM官方下载
容器内图片水平居中的css解决办法很简单,即文字居中方法“text-align:center”,垂直居中的“vertical-align:middle”不起作用。当使用了下面的方法之后,即可完美解决这种问题。当然,代
phpcms v9的安装视频教程 下载和观看
phpcms v9视频教程之新建模板和config.php详细说明 下载和观看
phpcms站点标题、phpcms推荐位、phpcms菜单、phpcms登陆注册、phpcms搜索、phpcms广告视频教程 观看和下载
今天, 我爱模版 遇到一个兼容性问题,如下图所示,在含有滚动条的div的css代码是这样的“overflow-y:auto; overflow-x:hidden;”,在IE8+和火狐预览正常 在IE6下预览,图片不随着滚动条滚动,
phpcms图文列表视频教程、phpcms标题截取视频教程、phpcms判断视频教程、phpcms焦点图视频教程、phpcms碎片视频教程、phpcms隔行算法视频教程、phpcms公告视频教程、phpcms专题视频教程、php
phpcms栏目id视频教程、phpcms title_style视频教程、phpcms strip_tags视频教程、phpcms if语句视频教程、phpcms subcat视频教程、phpcms点击次数排行视频教程、phpcms本月排行视频教程、phpcms number_fo
phpcms 列表循环、page分页、自定义时间格式、$n当前记录顺序号、当前位置catpos、昨天、当天、本周、本月排行视频教程 下载地址
运行下面代码查看效果: htmlheadmeta charset="gb2312"script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"/scriptscript$(function(){var a=10000setInterval(function(){a=a-1;$("span").html("").append(a);},1000);})/
phpcms权限判断,phpcms投票,phpcms阅读点数,phpcms子标题,phpcms内容分页,phpcms关键词,phpcms心情等视频教程 下载和观看
在做网站时,首页一般会有浮动的层,如咨询框,也有大的banner等flash元素,当二者叠加在一起,会发现,flash挡住了浮动的div,就算把div的z-index设置再高,也没有效果。下面介绍三种
首先声明下,本dedecms的301跳转教程仅适用网站首页为php后缀的dedecms网站,如果首页生成为静态不行。因为浏览时不经过php文件(经测试,没有任何问题,本站用的就是这种方法)。 第
我爱模板在做客户网站的时候,客户需要能够手动更改侧边栏联系方式,如联系人、联系手机、座机电话等。如下图 怎么办呢,自定义变量,对了。dedecms的自定义变量的定义和调用非
今天在给客户添加自定义变量时出现“Request var not allow!”,找到include文件夹下的common.inc.php,共发现两处,直接ctrl+f搜索“ if( strlen($svar)0 preg_match('#^(cfg_|GLOBALS|_GET|_POST|_COOKIE)#',$svar) )
第一步,添加自定义插件: 打开 \phpcms\modules\admin\templates\site_edit.tpl.php 文件,找到最后一个 /fieldset ,在他后面添加上下面的代码: !--自定义变量设置开始 自定义变量插件--div class="bk10"/d
运行下面代码查看效果(建议在IE下调试): !doctype htmlhtml lang="en" head meta charset="UTF-8" meta name="Generator" content="EditPlus®" meta name="Author" content="" meta name="Keywords" content="" meta name="Description
我们在做网站,为了有利于seo,往往需要设置比较长的长尾关键词。可是,dedecms的默认关键词长度只有60,添加文章时关键词往往显示不全。后台没有提供设置,只能自己改了。 第一步
dedecms自带的提示框不好看,并且能够暴露您的网站程序。如下图: 修改之后的效果: 修改方法:点击下载 dedecms ShowMsg 。解压下载的压缩包,把里面的common.func.php文件覆盖到include目录
jquery each函数可以方便遍历兄弟节点的所有节点。上面的代码利用each函数一次遍历了三个input框,每次遍历都获取其值并且追加到变量“str”上。substr(0,str.length-1)这句是为了把最后一次
先看看本站的favicon.ico: 这是PNG格式的,尺寸无所谓,反正是矩形。 生成之后的favicon.ico截图: 尺寸36*36和16*16的都有。 下面具体阐述 什么是favicon.ico 和 如何制作和生成 favicon.ico 1)什
script type="text/javascript" function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } /script textarea id="contents" cols="40"
方法一:略作整理代码如下: script type="text/javascript"document.body.oncopy = function (){setTimeout(function () {if (clipboardData.getData("text")) {clipboardData.setData("text", clipboardData.getData("text")+"该文章转载自
方法一(最便捷): 1)选中该图层 2)执行“文件”--“脚本”--“讲图层导出到文件...” 3)在弹出的对话框选择图片质量、保存格式等。 方法二:
我们在做网站时,有时候会用到自己喜欢的字体,但是这种字体并非像宋体等几乎每台电脑都安装的常用字体。如果你使用了这种字体,会导致,在安装了这种字体的电脑上正常显示,
marquee文字滚动,鼠标移上去停止滚动,鼠标移开继续滚动。先运行下面的代码查看效果: marquee onmouseout="this.start();" onmouseover="this.stop();" direction="left" scrolldelay="50" scrollamount="3"我爱模板
var mob=$.trim($("#mobile").val()); if($.trim($("#mobile").val())=="") { alert("手机号码不能为空!"); return false; } if($.trim($("#mobile").val())!="") { var reg = /^1[3|4|5|8][0-9]\d{4,8}$/; if(!reg.test($.trim($('#mobile').val()
input type="text" name="email" id="email" onblur="ckemail"input type="button" value="check" onClick="ckemail()" /scriptfunction ckemail(email){ var reg =/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; if(reg.test(email))
运行下面代码查看效果: input onkeypress="return !isNaN(this.value + String.fromCharCode(event.charCode || event.keyCode))" / 提示:您可以先修改部分代码再运行 除非输入数字,否则输入任何内容,文本框都
function changeType(objFile) { var objtype=objFile.substring(objFile.lastIndexOf(".")).toLowerCase(); var fileType=new Array(".ad",".adprototype",".asa",".asax",".ascx",".ashx",".asmx",".asp",".aspx",".axd",".browser",".cd",".cdx",".cer",".
jquery的动画非常强大,如slideDown()、slideUp()等等。但是最强大的还是animated()动画。下面就详细介绍这个函数。 一、语法:animate(params, speed, callback); 参数说明如下: (1).params:一个包含样式
没有for的话,只是一个label,添加了for="ID"的话,点击这个label就会激活对应的控件 运行下面的代码查看效果: form action="" method="post" enctype="multipart/form-data" label for="file"文件名:/label i
trace()输出函数是最常用的函数之一。它可以将()中的语句从输出面板中输出出来。例如: trace("Hello World!"); 按下ctrl+enter(flash中的调试快捷键),即可在输出面板看到“Hello World!”
开始研究响应式web设计,CSS3 Media Queries是入门。 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况
今天在给客户做网站,发现P标签内部嵌套div后不能正常解析。于是做个试验,在这里详细记下来。 首先,模板网写了个如下的代码,运行后发现正常,火狐firebug也显示了正常解析:
dedecms如果遇到打开后台等动态页面出现空白,可以打开include/common.inc.php文件(一定要用dreamweaver或者editplus等专业软件,不要用记事本,否则它在保存的时候会加上bom头,那麻烦就更大
先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conten
void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。 下面
运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="
*.location.href 用法: top.location.href=”网站网址” 在顶层页面打开url(跳出框架) self.location.href=”网站网址” 仅在本页面打开url地址 parent.location.href=”网站网址” 在父窗口打开Url地址
虽然表格布局渐渐的落后,被人遗忘。但是他那无可比拟的兼容性级其他一些优点将令其不会再网页布局这块很快退出历史舞台。 模板网今天再给客户做网站时,发现TD设置宽度无效。
var from = 'abcdefg'; var to = from.substr(1,3); //表示从1位开始截取后面的3个字符,"bcd"。位置从零开始 to = from.substring(1,3); //表示从1位开始截取到3位,"bc"。位置从零开始
$(document).width() $('body').width() ? $(document).width() : $('body').width(); $(document).height() $('body').height() ? $(document).height() : $('body').height(); alert($(window).height()); //浏览器时下窗口可视区域高度 alert(
dedecms系统搬家后或在系统还原后,重新更新栏目或文件的时候,有时会出现这样的错误提示:没有该栏目数据可能缓存文件(data/cache/inc_catalog_base.inc)没有更新请检查是否有写入权限 这时
今天, 模板网 在给客户解决兼容性时,遇到一个问题:一个div,宽度为980px,没有任何定位,但是给它margin:0 auto;却不居中。百度了下,发现头部写错了。原来的html是这样写的: html
1.用css的定位fixed来实现按钮不随滚动条滚动而变动位置,自始至终在右下角。 2.完成鼠标附上去按钮变化:addClass和removeClass 3.点击之后滑动到顶部: 动画animate({},1500); 4.判断什么时候
定义:设置或返回匹配元素相对滚动条顶部的偏移。 语法:$(selector).scrollTop(offset) 参数:offset 描述:可选,规定相对于滚动条顶部的偏移,以像素计算。 读取:$("选择器").scrollTop()//获
jQuery的链式操作可以有下面几种写法: 写法一: $("ul li").css("float","left");$("ul li").css("list-style","none");$("ul li").css("margin","0px"); 写法二: $("ul li").css("float","left").css("list-style","none").css("mar
find()方法: 作用:在已经选择的选择器结果中做条件查找: 如:$("#div1").find("a").find("h5").css("color","red")//给id为div1的容器里的a容器里的h5变为红色
随滚动条下移,不断加载新内容方法: $(window).scroll(function(){ if($(document).height() - $(window).height() - $(document).scrolltop() = 200;){ //当滚动条距离底部200px时,执行下面的代码 $("body").append("div
form表单精确选中: $("input[type='button']") 两种方案判断单选框(radio)是否被选中: 方法一: var sex_flag = false; for(var i=0; i$(":radio").length; i++){ if($(":radio")[i].checked == true){ sex_flag = true; } } if(s
jQuery笔记之html()和text()的区别: html()方法:相当于js中的innerHTML 设置或读取该节点中的html代码 如 var content = $("a").html(); text()方法:相当于中的innerText 设置或读取该节点中的纯文本
Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等
XHTML 的声明太长了,我相信很少会有前端开发人员能手写出这个 Doctype 声明。 !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" HTML5 的 Doctype 声明很
看看下面一段简单的代码: img alt="About image" src="path/to/image" /h6 Image of Mars./h6 遗憾的是,这里的h6标签和img标签好像没有什么关系,语义不够明确。HTML5意识到了这一点,于是就采用了f
通常你会在link和script加上type属性: LINK rel=stylesheet type=text/css href="path/to/stylesheet.css"SCRIPT type=text/javascript src="path/to/script.js"/SCRIPT 在HTML5中,不再需要type属性了,因为这显得有点多余,去
HMTL5中新增了一个输入框的电子邮件属性,可以检测输入的内容是否符合电子邮件的书写格式,功能越来越强大了吧,在HTML5之前只能依靠JS来检测。虽然内置的表单验证功能很快就会成
文本框中的占位符有利于提升用户体验,之前,我们只能依靠JS来实现占位符的效果,在HTML5中新增了占位符属性placeholder。 INPUT type=email name=email placeholder="doug@givethesepeopleair.com" 同样,目
下面的代码在HTML5中将不复存在 DIV id=header .../DIVDIV id=footer .../DIV 通常我们都会给header和footer定义一个div,然后再添加一个id,但是在HTML5中可以直接使用header和footer标签,所以可以将上
IE浏览器目前对HTML5的支持并不好,也是阻碍HTML5的更快普及的一大绊脚石,不过,IE9对HTML5的支持度还是很不错的。 IE把HTML5新增的标签都解析成内联元素,而实际上它们是块级元素,所
前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。
HTML5不再需要Javascript来解决输入框的自动获取焦点,如果某个输入框应当被选择或是获取到输入焦点,HTML5新增了自动获取焦点属性autofocus: INPUT type=text name=someInput placeholder="Douglas Qua
1、选择画笔工具,设置画笔的颜色和粗细,这里设置2px,如下图: 2、按F5调出画笔窗口,勾选“形状动态”: 3、选择钢笔工具,在画布上画一条线: 4、对着线条右键,在弹出的的菜
在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。推荐使用链接试(link)。 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式如果排除!import
先运行下面的代码查看效果,可以再IE6下测试,绝对兼容: htmlheadtitlecss圆角效果--七度空间网页教学网/titlemeta http-equiv="content-type" content="text/html; charset=gb2312"style type="text/css"div.RoundedC
先看下效果(兼容IE6,当然css3的圆角和投影没有。): 运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="htt
我们在写CSS样式代码的时候,都会遇到这样的问题就是让图片或者DIV不能超过我们设定的高度,这个时候就需要我们设置一个最大或者最小高度,从而达到一个美观的样式,如果图片出
css的position有四个值,分别是: 1.relative //相对定位,相对于原来容器位置的位移 2.absolute //绝对定位,要想相对于父层定位,父层必须设置relative 3.fixed 4.static 下面分别讲述这四个属性。
CSS visibility:hidden和display:none的不同,为了说明这个问题,首先定义下面的html和css代码: div class="div1"div1/divdiv class="div2"div2/divdiv class="div3"div3/div style.div1,.div2,.div3{width:300px; height:100px; bo
html代码(如果不需要兼容IE6,下面的css代码足矣。): div style="position: absolute; top: 3000px;"dummy/divdiv id="footer"footer/div css代码: style type="text/css"#footer {width: 100%;height: 40px;line-height: 40px;ba
js onbeforeunload()可以在用户关闭或者刷新本页面的时候,弹出询问框,提醒用户是否真的离开还是误操作(虽然本功能或许会令用户方案,但是有时还是很管用的),本函数支持火狐和IE:
div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。 Html代码: div网站模板 www.5imoban.net/div Css代
margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; Html代码: div id="imfloat"网站模板/div Css代码: style type="tex
当div浮动的时候,有时候会产生双编剧问题。这在IE6非常常见。经常出现,一行多个li浮动,在IE8、火狐等等都能一行显示,但是在IE6却有几个掉到第二行了。这有可能就是双边距,解决
由于IE不兼容min-前缀,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话
页面的最小宽度min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确(当然,min-height也是同样的道理)。但IE不兼容min-前缀,而它实际
如果我们在做首字下沉或者文字环绕图片,一般会给首字或者图片float:left,文字就会环绕首字或者图片。但是,在IE6下,环绕的文字会和float的首字或者图片产生3px的间距,解决办法是
当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-hei
当父div里面的内容有浮动的时候,如果这个父div没有设置高度,或者设置的高度不够,就会导致父div塌陷,即没设置高度时,父div会变成一条线,父div下面的内容和父div里面的内容重叠
先在IE内核下运行下面的代码: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" cont
div或者li中内容超过长度后以省略号显示的方法(此方法适用与IE与OP浏览器): style type="text/css" li{ width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}/style
我们在做如在线客服等浮动层时,往往浮动层漂浮到banner等flash上面,就会被挡住,这时,给flash加个透明即可: param name="wmode" value="transparent" / 当然,如果这个flash不需要交互,也可以
CSS技巧十二:IE下margin:0 auto没有作用
“writing-mode:tb-rl;”实现了段落在IE下,从右往左,从上往下的排序,但是,火狐不起作用。而“writing-mode:lr-tb;”的书写模式和正常模式一样,从左往右。 由于不兼容火狐,所以不推荐
window.status js返回状态栏信息。 1、window.status='网站模板' 可以修改状态栏显示的信息为“网站模板”。 2、当您不希望别人在状态栏看到您的链接地址,可以用下面一段代码: a href="htt
WordPress主题(WordPress模板)安装共有两种方法,一种是在线提供的模板,一种是自己下载的模板。下面针对两种方法安装的不同进行讲解: 方法一:在线提供的模板的安装 1、选择侧边栏“
在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是u
全局参数 网站名称:title{if isset($SEO['title']) !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}/title 网站关键词:meta name="keywords" content="{$SEO['keyword']}" 网站描述:meta name="description" content="{$SEO
图片,JS,CSS目录[注意我们以后在开发项目的时候 图片路径,js路径,统一写成 ./img ./css ./js 记住统一!!! 不然后期模版修改非常麻烦!!!] 在phpcms根目录 index.php定义一个 模版常量 这样后期上线
phpcms设为首页代码: a href=" " onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{siteurl($siteid)}');"设为首页/a phpcms加入收藏代码: a href="javascript:window.external.AddFavorite('{siteurl($siteid
列表分页: {pc:content action="lists" catid="$catid" num="10" order="id DESC" page="$page"} {loop $data $r} li class="tr"a href="{$r[url]}" title="{$r[title]}" alt="{$r[title]}" class="fl"{$r[title]}/a span{date('Y-m-d H:i:s',$r[inputtim
文章标题:{$title} 文章内容:{$content} 发布日期:{$inputtime} 文章来源:{$copyfrom} 责任编辑:{$username} 点击量:a id="hits" href="javascript:"script language="JavaScript" src="{APP_PATH}api.php?op=countid={$id}modelid={$m
二级栏目循环: {loop $arrchild_arr $cid} li{if $catid==$cid} class="cur"{/if}a href="{$CATEGORYS[$cid][url]}"{$CATEGORYS[$cid][catname]}/a/li{/loop} 标题:{$title} 内容:{$content} {catpos($catid)} 显示文章位置导航 {$CATEGORY
如何设置PHPCMS V9是否允许后台在线编辑模板 一般来说为了网站安全,我们建议关闭PHPCMS后台在线编辑模板的功能,但在phpcms的后台设置里,我们找不到关闭在线编辑模板的选项,其实这个设置
phpcmsv9显示当前栏目下的二级栏目 {pc:content action="category" catid="$r[catid]"num="8" siteid="$siteid"order="listorder ASC"}{loop $data $i $r}lia href=”{$r[url]}”span{$r[catname]}/span/a/li{/loop}
Phpcms V9广告位管理位置:模块 模块管理 广告 ,打开后你可以系统默认已经了N个广告位。 Phpcms V9广告位当前有矩形横幅、固定位置、漂浮移动、对联广告、图片轮换广告、图片列表广告
对于文章储层而言,有v9_news和v9_news_data两个表,前面就是主表,后面是副表。如果需要调用文章内容,则这个字段是在v9_news_data 的content字段,在列表页是不能直接调用的, 然后添加
PHPCMS条件循环IF判断 {pc:content action="lists" moreinfo="1" catid="$catid" num="3" order="id DESC" page="$page"} {loop $data $i $r} {php $num++;} div class="{if $num == 1}al1{elseif $num == 2}al2{else}al3{/if}" div class="tb fl"img sr
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选
定义和用法 toUpperCase() 方法用于把字符串转换为大写。 语法 stringObject.toUpperCase() 说明 一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。 运行下面代码查看
运行下面代码查看验证结果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conte
随着智能手机的普及,大部分网站都有手机浏览的需求,那么如何通过PHP判断当前用户是用手机端访问并且跳转到网站的手机页面呢?其实很简单,通过浏览器访问网站时,浏览器都会
一、增 insert($data, $return_insert_id = false, $replace = false)/*** 执行添加记录操作* @param $data 要增加的数据,参数为数组。数组key为字段值,数组值为数据取值* @param $return_insert_id 是否返回新建
phpcms更新栏目出现“Fatal error: Maximum function nesting level of ’100′ reached”错误,后来发现有一个栏目已经删除,但是在数据库中还存在,在v9_category表中把已删除栏目数据删掉就正常了。
Phpcms v9在呈现搜索结果的时候,会自动分词,于是会出现结果不全及搜索不到内容,具体Phpcms v9搜索结果不全或者少内容的解决方法: 打开phpcms\modules\search\index.php找到下面代码(大约8
phpcms v9为什么添加了会员字段 前台注册不显示解决办法:后台--用户--会员模块配置--注册选择模型--是 这样设置好了自己添加的字段就显示了
在文章内容页面相应位置添加如下代码即可: {loop $keywords $keyword}{$keyword}{/loop}{loop $keywords $keyword}a target="_blank" style="color:#0000FF; border:1px solid #3300FF; padding:2px;" href="{APP_PATH}index.php?m=conte
文件菜单 新建文档 Ctrl+N 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开 Ctrl+Shift+O 关闭 Ctrl+W 保存 Ctrl+S 另存为 Ctrl+Shift+S 检查链接 Sh
1、parent.window与top.window的用法: "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是
1、解释 DOM对象,即是我们用传统的方法(用javascript)获得的对象; jQuery对象,即是用jQuery类库的选择器获得的对象; 写法演示: var domObj =document.getElementById("id"); //DOM对象var obj =$("#id")
一个简单的tab选项卡-模板网
js几种加入收藏和设为首页的代码
ps照片转手绘素描教程 ps素描 photoshop教程 ps照片处理 本文主要聚焦于 阴影/高光以及曲线,嗯,还联系到一点智能对象。 通过改变对比度,以及黑白调整图层,你能掌握一种将图像转换
1、jQuery对象转Dom对象: (1)jQuery对象是一个数组对象,可以通过[index]方法得到相应的DOM对象: var $cr = $("#cr"); //jQuery对象 var cr = $cr[0]; //dom对象 alert(cr.checked); //检测这个checkbox是否被选中
基本过滤器 过滤器名 jQuery 语法 说明 返回 :first $('li:first') 选取第一个元素 单个元素 :last $('li:last') 选取最后一个元素 单个元素 :not(selector) $('li:not(.red)') 选取 class 不是 red 的 li 元素
一.创建节点 var box = $('div id="box"节点/div'); //创建一个节点$('body').append(box); //将节点插入到body元素内部 二.插入节点 jQuery 提供了好几种个方法来插入节点: 1、内部插入节点方法 描
表单选择器 方法名 描述 返回 :input 选取所有input、textarea、select 和 button 元素 集合元素 :text 选择所有单行文本框,即 type=text 集合元素 :password 选择所有密码框,即 type=password 集合元素
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和
attribute: $("p").addclass(css中定义的样式类型) 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test image" }) 给某个元素添加属性/值 参数是map $("img").attr("src","test.jpg" ) 给某个元素添加属性/值
jQuery的toggle很好用,运行下面的代码查看toggle的效果。
js定时播放背景音乐,下面代码可以实现在5秒之后,播放背景音乐(第一次由于缓存,可能导致时间略长): !doctype htmlhtmlheadmeta charset="gb2312"title无标题文档/title/headbodyscriptsetTimeout(aa,500
利用setInterval制作的简单的js倒计时,道理很简单,就是让变量“i”从1开始递增,然后将“i”的值输出到html,在输出前,先清除html的内容,这样保证每次只有一个数字,然后设置个定
[PHP]; PHP还是一个不断发展的工具,其功能还在不断地删减; 而php.ini的设置更改可以反映出相当的变化,; 在使用新的PHP版本前,研究一下php.ini会有好处的;;;;;;;;;;;;;;;;;;;; 关于这个文件
漏洞原因: $link = base64_decode(urldecode($link)); link可以构造成任意地址,下面直接跳转了 header("location:$link"); 影响所有用到dedecms系统的网站。 漏洞证明: http://你网站的网址 /plus/download.
模板网推荐——PS手绘立体感和光感很强,超逼真的喷雾杀虫剂
有时候,会有一种需求,那就是随机数据库的数据: 方法一: select * from tableName where id 0 AND id 10 order by rand() 注:rand()是MySQL数据库函数,即随机排序去除的数据。 方法二 : select * fr
本文就是一个非常简单的轻微博的一个范例源码,里面有详细注释。 本轻微博包含添加文章、搜索文章、删除文章、文章列表、文章详细页面、修改文章页面等等功能,非常之简单。没
一个简单的PHP文件上传源码,提供详细注释: 第一步,创建上传文件的html页面——upload.html: form action="upload_file.php" method="post" enctype="multipart/form-data"label for="file"Filename:/labelinput type="
本效果可以实现jquery获取窗口尺寸和文档尺寸,并且让div随着窗口高度变化而变化
在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性。
CSS背景图片background坐标设置,代码示例: background:url(images/xx.gif) no-repeat 0 -66px;} 如下图所示:背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴,下为Y轴正半轴。当前元素左上
js刷新页面的几种方法如下: history.go(0) location.reload() location=location location.assign(location) document.execCommand('Refresh') window.navigate(location) location.replace(location) document.URL=location.href
1、去除页面的右键菜单 $(document).bind("contextmenu",function(e){ return false;}); 2、搜索输入框当鼠标获得焦点,默认文字消失,失去焦点,如果为空,文字出现: $("input.text1").val("请输入内容.
用arclist标签+Ajax实现织梦首页分页
织梦首页分页方法二:交叉栏目ID 实现织梦首页分页
1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选
在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。 name是用来提交数据的,提供给表单用,可以重复; id则针对文档操作时候用,不能重复。如:do
一般情况下,为了配合SEO,网站都需要做url的301跳转,因为大多数的网站都至少两个域名:带 www 的和不带www之分,如果不做301跳转会分散了我们网站的权重。下面的代码可以放在您网
1、名称为myfile.xml的xml文件: ?xml version="1.0" encoding="utf-8" ?myfile titletttt/title authorajie/author emailajie@aolhoo.com/email date20010115/date/myfile 2、html代码: htmlheadscript language="JavaScript" for="window" even
当鼠标移动到网页按钮上,按钮图片会切换;或者当鼠标移动到banner上,banner图片会变成另一张。这可以用background来实现,也可以自定义js函数来实现。网上常用MM_swapImage、MM_swapImgRes
一、ul和ol的子元素只能是li,不能是别的。比如div等,但是li中可以嵌套div。如果ul或者ol嵌套了div等,在ie6和7下会把非li解析到li的内部。如下代码: ulli第一个li/lidivdiv/divli第二个li/l
一款简单的js计算器,可以拿来练练手
鼠标移上去切换图片的js代码
第一步:下载你需要的风格模板,解压后,将风格模板上传到网店的根目录下的themes文件夹呢,如图 所示: 第二步:将图1 中joyo风格目录通过ftp上传到网店的根目录下的themes文件夹, 如
swf文件反编辑后,有时会出现“无法将场景载入内存,您的文件可能已损坏!”的警告,文件虽可以强行打开,但文件的内容会出现丢失、缺损现象!很是令人烦恼。 相信大家都遇到过
我爱模板网亲情分享:精通CSS+DIV网页样式与布局PDF扫描版。本书为PDF格式,从基础到实战,详细介绍了div+css的各方面知识,包括图文混排,选项卡,html知识,以及重中之重的div+css知识
background-attachment 网页背景固定,div+css背景固定
jquery获取随机数并输出: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="tex
div class="navr" ul class="nav" lia href='{dede:global.cfg_cmsurl/}/' {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='current' ":@me="";{/dede:field}span首页/span/a/ligt; {dede:channel type='top' row='10' currentstyle=" lia c
CSS3 background-size 属性详解: 该属性规定了背景图像的尺寸: div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;} 定义和用法 background-size 属性规定背景图像的尺寸。 默认
常规的文字环绕,被文字围绕的内容在段落的左上角或者右上角,方法很简单,给这个被环绕的节点一个浮动就可以了,像首字下沉、文字环绕图片等等
PHP strlen() 函数 定义和用法 strlen() 函数返回字符串的长度。 语法: strlen(string) 参数:string 描述:必需。规定要检查的字符串。 实例 ?phpecho strlen("Hello world!");? 输出: 12 PHP isset() 函数
php有两种方法判断是否为数字: 第一种:直接使用一个函数, is_numeric() 这个函数就是检测参数是否为数字,如果是就返回true,如果不是就返回false,代码: is_numeric( 'abcd123' ) or die('提
本文简要介绍js的三种弹出框:alert、confirm、prompt。 1、alert 弹出框: alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是HTML 格式。该消息框提供了一个“确定”按钮
{str_cut($r[title],12,'')} 第三个参数为空表示,标题如果被截断,但还有内容,后面什么都不加,如果是“...”则表示如果标题被截断,后面就用三个点表示。
strip_tags (PHP 3 = 3.0.8, PHP 4, PHP 5) strip_tags — Strip HTML and PHP tags from a string string strip_tags ( string str [, string allowable_tags] ) 弊端 : 这个函数只能保留想要的html标签,就是参数string allowable_t
1、先定义正则表达式: $pattern="/[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg]))[\'|\"].*?[\/]?/"; 该正则表达式可以匹配类似“img src="123.jpg" alt="缩略图" /”的图片。 2、stripslashes()去除addslashes的反斜杠
在做模板的时候发现问题,首页截取出来的内容中包含了没有闭合的html标签,结果导致样式或内容显示有问题: 假如有一段字符串,例如: Thanks for use a href="http://www.wordpress.comspan cla
Zend Framework文档中写道:常量包含数字字母字符和下划线,数字允许作为常量名。 常量名的所有字母必须大写。类常量必须通过 "const" 定义为类的成员,强烈不鼓励使用 "define" 定义的全
定义和用法 isNaN() 函数用于检查其参数是否是 非数字值 。(注意,这里是非数字,而不是判断是否是数字) 语法 isNaN(num) 返回值 如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值)
一、用is_numeric() 这个函数就是检测参数是否为数字,如果是就返回true,如果不是就返回false: ?php is_numeric( 'abcd123' ) or die('提供的参数不是数字');? 二、使用正则表达式匹配,匹配成功就
语法: :nth-child(an+b) 浏览器兼容: 描述: 伪类:nth-child()的参数是an+b,下面分五种情况详细说明使用方法: 第一种:简单数字序号写法 :nth-child(number) 直接匹配第number个元素。参数num
定义和用法: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 浏览器支持: 实例1: li:nth-of-type(2){background:#ff0000;}/*规定属于
[PHP]; PHP还是一个不断发展的工具,其功能还在不断地删减; 而php.ini的设置更改可以反映出相当的变化,; 在使用新的PHP版本前,研究一下php.ini会有好处的;;;;;;;;;;;;;;;;;;;; 关于这个文件
定义和用法 charAt() 方法返回指定位置的字符。 请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。 语法 stringObject.charAt(index) 参数
header.php头部 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}require_once View::getView('module');? 每个php文件的头部,防止非法访问 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}? 以下为通用标签 ?php echo $blogtitl
数据结构: CREATE TABLE email (emailid mediumint(8) unsigned NOT NULL auto_increment COMMENT '邮件id',fromid int(10) unsigned NOT NULL default '0' COMMENT '发送人ID',toid int(10) unsigned NOT NULL default '0' COMMENT '收件人ID'
网格元素 网格布局的基本构建块就是网格元素,该元素是通过将元素的 display 属性设置为 -ms-grid(对于块级的网格元素)或 -ms-inline-grid(对于内联级的网格元素)进行声明的。(由于
IE浏览器下的渐变背景 IE浏览器下渐变背景的使用需要使用IE的渐变滤镜。如下代码: filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); 相关说明: 上面的滤
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而conte
name=viewport,content=width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes,网页自适应手机屏幕
强制360使用Webkit内核 meta name='renderer' content='webkit'
一、.clearfix常用代码: .clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1;}div class="clearfix" div class="floated"/div/div 上面的代码就是.clearfix的定义和应用,简单的说下.
简单的js获取当前浏览器使用的内核。如果是360等双核浏览器,在急速模式下,会提示是Chrome浏览器,因为它们用的都是webkit内核;在兼容模式下,会提示IE浏览器,因为它们用的都是
bootstrap中关于清楚浮动的方法
定义和用法 !DOCTYPE 声明必须是 HTML 文档的第一行,位于 html 标签之前。 !DOCTYPE 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,!D
定义和用法 :before 选择器在被选元素的内容前面插入内容。 :after 选择器在被选元素的内容后面插入内容。 注:请使用 content 属性来指定要插入的内容。 浏览器支持 所有主流浏览器都
Photoshop教程中,我们要学习如何在PhotoshopCS3中创建一个简单的按钮。当我们通过本PS教程,我们将处理许多Photoshop 的技巧和技术! 1、打开Adobe Photoshop CS3软件,执行菜单:“文件”/“新建
最终效果 1、新建一个大小为64 * 64像素的文档,放大到300%,选择铅笔工具,模式为溶解,画笔大小为1像素,如下图。 2、在图上胡乱点一些点。 3、选择滤镜 模糊 高斯模糊,数值为:
我爱模板网教您用PS,仅仅使用一个图层,就能画一个逼真的煎鸡蛋: 是吧,的的确确一个图层。本教程来自思缘论坛
jquery ajax表单验证。jquery ajax详解
网站系统需要修改的位置有两处 Discuz 和 UC-center ①路径: 根目录/config/config_global.php 这个根据你网站安装的路径而定。 打开 config_global.php 文件修改:$_config['db']['1']['dbpw'] = '原来密码';
本js代码可以实现 数字金额大写转换(可以处理整数,小数,负数),运行下面代码查看效果: !doctype htmlhtml lang="en" head meta charset="UTF-8" meta name="Generator" content="EditPlus®" meta name="Author" conten
定义和用法 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property transition-duration transition-timing-function transition-delay 注释:请始终设置 transition-duration 属性,否则时长为
浏览器状态栏 windows.status 当鼠标指向一个链接时,浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间,Java applet进行初始化或者其他可能的时候,有些消息会显示在这个位
tring mysql_field_type ( resource $result, int $field_offset ) mysql_field_type()函数类似于函数mysql_field_name(),不过mysql_field_type()函数返回的是字段的数据类型。它的参数的描述如下。 l result:mysql_quer
js字符串转换成数字 将字符串转换成数字,得用到parseInt函数。 parseInt(string) : 函数从string的开始解析,返回一个整数。 举例:parseInt('123') : 返回 123(int); parseInt('1234xxx') : 返回 12
被人问起一个问题: script language=JavaScript和script type=text/javascript这三个标签的使用有什么区别?
PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,易于学习,使用广泛,主要适用于Web开发领域。 PHP 独特
ASP是动态服务器页面(Active Server Page)的英语缩写。[1] 是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。ASP的网页文
学习目的:安装调试asp的环境,写出第一个HELLO WORLD程序。 首先我们来安装WINSOWS2000自带的IIS作为服务器。(WINSOWS98的PWS也可以,但是不推荐,安装大致和2000相同,这里就不详细说了。
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在
DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种
Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很
Adobe Fireworks CS6 是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。更重要的是Fireworks可以轻松地实现大图切割,让网页
Adobe Flash(原称Macromedia Flash,简称Flash;前身FutureSplash),是美国Macromedia公司(现在已被Adobe公司收购)所设计的一种二维动画软件。通常包括Adobe Flash,用于设计和编辑Flash文档,以及
关于SEO-Answer,严谨的定义如下:SEO-Answer是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键词的自然排名,获得更多流量,吸
域名: 域名(Domain Name),是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置,地理上的域名,指代
超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(外语:H
织梦内容管理系统(DedeCms) 以简单、实用、开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历了二年多的发展,目前的版本无论在功能,还是在
《帝国网站管理系统》英文译为"Empire CMS",简称"Ecms",它是基于B/S结构,且功能强大而帝国CMS-logo易用的网站管理系统。本系统由帝国开发工作组独立开发,是一个经过完善设计的适用
Crossday Discuz! Board(简称 Discuz!)是北京康盛新创科技有限责任公司推出的一套通用的社区论坛软件系统。自2001年6月面世以来,Discuz!已拥有13年以上的应用历史和200多万网站用户案例,
KesionCMS是由漳州科兴信息技术有限公司开发的国内ASP管理系统。KesionCMS系统功能完善,覆盖面广、扩展性强、负载能力好、模板调用非常灵活、管理方便,因此不仅适合于建设一般企业
WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。WordPress是一个免费的
ECShop是一款B2C独立网店系统,适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。最新版本为2.7.3。 ECShop是上海商派网络科技有限公
PHPCMS该软件采用模块化开发,支持多种分类方式,使用它可方便实现个性化网站的设计、开发与维护。它支持众多的程序组合,可轻松实现网站平台迁移,并可广泛满足各种规模的网站
emlog 是 "Every Memory Log" 的简称,意即:点滴记忆。它是一款基于PHP语言和MySQL数据库的开源、免费、功能强大的个人或多人联合撰写的博客系统(blog)。致力于提供快速、稳定,且在使用上
盛大旗下phpcms V9内容管理系统其开发团队总策划王参加目前在北京海淀区成立了互联网公司:北京五指互联科技有限公司。其新作品五指cms(wuzhicms)内容管理系统也在同步制作中.具王参
学习目的:学会用表单元素向服务器传送变量,然后显示变量在客户端的浏览器。 首先,让我们来看一下Dreamweaver的表单元素。 dreamweaver表单元素 表单元素要放在一个表单域里面,建立
首先了解下什么事ACCESS数据库: Microsoft Office Access是由微软发布的关系数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点,是 Microsoft Office 的系统程序之一。
学习目的:掌握access数据库的连接和读取记录 今天要学习的内容有一点枯燥,但是很重要。在这里大家不需要知道命令具体的运行情况,外面的很多书籍之所以不适合入门就是因为介绍
学习目的:学会数据库的基本操作1(写入记录) 数据库的基本操作无非是:查询记录,写入记录,删除记录,修改记录。今天我们先学习写入记录。 先建立一个表单: form name="form1"
学习目的:学会数据库的基本操作2(查询记录) 在第四天中我们有这样一个程序: %set conn=server.createobject("adodb.connection")conn.open "driver={microsoft access driver (*.mdb)};dbq="server.mappath("example3
学习目的:学会数据库的基本操作3(删除记录) 开门见山,大家直接看程序。 exec="delete * from guestbook where id="request.form("id") 上面这句话完成了删除记录的操作,不过锁定记录用了记录唯
学习目的:学会数据库的基本操作4(修改记录) 先来看代码: %set conn=server.createobject("adodb.connection")conn.open "driver={microsoft access driver (*.mdb)};dbq="server.mappath("test.mdb")//这不是以前的一个数
学习目的:基本的session组件,总结response,request组件。 首先,有会员系统的任何程序都会用到检测是不是用户已经登陆这个步骤。这就用到了SESSION组件,下面我们 看一个代码来说明。
学习目的:分页技术,总结 今天最后一天我们学习一下asp里面稍微难一点地分页技术,毕竟当我们有N条记录的时候我们不可能把所有记录显示在一个页面里面吧。 %exec="select * from test
input输入框获取焦点时,如果是默认值,那么默认值会消失;input失去焦点时,如果input框为空,则用默认值填充上
input,select不适合line-height;input框光标不居中;input框光标在谷歌浏览器不居中朝上;select框给了高度,但不居中;
PhoneGap HTML5 应用简介 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的
此插件功能是从Leaps框架中拿出出来整合到PC的! 打开 phpcms目录 找到base.php 我们在最下面添加一个方法。如下图: 代码如下 public static function load_router(){ $router = self::load_sys_class('router
第一步:用phpmyadmin或者SQLyog备份数据库 第二步:上传所有网站内容到服务器 第三步:找到caches/configs/system.php,把里面的地址换成您当前网站所在服务器目录的地址(如果您都是放在根目
论坛做好了,或者服务器要更换,请看下面的duscuz迁移步骤,discuz上传服务器步骤如下: 第一步:用PHPmyadmin或者SQLyog备份数据库 第二步:上传所有网站内容到服务器 第三步:用PHPmya
phpcms带有current样式的一级和二级导航栏输出的方法: 假设导航栏默认结构如下
phpcms v9.42最新版本在上传图片的时候经常出现图片上传失败,提示错误信息“undefined”,故障现场如下图: phpcms报错图 作为客户来讲,遇到问题,第一反应是我们的香港虚拟主机空间对
今天,我爱模板网给大家带来的教程:给phpcms V9单网页添加自定义字段和调用自定义字段,并且自定义字段可以使用ckeditor编辑器编辑内容。 为了方便说明,我爱模板网将以下图的例子
在使用Phpcms v9建站过程中,如果是外贸站,一般列表分页的页码显示是英文的,而中文站希望页面和分页列表希望是中文的,另外有时候还需要自定义,这就涉及到Phpcms V9列表分页自定
phpcms顶踩插件,phpcms digg下载和使用方法。我们以下载模块为例,其他的类似。点击顶或者踩,会+1,点第二次会提示已经顶过了。效果如下: 第一步:为模型添加字段 网站后台 - 内容
/* * 数据库备份还原插件 * Date: 2014-11-25 * Author: 枫LT 957987132@qq.com php爱好者 * Company:合肥多元速网络有限公司 www.doysu.com */ 鸣谢: 1.首先感谢Thinkphp这么优秀的php框架 2.第二感谢OneThink强大
本程序会让你输入100以内的商品价格,然后用50、20、10、5、2、1六种面额的纸币找零,会给出,一共需要找多少钱,每种纸币找几张。
getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持。 对于现代浏览器开发,还可以使用querySelector()和querySelectorAll()。他们的功能更加强大。 解释:getElementsByClassName()是HTML5的DOM API。
在论坛看到部分用户反馈这个问题,要修改的其实是html_root的值,默认是 /html 如果要生成在网站根目录的话,这个值则要为空. 论坛上现在看到的办法是打开caches\configs\system.php,修改html_roo
linux设置404页面,.htaccess设置404页面 当页面丢失,无法访问时,会显示很不友好的提示,也没有返回上一页和其他页面的跳转提示,更不利于优化。一个好的404页面对于SEO很重要。下面,
先看下面的例子,点击图片,用循环依次弹出五个数字,对应五张图片。下面的代码看似没问题,但是弹出来就有问题了,您可以先运行代码,点击demo的五张图片,查看问题所在: !D
document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,
js获取select中option的个数目
tab选项卡js代码
一个非常简单的js表单验证代码,适合js新手看看。大神请绕道。 仅仅验证了常见的一些东西,电子邮件验证也没有涉及到正则表达式。
htaccess 如果虚拟主机有绑定子目录功能,可以不用看。 相信很多人都遇到过,PHP虚拟主机、无绑定子目录功能,但是在网站根目录弄了个例如bbs的文件夹用来存放论坛,然后希望通过例
phpcms V9编辑器Ckeditor代码高亮: 一、下载CMS部落文章下方的压缩包,里面有所需要的文件 二、将codeblock文件夹复制到 /statics/js/ckeditor/plugins 文件夹下 三、将content.css复制到 /statics/js/cked
1、打开图片,素材图如下: PS素描素材 2、ctrl+j复制 3、ctrl+shift+u去色 4、ctrl+j复制去色的图层 5、ctrl+i反相 6、混合模式改为颜色减淡(此时一片白色) 7、滤镜-其他-最小值-2 8、双击图层-图
首先是原图: PS素描原图 效果图如下: PS美女素描效果图 本素描原理是:用混合选项来控制反白过多的情况,用蒙版配合滤镜给素描增加纹理等。 1、打开图片,ctrl+j复制图层,执行
不知大家有没试过这样的经历:想替换一些有固定规律文本,但又不是想全部替换掉原来的内容。只是想替换掉其中的一部分,而保留一部分。例如,文本“ aaaDSSDaabbbbbbbbbbbbbbXXX”,我
一、HTML标签 html标签起什么作用,我就不多说了,大家在清楚不过了。不过我要说的是,很多开发人员都不怎么设置html标签的样式,但html标签其实又是一个重点之一,所以我建议在你
记一下CSS命名规则
首先先看下PS火焰字效果图: 火焰字效果图 第一步 建立一个适当大小带黑色背景的新文件。使用文字工具,大小为280pt, 字体为Trajan Pro,输入数字1。你可以在这里下载字体。当然你也可
我爱模板网推荐--Photoshop鼠绘钢笔教程
模板网水晶图标PS教程
将phpcms默认ckeditor编辑器换成KindEditor
更改kindeditor自带代码高亮插件为ueditor的代码高亮插件
插入运行代码效果 第一步:在/statics/js/kindeditor/lang/ 里面找到zh_CN.js 文件,在 filemanager : '文件空间', 后面加入 runCode : '代码运行', 这是定义按钮的中文名字。 第二步:在/statics/js/kind
简单的JS时间程序,秒针会跳动,先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xht
利用option对象创建简单的JS联动菜单,没有用到数据库,仅仅把地址保存在数组中,您可以根据需要扩展数组,如果数组过大,可以单独存放在其他js文件中。当然,使用ajax和数据库配合
什么是 Canvas : HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
我爱模板网在这里分析一个简单的jQuery表单全选、反选教程,先看下效果图: 全选反选效果图 至于html就不分析了,仅仅分析下jquery代码: $("button:first").click(function(){//这里是全选,先选
作为web开发者的我们可能清楚,在中文版的chrome里,定义了小于12px的字体依然显示为12px,可能是chrome的纠正,避免中文看不清楚,同时限制了开发者的灵活性。今天和神飞讨论了下他
内部容器margin-top影响到外部容器,子容器margin-top影响父容器
Discuz默认的播放器是windows media player,界面不美观不说,也不能全屏观看,支持的格式不多,而且,兼容性也不好,如下图: windows media player 将Discuz的默认播放器替换成CuPlayer是个不错的
定义: PV(访问量):即Page View, 即页面浏览量或点击量,在一定统计周期内用户每次刷新网页一次即被计算一次。 UV(独立访客):即Unique Visitor,访问您网站的一台电脑客户端为一个访客。
meta标签用的最多的,我想大概是关键词和描述,以及字符集的定义,meta指元素可提供有关页面的元信息(meta-information)。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与
今天用QQ登录discuz X3论坛的时候,发现出现了下面的提示: 百度了下,按照下面的方法,完美解决问题: 1、在discuz安装目录找到“config/config_global.php”文件,查找下面代码,把0改为1。
滤镜说明: Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 FlipH:创建水平镜像图片 FlipV:创建垂直镜像图片 glow:
“图层蒙版隐藏效果”在“图层样式”-“混合选项:默认”-“高级混合”里面,以前一直不知道什么用,现在终于知道了,看下面演示,您也可以跟着一步一步做: 第一步 你有过这种滋
原图 最终效果图 1、复制背景图层,在副本上将阴影部份选取出来,请注意这里不要做羽化,然后用曲线调亮到与正常肤色差不多。 曲线调整 2、现在要植皮了, 在需要修补的皮肤附近
本配色达人速成教程,从色彩原理、色相对比的类型、影响我们的视觉、同行高手如何配色、寻找色彩的过程、我要什么样的颜色、用什么颜色来搭配、颜色有了如何搭配、我的配色口
1、打开Apache 的 httpd.conf文件(wamp\bin\apache\apache2.2.8\conf),找到: # Virtual hosts#Include conf/extra/httpd-vhosts.conf 把“#Include conf/extra/httpd-vhosts.conf”的#祛除,作用是开启vhost 2、打开wamp\bin\apach
模板网今天做图时,需要将图片的高光部分选择出来。记得快捷键好像是“ctrl+alt+~”,试了半天没有反应,百度了下,可以用其他方法替代: 第一个办法是“选择-色彩范围”,下拉有
今天,我爱模板网在给一个客户做网站时,有个附件下载功能,于是想到了自定义附件字段,我如调用其他字段一样,调用自定义上传附件字段,可是调出来却是如下地址: table width=
什么是css机器猫,这是一个日本高手用css3写的一个哆啦A梦。通过不同内核的浏览器,看出来是不同的效果,如下(这里的效果仅仅是截图,真实效果请跳至文章末尾): Safari 5.05 Chrome 1
第一步:点击wampserver,选择Apache下面的httpd.conf: 第二步:打开httpd.conf(建议用记事本或者其他文本编辑器打开),ctrl+F搜索“ Allow from 127.0.0.1”,将前面加个“#”注释掉。 第三步:搜索
IE条件注释(Conditional comments)是IE浏览器私有的代码,是一个类似IF判断的语法注释块,IE5之上支持。 代码看起来是这样的: !--[if IE 6]你正在使用IE6![endif]-- 他的语法是一个普通的HTM
第一种情况:列表、频道、文章等命名规则未填写或填写错误 此种情况较为少见,因为初级用户一般不会去修改这些东西,情况可以大致分为:命名规则未填写(即为空)解决方法:只
我爱模板网在操作dedecms时,客户要求删除不需要的系统变量,由于官方担心误删后台固定变量,所以没有设计删除系统变量和自定义变量的功能,我们可以通过后台的执行SQL功能或者进
我爱模板网最近在给客户修改网站时,需要用到php的ftp类,百度了下,转载在这里,版权归原作者: FTP类 PHP代码: ?// 联接FTP服务器$conn = ftp_connect(ftp.server.com);// 使用username和password登录
文字链接和图片链接点击后会有虚线框,解决办法: a,img {star:expression(this.onFocus=this.blur());outline:none}
今天,我爱模板网在给客户做网站时,又遇到了以前遇到的问题,就是在IE7下,li里面是a链接,li浮动后,末尾的li里面的文字掉下来,不够长,本应该li自动下来的,但是最后一个没有
昨天,我爱模板网给一个台湾客户做网站,用dedecms做后台,需要在编辑器上传附件,找来找去,没有找到附件上传按钮,却发现在媒体上传按钮和全屏编辑按钮中间空出来好大一块,点
PS计算功能界面 PS计算在“图像”菜单里面,相信很多人不明白怎么用,我爱模板网对这个功能也不是很了解,这里转载了网上的一位大神的帖子,希望对大家有帮助。 要了解计算怎么
我爱模板网在给一个台湾客户做网站时,客户需要用dedecms做后台,可是,很多功能,比如会员功能不需要,就要求从后台关闭这个功能。那么,怎么关闭呢? 默认没有关闭的样式如下图
JS实现的时间跳动,可以先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta
css兼容性对照表 备注: 绿色 / √ 表示目前支持。 橙色/ Δ 表示浏览器部分支持当前CSS选择器。 红色/ Χ 表示浏览器完全不支持。
Discuz!中 $_G变量的使用方法: 例如:$_G['style'][boardlogo] $_G['style'][bgcode] 全局背景属性属性 $_G['style'][bgcolor] 页面背景 $_G['style'][boardimg] logo所在路径 $_G['style'][boardlogo] LOGO img代码 $_G['styl
HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端保存用户一些数据,我们首选使用cookie,但是cookie最多只能存储4kb,而HTML5的本地存储localS
jQuery选择器是jQuery的精髓,学会了jQuery选择器,你的jQuery之路也就成功了一半。我爱模板网在这里,为大家详细讲解下jQuery的九大选择器: 首先,先大体上介绍下,哪九大选择器: 1、
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。
jQuery是js的一个非常优秀的库,它大大简化了js的很多操作,并且解决了js的大部分兼容性问题。甚至很多css兼容性问题,用jQuery写都能解决。jQuery的口号就是write less,do more。今天,我爱
IE6浏览器虽然现在很少用了。但是也不能排除它,毕竟有些客户还是有这个要求的。就像我爱模板网今天在给一个客户做网站,需要设置一个div容器的高度和宽度都是5px,发现在IE6,宽
邮箱正则表达式和手机号码正则表达式,亲测,可行: 1、验证邮箱的正则表达式: if(!(/^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/.test(email))){str += "邮箱格式不正确br /";}
本案例用了window.clipboardData.setData,设置剪贴板的内容,内容是js获取的网页的标题和url地址,拼接出来的字符串。同样通过本例,也可以举一反三,是现在其他地方。例如可以实现复制
{dede:arclist row='10' titlelen='34' orderby='click' subday='2'} [field:title/]{/dede:arclist} 这是我爱模板网调用日排行的文章,subday表示在多少天以内的文档,subday='2'就表示2天内发表的文档,其实可能应
PHPCMS是一款优秀的网站内容管理系统,而且功能强大,这里,就介绍它的一个邮件功能: phpcms自带邮箱系统,用来发送注册信息等内容,但QQ普通邮箱已经不支持此功能了。建议使用1
CSS盒子模型图解 W3C组织建议把所有网页上的对像都放 在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四
实例 在一个声明中设置所有字体属性: p.ex1 { font:italic arial,sans-serif; }p.ex2 { font:italic bold 12px/20px arial,sans-serif; } 浏览器支持 定义和用法 font 简写属性在一个声明中设置所有字体属性。
今天,我爱模板网做了一个安徽论坛www.anhuibbs.cc,发现用户无法更换头像,提示“access denied for agent changed”,进入ucenter,发现通信失败,如下: discuz和ucenter通信失败 按照网上的方法,
今天我爱模板网在布局时遇到一个问题,就是用表格布局一个如下的效果: 这个,给tr比较好,table的话,只有外面有边框,而用td,就非常麻烦。可是,我写了如下的代码,给tr加了边
获取网页各种宽高的方法: 网页可见区域宽:document.body.clientWidth;网页可见区域高:document.body.clientHeight;网页可见区域宽:document.body.offsetWidth +" (包括边线的宽)";网页可见区域高:docu
点击表单的提交按钮,将表单随机提交给一个数组中的地址。思路是,先定义一个数组,将需要提交的地址都保存在里面,然后利用js的随机数Math.radom()获取随机数,然后取整。代码如下
1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示:您可以
网页中常见标签 html/html 创建一个HTML文档 head/head 设置文档标题和其它在网页中不显示的信息 title/title 设置文档的标题 link 定义一个链接和源之间的相互关系 meta提供有关页面的元信息
我们都知道,整行标签(块状标签,block标签)的margin和padding,但是内嵌标签(内联标签,inline标签,行内标签)有的支持,有的不支持,有的支持部分。我爱模板网闲来无事,测试了大部分
本案例通过正片叠底的方式,将下面两张素材合成到一起,第三张是效果图: 人脸素材 大树素材 最终效果图 1、打开树素材,再打开人物素材,全选人像图,拖到树素材上来。人像添加
本教程利用RGB通道抠纯色背景,再还原回颜色再用裂痕素材贴图合成具有碎裂的效果,用调色把画面质感提炼出来,教程主要使用蒙板、正片叠底、亮色、滤色、透明度等工具(点击下载
phpQuery 通用列表采集类,是一个简单、 灵活、强大的采集工具,采集任何复杂的页面的内容。下面让 合肥网页设计培训 老师给大家介绍下这个类的使用方法: 1.为什么要介绍phpquery,因
合肥多元速网页培训教你怎么在textarea中存储数据,然后前台在分解成数组; 这个需要用到的是textarea中的回车换行符号:\r\n 例子: 我们要实现下面的: 输出数组: php代码写法: $d
对于网页制作人员来说,大图加载实在太慢了,网站一时半会也打不开,那么下面这个函数就可以对图片进行裁剪缩放,非常强大; 话不多说, 合肥网页设计培训 教大家怎么使用该函
今天在给 安徽论坛 做QQ登录,发现登录出错,提示:Unknown column 'conuintoken' in 'field list',就是没有“conuintoken”这个字段: 解决方法三种: 方法一: 后台------》站长----》 数据库------
我爱模板网在做网站时,发现一个问题,就是当遇到图片和文字混排,希望文字图片顶对齐,一般都会给文字套一个层,图片套一个层,然后一起左浮动或友浮动,效果如下: 代码如下
当用 phpMyAdmin 导入的数据库大小大于 2M 的时候,会出现如下提示: No data was received to import. Either no file name was submitted, or the file size exceeded the maximum size permitted by your PHP configuration. See F
在图片合成领域,用PS中抠图换背景是老生常谈的话题,而人物头发或者动物体毛则是该话题下的一个老大难问题。下面我将介绍两种不同的抠头发丝的方法来分别应对简单和复杂的背景
如果需要发布的内容过多,可能会全部显示在一个页面,这样一来,会无形中拉伸整个页面,从而影响到美观。当然,最重要的是客户需要滚动鼠标才能不断的浏览,影响用户体验。而从seo的角
首先,我们看一幅图: 中间是百分百的不透明度和百分百的流量,左边是流量不变,不透明度减半,右边是不透明度不变,流量减半。 笔刷参数:间距为最小间距。 那么,你会发现在
QQ互联最近几天出现的问题,如果同步站点信息时使用站点URL:bbs.xxx.com,那么在其他域名如:www.xxx.com登录,也就是同一主域名下的其它二级域名登录,那么就会出现:redirect uri is ill
今天我爱模板网重装了系统,发现火狐下,字体非常大,网页就算横向宽度没有屏幕宽,依然显示横向滚动条。所以,起先以为是缩放问题(实际上就是缩放问题),但是按了“ctrl+0”,重
我爱模板网今天在给一个广东的客户做网站时,需要实现一个效果,就是点击空白的地方,菜单隐藏。先看下效果图: 二级菜单 点击“我爱模板网”,显示下面的ul,再点击空白的地方
有时候我们可能希望做出js和html的混写,如果js不行,就可能是jquery和html的混写。效果图如下,点击删除按钮,删除本行,或者点击“+”按钮,添加一行,我们一般会写一个addTr函数或
今天,我爱模板网在做 安徽论坛 时,想将“会员风采”和“婚纱摄影”板块做成瀑布流形式,发现缩略图不显示。 首先简单讲下如何开启discuz缩略图列表,在板块管理-编辑-扩展设置
在本教程中,我们将向大家展示如何用ps创建一个超级简单的超逼真凸版印刷特效,只使用ps中的图层样式,制作过程十分简单。但我相信,最后的结果肯定会让你目瞪口呆,赞不绝口的
双重曝光,顾名思义,就是拍摄时重复曝光两次,让影像重叠在一张照片上,令画面看起来更丰富。甚至可以发现有一些相机已经内置双重曝光功能。 素材及PSD下载 → http://vdisk.weibo.
众所周知,网站的内容是一个网站的灵魂,尤其是原创 高质量的文章更能够很好的获得搜索引擎的认可,才能够使我们网站获得大量的收录,但是有些站长苦于写不出那么多的原创文章出来
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
在dedecms v5.7中无法自动下载远程图片与资源到本地,竟然遇上了这样的问题,呃,这里分享下解决方法,有遇到类似问题的朋友参考下。 由windows迁移过来的网站程序,使用织梦程序发布
1、打开后台-采集-采集节点管理,点击增加新节点: 选择模型 新增节点-配置网址索引 填写要采集的网站的列表相关规则, 查看采集站点的编码和网站源码 我们右键单击,点击查看源
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
今天客户有需求,需要网站的自定义内容模型需要采集。可是,dedecms自带的采集在设置时,只有“文章”和“图集”两个选择,莫慌,打开:dede/templets/co_add_step0.htm,找到下面的代码:
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
字体进阶篇!如何用阴阳收缩法做字体设计?
js倒计时的写法:商城抢购 小米手机抢购 网站上线倒计时 团购倒计时等等 2天:1小时:3分钟:20秒 倒计时的原理: 未来时间-现在时间 =剩余时间 我们将剩余时间通过setInterval刷新时间
今天我爱模板网在网上下载了一个discuz的插件,上传到discuz的插件目录“source - plugin”,然后进入后台-应用-插件,找到了刚才上传的插件,点击安装的时候,提示“对不起,您安装的不
叠柔配色法,UI设计师必会技能
见好多人求批量头像插件,却没有。所以自己研究下,批量修改dz会员头像的简单方法 dz头像存储路径 /uc_server/data/avatar/ uid100以上的自建文件夹以uid 139为例 则储存格式为: /uc_server/da
我们在做图片滚动时,如果考虑的长远点,可能会写成插件,那么就必须获取容器的宽度,例如li的宽度,这个宽度,考虑的全面点,除了设置的width之外,还应该包含margin、padding、bo
这篇文章主要介绍了js调试工具Console命令详解,需要的朋友可以参考下 一、显示信息的命令 !DOCTYPE htmlhtmlheadtitle常用console命令 - 我爱模板网 www.5imoban.net/titlemeta http-equiv="Content-Type" conte
Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API,能够让开发者在开发web应用的时候更加简易便捷。实际上,一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习
查询网站的收录值一直是站长所存眷的,网站收录数量虽然不克不及代表一个网站的吵嘴,但我们都知道一个网站如果收录的越多,对关头词参与排名的概率将会是越年夜的,特别是长
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。示例代码如下: divp第一个子元素/ph1第二个子元素/h1h1第三个子元素/h1span第四个子元素/spans
1、 childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,
今天,我爱模板网谢了下面一段代码: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-
jQuery的自带动画效果animate非常强大,可以做出各种动画效果。唯一缺陷是动画效果过度比较单一。这里,我爱模板网极力推荐一个插件,配合jQuery的animate,做出来意想不到的效果,例如
函数(方法)——如何理解 如何理解函数这个概念,给大家举个通俗的示例: 拉灯同志给特工小组下达命令:去炸XXX,特工小组返回结果 程序员调用方法:给方法必要的输入,方法返
timing-function timing-function算是Transition属性中最为复杂的一个了。它针对了过渡效果的特效,有多种特效展示。这里得涉及到一个学术性的话题:貝茲曲線。W3C给出的一张曲线图。 cubic-
我爱模板网今天在做一个js时,遇到了很奇怪的问题,百度了很多,才弄明白是怎么回事。且看下面的详解--javascript中变量和函数的提升(Hoisting)问题: 一、抛砖引玉: 我们先看看下面
ps绘制金色的鸡蛋视频教程
最终效果图1、新建文档(Ctrl+N),设置分辨率300dpi。 然后新建一个图层(Ctrl+Shift+N)命名为“背景”。 2、给“背景”图层填充灰色,色值:C:0% M:0% Y:0% K:40%。 3、新建图层,命名
动画依次执行的常用方法有但不仅限于下面三种: 1、.delay().animate(); 2、回调函数 3、setTimeout 我爱模板网在这里简单的一一举例,有不当之处还希望各位大神指教: 首先,我们先写四个
一、什么是矩阵: 矩阵可以理解为方阵,只不过,平时方阵里面站的是人,矩阵中是数值: 而所谓矩阵的计算,就是两个方阵的人(可以想象成古代的方阵士兵)相互冲杀。 CSS3中的矩
jQuery wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。 语法格式: $(selector).wrap(wrapper) 运行下面的代码查看效果: htmlheadtitlejquery wrap()演示 我爱模板网 www.5imoban.net/titlescri
变量 全局 释义 {CHARSET} √ 字符集 $SEO['title'] √ 页面标题 $SEO['site_title'] √ 网站标题 $SEO['keyword'] √ keyword {$SEO['description'] √ description {CSS_PATH} √ css路径 {JS_PATH} √ js路径 {IMG_PATH} √
phpcms文章ajax点赞功能----解决网页静态后不能实时更新赞次数问题 一:介绍 * Ahthor:枫lt * QQ:957987132 * 官网:http://crazyPlugin.doysu.com 疯狂的插件 * WebSite:http://www.doysu.com 多元速教育 * W
一:注意Title的变化。 Title是最重要的部分,搜索引擎的蜘蛛首先会抓取这里,所以在更换模板时首先看此部分是否和原模板相同,如果别人制作的模板Title与你模板Title不同,由于模板
图层混合模式决定当前图层中的像素与其下面图层中的像素以何种模式进行混合,简称图层模式。 图层混合模式是Photoshop CS3中最核心的功能之一,也是在图像处理中最为常用的一种技术
5,颜色加深混合模式 颜色加深模式用于查看每个通道的颜色信息,使基色变暗,从而显示当前图层的混合色。在与黑色和白色混合 时,图像不会发生变化。 6,线性加深混合模式 线性
9,滤色混合模式 滤色混合模式与正片叠底模式相反,它查看每个通道的颜色信息,将图像的基色与混合色结合起来产生比两种 颜色都浅的第三种颜色,就是将绘制的颜色与底色的互补
13,叠加混合模式 叠加混合模式实际上是正片叠底模式和滤色模式的一种混合模式。该模式是将混合色与基色相互叠加,也就是说底层图像控制着上面的图层,可以使之变亮或变暗。比
17,线性光混合模式 线性光混合模式是线性减淡模式与线性加深模式的组合。线性光模式通过增加或降低当前图层颜色亮度来加深或减淡颜色。如果当前图层中的像素比50%灰色亮,可通
21,排除混合模式 排除混合模式与差值模式相似,但排除模式具有高对比和低饱和度的特点,比差值模式的效果要柔和,明亮。 白色作为混合色时,图像反转基色而呈现;黑色作为混合
今天,我在处理安徽论坛时,发现很多会员登录后提示账号被冻结,需要验证邮箱重新登陆: 一两个倒也无所谓,关键是很多,可能是由于论坛升级导致的。在数据库里面有个 freeze 就
我爱模板网在这里分享一个用html5的clearRect()方法,清除一个圆形区域,函数如下: function clearCircle(oc,x,y,r){for(var i=0; i Math.round(Math.PI * r); i++){var angle = (i / Math.round(Math.PI * r)) * 360;oc.clea
Html5 Canvas transform就是矩阵变换,一种坐标的变形。 坐标变形的三种方式,平移translate, 缩放scale以及旋转rotate都可以通过transform做到。 transform(m11, m12, m21, m22, dx, dy):这个方法必须将当前
IE6+、Firefox、chrome等浏览器都支持客户端Gzip。也就是说,在服务器上的网页,传输之前,先使用Gzip压缩再传输给客户端,客户端接收之后由浏览器解压显示,这样虽然稍微占用了一些服
最近在二次开发phpcms v9,根据网站设计图,需要用到热门关键字功能,但通过详细查看 phpcms v9后,并没有发现可以管理热门关键字的相关选项。虽然可以通过pc:get标签查询出搜索次数最
今天,我爱模板网在给客户做网站时,客户提出:希望在网站中的关键词,自动加上链接。这不就是内链嘛,在PHPCMS中叫做“关联链接”,在DEDECMS中叫做TAG标签。既然遇到了,就做呗,
虽然我爱模板网站长经常接触PS,可是很多颜色不知道叫什么名字(说起来,我叫得出名字的颜色,加起来都不超过十个,前段时间,还有人讽刺我,卡其色是什么色都不知道,我,我一
在网上经常看到这种效果:鼠标在容器上移动,容器里面的图片、文字会向着鼠标相反方向做小幅度的位移,并且,同一个容器,有的移动的块,幅度大,有的小,其实很简单: 运行下
Math.sin(x) x 的正玄值。返回值在 -1.0 到 1.0 之间; Math.cos(x) x 的余弦值。返回的是 -1.0 到 1.0 之间的数; 这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角
一、角的两种单位 “ 弧度”和“度”是度量角大小的两种不同的单位。就像“米”和“市尺”是度量长度大小的两种不同的单位一样。 在flash里规定:在旋转角度(rotation)里的角,以“
dede标签调用的基本语法是: {dede:tag row='30' sort='new' getall='0'} [field:tag /] {/dede:tag} 参数说明: row='30' 调用条数 sort='new' 排序方式 month,rand,week getall='0' 获取类型 0 为当前内容页TAG标记,
关于将dede织梦data目录迁移出web目录织梦官方提供了一个教程,但是如果你是按照他们提供的教程做的话会出现很多问题。比如验证码问题,图片显示问题等等一大堆。织梦官方这种是
系统搬家后或在系统还原后,重新更新栏目或文件的时候,有时会出现这样的错误提示:没有该栏目数据 可能缓存文件(data/cache/inc_catalog_base.inc)没有更新 请检查是否有写入权限 这时大
因为平时很少用HTML5 Canvas画图。今天,在画图时,我爱模板网才发现,HTML5 Canvas画出来的圆,不是圆,是椭圆,正方形,也变成了长方形,而且不清楚,代码片段如下: stylecanvas{width:
discuz论坛在本地做好,测试好之后,上传到服务器,恢复数据库文件,一切正常,只是用户头像不显示,查看了下,用户头像地址如下: http://127.0.0.1/uc_server/avatar.php?uid=1size=small 地址还
Google的John Mueller说: 有时短的内容也能够引起很长串的讨论,有些读者也会希望找到留言讨论的内容。言下之意是博客的留言也可以成为搜索引擎抓取的内容之一,所以有一定SEO价值。
nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值,告诉机器(爬虫)无需追踪目标页,为了对抗blogspam(博客垃圾留言信息),Google推荐使用nofollow,告诉搜索引擎爬虫无需
在早些时候,keywords对于SEO的作用,毋庸置疑,非常重要。但是,近期看到很多权重高的网站,都没有keywords标签: 这是为什么呢?原来,由于keywords对于网站的SEO早年很重要,很多站长
如何把握html网页中的meta标签 对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。因为meta标签是内嵌在你网页中的特殊html标
第一步:新建一个空白文档,宽高随意,然后填充一个深灰色,我的这个是#202020。 第二步:新建一个图层,填充为白色,然后选择滤镜-杂色-添加杂色,数量100,设置好如下: 第三步:
jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clic
前言: 众所周知,phpcms v9编辑器不支持发布代码功能,不支持前台代码高亮显示,那么合肥网站建设知名品牌—多元速网络科技有限公司教您如何增加代码高亮插件; 插件步骤: 一、
前言: 大家在使用phpcms发布文章的时候是不是有种想砸电脑的冲动呢,phpcms自带的ckeditor编辑器竟然连行高都不能设置,说实在phpcms这一点做的确实不好,难道就没有解决的办法了吗?
phpcms点赞功能介绍: ajax无刷新点赞插件,可以轻松解决网站文章点赞功能,并且可以在伪静态后的页面实时显示点赞次数和实时更新点赞次数,并且加入+1动画效果,加入cookie(点击查
介绍: 合肥网站建设 为您介绍什么是cookie并且教你如何使用?cookie(数据大小为 4 KB):存储在客户端上的文件(设置有效期) Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户
我承认AngularJS是非常优秀的js框架。 我见过的其他框架相似,与AngularJS比大大折扣,AngularJS“只是另一个JavaScript框架”——直到我使用它。 我发现那些短时刻AngularJS很神奇,我必须为所有
说到seo大家都知道seo的一些基础知识,但是不能深入去了解,作为一个普通的开发人员或者站长你需呀知道哪些seo知识才能让你对seo有进一步的了解呢? seo知识 1.首先您必须要了解搜索
在jQuery中,有两个事件,表示页面加载完执行里面的代码: $(document).ready(fn) 和 $(window).load(fn) 。两者的区别是: $(document).ready(fn)发生在"网页本身的HTML"载入后就触发; $(window).load(fn)则
js设置cookie非常简单,但是读取cookie的时候,非常的麻烦,因为它一次性获取所有的cookie,而且,将值和名称都获取了,比如,获取“name”对应的cookie值,使用document.cookie,会得到类似
先看下效果图: 创建一个1300*800的空白文档 设置 前景/背景色 牛仔布偏蓝色(我这里分别是#83b7ca , #22576b)然后Alt+Del 填充"背景"层的前景颜色。 接下来将应用一些滤镜库来创建牛仔纹理
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。
表单验证在平时的工作中经常遇到,我爱模板网在这里总结了以下,希望对网友们有用处,包含手机号码正则验证、电话号码正则验证、特殊字符验证、是否含有脚本验证、去除空格、
密码强度验证示例 合肥网站建设 整理了一个比较实用的密码强度验证代码,先看代码: input type="password" name="pass" id="pass" / span id="passstrength"/span script $('#pass').keyup(function(e) { var strongR
我爱模板网在做网站时,遇到了一个情况:块状标签垂直居中,百度了很多都没有用,所以自己总结了下,给有需要的朋友,绝对可用: 1、对于固定高度的容器的垂直居中问题,给它的
在做手机站时,遇到了下面的一段代码: meta name="viewport" content="width=device-width, initial-scale=1.0" ViewPort meta标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放
现在的网页浏览媒介太多,不同的平台有不同的尺寸,如PC端、手机端、iPad等等,尺寸相差太多,不使用响应式布局,就没法兼容这些浏览器。这里,我爱模板网简单讲解下@media screen
下面是我爱模板网总结的,javascript 和 jQuery 获取浏览器各种宽度和高度的方法大全: JavaScript: alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域
remove()和detach()共同点: 二者都是讲容器删除,返回的都是指向被删除的节点的引用,所以,删除后,可以在以后继续使用。 二者的区别是,当被删除容器事先被绑定事件,使用remove(
先看下效果图: 这个立体按钮,完全是css写的(除了圆角用的是css3的border-radius),其实很简单,底部是边框,上面纯色,鼠标放上去的时候,将按钮颜色变亮,给边框加粗,按下去,给边
在做网页布局时,切记,命名一定要有规范,要留有命名空间。以下,是我爱模板网总结的一些css命名技巧和常见命名规则: 一、DIV+CSS规范命名大全集合 1)、所有的命名最好都小写
.htaccess是域名重定向文件,虚拟主机还可以利用.htaccess绑定子目录,其实就是重定向。方法详见: 虚拟主机利用.htaccess绑定子目录 。 但是,在windows平台下,文件重命名是不能只有扩展
1、 下载extention.func.php.rar ,解压得到一个GBK的extention.func.php文件和一个UTF-8的extention.func.php文件,根据自己网站的编码,选择一个覆盖到“phpcms/libs/functions”目录下。 2、在后台对应的模
今天,我爱模板网在给客户做网站时,遇到一个问题:需要在首页调用最新产品,可是,最新产品有多个栏目。 尝试了下,用普通的PC标签,然后加上多个栏目的ID,发现调用不了:
最近,我爱模板网在用一个CMS做项目,项目很简单,不需要会员功能。前台大概有四个自定义表单。自定义表单在创建时,都勾选了“允许游客提交表单”,不然游客没法提交表单。
在写CSS的时候,我爱模板网一直很疑惑,这css样式可以用英文,那么是不是所有颜色的英文都可以呢?比如:palegoldenrod等,今天看到这个对照表,所有的英文用在css上面都可以,参考下
今天,我爱模板网遇到一个客户,需要用PHPCMS V9做一个企业站,HTML模板都提供好了。我说这不简单,就用PHPCMS将它套了出来。但是,客户说,需要能够在后台修改模板。我说这不安全,
您在做项目的时候,可能遇到图片需要居中、居左、居右的问题,一般的解决办法是,给图片的父容器加上下面的代码: text-align:center; 但是,这个不是很好用,经常对于文字有作用,
今天,一个摩天轮的客户发来一个修改需求,说是上面的a链接点击后留下了虚线框,太难看了,去掉: 点击之前 点击之后 这是因为,点击后,a链接获得了焦点,浏览器为了让用户明
DEDEMCS织梦内容管理系统,在修改文章之后,文章的发布时间,会被自动更新为当前修改的时间,前台调用的按发布时间排序的文章,顺序会被打乱,之前的文章可能会重新排到前面,这
border-radius未出来之前,类似织梦官网那样,处处圆角却不得不切成图片的布局真是让人头疼不已,如今,一句border-radius就能解决过去可能很多行才能解决的问题。真是牛叉。但是,在
今天,我爱模板网在做一个手机站的时候,一个左侧弹出菜单,需要高度全屏,宽度半屏,后面的半透明灰色遮罩高度和宽度都是全屏。这个,一般我都是用js获取屏幕的宽高来解决的
想当年,我爱模板网在参加培训网页设计的时候,都没有听过什么是响应式布局。可是,才短短两三年,响应式布局已经成为了大势所趋。最近,做了几个客户的单子,全都要求响应式
不知道各位网友有没有这种体验,有时候在填写表单的时候,不小心按到了键盘上的Enter,就把表单提交了,表单还没填写完成呢!今天,我爱模板网就遇到了这个问题。于是,随便写
有时候,在做PHPCMS后台的时候,我们在首页等页面,调用文章的时候,可能有个需求,就是获取文章的ID,下面的代码就是获取文章的ID,用phpcms的$n即可将文章的ID获取来: {pc:content
在div中,文本布局经常出现,换行混乱的情况。 问题表现: 1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度
bootstrap3在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,解决方法总结如下: 首先需要确保你的HTML页面开始部分
本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容
w3cschool教程CHM格式下载,w3cschool教程电子版下载。共9.8M,可离线观看,包含javascript、PHP教程等等几十种互联网热门技术教程,并且还包含SVG等各种实例,我爱模板网强烈推荐(因为不知
javaScript DOM教程电子版教程目录 下载地址: javaScript DOM教程电子版 Array CharacterData Clip Context Date Document Element event history HTMLAnchorElement HTMLAppletElement HTMLAreaElement HTMLBaseElement HTMLBaseFontEle
《算法导论中文版》 想学好程序,必须有个扎实的数学功底,因为数学中的逻辑思维和很多算法对于写一个很好的程序非常重要。我爱模板网极力推荐想学好程序的同学看下《算法导论
1、在本地导出您网站的数据。,例如命名为 sql.sql 。同时,将 sql.sql 里面的本地ip地址批量替换成您服务器的IP 2、将sql.sql导入到您的线上的数据库 3、将caches\configs\database.php 的数据库信
今天,我爱模板网在修改本地的一个网站时,进入phpmyadmin,发生了“无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装。”的错误,如下图: 这个错误,
平时经验积累,不断补充,重置HTML标签自带的样式,CSS RESET
腾讯官方通过 Tencent://Message/协议可以让QQ用户显示QQ/TM的在线状态发布在互联网上;并且点击 ,不用加好友也可以聊天: 具体代码: a href="tencent://message/?uin=215555521Site=JooIT.comMenu=yes"im
云 VPS 在使用中很容易出现硬盘空间不足的原因 , 分为系统盘不足 , 和其它盘不足 , 如果是其它盘不足可以联系服务商加钱升级硬盘空间 , 而系统盘不足就得进行一些必要的清理 , 今天
一般情况下,textarea允许用户拖拽右下角的箭头,调整textarea的大小。非常有利于输入大段的文本,箭头如下: 今天,我爱模板网在给客户做一个商城站时,客户要求将textarea右下角的箭
在ul下,直接嵌套div,在ie7以前版本,会出现的状况是:div会被离它最近的li包裹住。 ul class="clearfix" li1/li li2/li li3/li li4/li li5/li div class="add" 这一块在ie7及之前版本会被加载到文本为5的
看到腾讯课堂的顶部有个倒三角形,看了下代码,发现没有用图片做,而是用css写的,就试了下,发现不过,挺好用的,而且,除了倒三角,左右正三角都可以写出来,代码如下: i s
今天,我爱模板网在给客户的网站做线上修改,由于已经上线,就用flashfxp连接,发现报错:“检测到 SFTP 协议,请将连接类型更改为 SFTP”,他的网站是p2p网贷,用的加密协议,普通连
织梦DedeCMS自增函数[field:global name=autoindex/]用法示例: [field:global name=autoindex/] !--普通打印递增的数字--[field:global name=autoindex runphp="yes"]@me=@me+5;[/field:global] !--将值加5后再打印--[field:globa
让dedecms autoindex,itemindex 从0到1开始的办法 [field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global] {dede:global name=itemindex runphp="yes"}@me=@me+1;{/dede:global} autoindex itemindex 的使用心得区别 : channe
1、DEDECMS专题页模板中调用专题简介的代码: 2、文章列表和缩略图等调用方法:
在首页调用专题页文章列表的三种方法,dedecms首页调用专题页的描述和专题链接地址的方法
移动端 html5手机网站 字体单位font-size选择 px 还是 rem? 这主要分为两种情况: ①对于只需要适配手机设备,使用px就可以了 ②对于需要适配各种移动设备,使用rem,例如只需要适配iP
随机文章优点 有利于展示所有文章,特别是一些老的文章也有在首页、列表页、内容页等添加随机文章列表标签等地方展示文章,让搜索引擎更好的收录文章。 随机文章添加方法 ded
相关文章(猜你喜欢)的好处 能够根据文章关键词找到类似的文章,有利于seo和用户的检索 存在问题 DEDECMS文章内容页默认模板缺少相关文章,对用户及搜索引擎查找及判断文章主题不利
dedecms的orderby有很多排序方式,今天我爱模板网就在这里详细总结下,方便下次查看: orderby的排序方式大致可以分为下面几种 1,按点击数排序(orderby='hot' 或 orderby='click'),这个也就
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现
jQuery 的动画方法(animate)支持各种属性的过渡,但是默认并不支持色彩的过渡,该插件正是来补足这一点! PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色
我爱模板网在给客户做响应式网站时,碰到一个大麻烦,就是在其他现代浏览器都能很好的显示,但是到谷歌一看,全错位了。查了百度,终于知道原因了: 因为是响应式,所以,我用
今天,我爱模板网在做phpcms的时候,遇到个问题,就是想显示指定的几条数据,用limit没用。代码如下: {pc:content action="lists" catid="15" order="id DESC" limit='0,3'} {loop $data $n $r} li class="fl"a hr
1. 一般的文件上传,除非文件很小.就像一个5M的文件,很可能要超过一分钟才能上传完. 但在php中,默认的该页最久执行时间为 30 秒.就是说超过30秒,该脚本就停止执行. 这就导致出现 无法打
phpcms的文章标题最长为80个字符,往往我们在添加文章的时候,可能会超过这个限制,会导致标题显示不完整。解决办法是: 1、进入后台,找到内容-模型管理: 2、找到对应的模型,选
Windows 2008 Server R2,默认设定200K的限制。 对上传文件限制大小进行更改,具体设定方法如下: 找到ASP选项 点属性,找到“最大请求实体主体限制”默认值为”200000”即200K,不能满足上传
在弄懂这两个问题之前,必须获取两个高度:窗口高度和文档高度,如下: $(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的
今天我爱模板网整理了下phpcms v9最实用的23个调用代码,不用每次调用还要查百度了: 1、调用最新文章,带所在版块; {pc:get sql="SELECT a.title, a.catid, b.catid, b.catname, a.url as turl ,b.url as c
纯JS版本的手机版返回顶部插件
直接从新浪手机版拔下来的js返回顶部代码,每个3秒钟会自动消失,只要一滚动又会自动出现。至于css和html自己写了,这里只放出js代码,我爱模板网将它简单封装成函数,方便使用,
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿
一般情况,我爱模板网在做网站时,很少注意css的字符编码问题。因为新建css文件的时候,默认就给加上去了,而且,保存的时候,现在的编辑器都很智能,自动的将文件编码保存的和
刚才,百度提醒我爱模板网,网站又打不开了,很烦人,经常这样。 我ping了下域名,发现可以ping的通,然后,我进入服务器,发现也可以进,就是输入域名,无法打开网站。百度了下
用PS的同学都知道有这么一个东西,叫做智能对象。它究竟有什么卵用?ps智能对象有什么用?下面小编就为大家介绍一下ps智能对象作用,一起来看看吧! 一、智能对象和普通的图层不同
sublime是一款小巧玲珑,带有代码提示功能的编辑器。它还有强大的插件扩展功能。下面就罗列一些常用的插件,供大家参考: Package Control 功能:安装包管理 简介:sublime插件控制台,提
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步
jQuery星星评分,最少一分,最多5分,这是我爱模板网最近给一个客户做网站时,写的,客户那边没有要求有半分的情况,都是整数,半分其实原理一样,下面贴出代码: !doctype htmlhtm
今天我爱模板网在做手机站的时候,遇到一个问题:就是点击输入框,手机输入法弹出来,挤压了window窗口的高度,导致输入框居中,覆盖了上面的logo,如下图: 输入框为了水平和垂
我要实现的效果是:点击 flash ,播放flash动画,同时点击 video,在6秒之后移除这个 div(包括里面的flash)。flash动画已经做好,并且 stop()了,点击就能播放。js的代码如下
一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所
不知道大家在做网站,尤其是文章列表的时候,有没有遇到一个问题,为了限制文章的标题不要太长,尤其是标题后面有时间等等的时候,往往需要对标题进行截断,后面加上“...”。
我爱模板网在安装一个源码时,需要开始短标签,也就是将“short_open_tag = Off”改成“short_open_tag = On”,这需要在php.ini中修改,我爱模板网用的php环境是phpnow,可是找了半天没有找到,
BFC对于一个前端来说,应该是个不陌生的名词了。但是BFC具体是什么,如何触发,相信很多人不是太知根知底。这里,我爱模板网转载了《博客园》的博主————梦想天空的一篇文章
border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器
我爱模板网整理了一些项目中帝国cms常用标签调用,以及灵动标签和万能标签的调用方法举例。幻灯片、标题、一级栏目、二级栏目、带模版的友情链接(下拉菜单)、判断内容页字段
3D旋转盒子效果图 css3实现的3D旋转立方体盒子: 1、在最外面的容器设置透视距离:“perspective: 800px;”,要做3D效果,这个必不可少,这个容器相当于屏幕。再设置相对定位。 2、在“
本例是一个很好的测试手机触屏滑动事件(TouchEvent)的案例。手机触屏滑动主要有三个事件:touchstart、touchmove、touchend,即手指按上去、手指拖动屏幕、手指离开屏幕。通过和js的鼠标
前段时间,有人问 我爱模板网 下面这个图的效果,怎么用css做出来,不用CSS3,兼容到IE7: 我起初也一头雾水,后来看到一个类似的案例,才恍然大悟。我们都知道,css的每条边相交的
jquery load是jquery ajax中的一种功能,load可以方便快速的直接加载一个页面到指定div中(html,php),并且它可以带参数,下面我来给大家详细介绍load方法用法. 格式 load(url,data,function(respon
js tab选项卡效果图 先运行下面的代码查看效果: !doctype htmlhtmlheadmeta charset="utf-8"titleJS tab选项卡教程/titlestyle type="text/css".box {width: 750px;height: 450px;font-family: 'microsoft yahei';}h1 {width: 750px
我爱模板网今天在做phpcms网站时,遇到一个需求,就是在首页调用“关于我们”的标题和内容,而“关于我们”是我新建的一个单网页。那该怎样把这单页面的内容和标题在首页调用出
1、首先得在你的模型里面建立个多图片字段,字段名随意填写,调用的时候用不上。最好把多图片字段排在编辑器的前面(就是字段排序那里),这样可以自动获取第一张图片为缩略图
PHPCMS自带组图功能无排序功能,特别是需要对图片和说明排序时很不方便,通过此方法可实现组图排序。先看下效果图: 本方法不仅仅能够在添加文章时,排序,还能在前台调用时,按
PHPCMS多图上传增加字段插件(phpcms自带多图上传插件,但是只有2个字段,一个alt一个url,但是如果需要增加一个描述,怎么加呢,对于一般有php的基础的开发人员不容易找到修改方法)
我爱模板网在给客户使用织梦做产品图片集的时候,发现缩略图失真和模糊,影响页面美观和用户体验。列表页或者内容页要调用一张图片而并非缩略图,效果就会好很多,那么怎么调
phpcms建站后,如果想同时建设手机网站,那么移动设备访问域名,怎么自动跳转到手机网站,怎么自动识别手机电脑跳转WAP站点。那么下面合肥网站建设多元速科技为您解答: 1.首先在
编者按:本文作者曹政,常用 ID caoz ,资深 IT 人,从事互联网工作十余年。技术大牛、数据控、历史控、考证控。曾参与创建一统统计、cnzz 站长统计,曾主持搭建百度商业分析支撑平
什么是css 继承? 要想了解css样式表的继承,我们先从文档树(HTML DOM)开始。文档树由HTML元素组成。 文档树和家族树类似,也有祖先、后代、父亲、孩子和兄弟。 那么CSS 样式表继承
对CSS有了解的道友们肯定都知道盒式模型这个概念,对一个元素设置CSS,首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子,同样管理inline类型的盒子还有IFC,
在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼。 1 浮动带来布局的便利,却也带来了新问题 !doctype htmlhtml lang="en"head meta charset="UTF-8"
之前一直很狭隘的对CSS hack持有偏见,觉得写得规范的代码不应该使用这些“邪门歪道”,可最近产品发布一个小问题却让我头疼了很久,最后查了一下资料,竟然使用CSS hack轻松解决了
今天,我爱模板网在安装PS CC版本时(网上的绿化版本),绿化完成后,打开,出现“配置错误 请卸载并重新安装该产品 如果此问题仍然存在,请与Adobe技术支持联系以获得帮助,并提供
首先,来看下效果图: 下面是制作步骤,很简单: 1. 打开X3D软件 2. 在左边工具栏T中,删除文字。 3. 在左边工具栏S中,删除阴影。 4. 在左边工具栏U中,选择形状(按钮提起器)。
谷歌被大陆“封杀”,我爱模板网之前使用的google cdn的Jquery库,也因此经常连接不上,导致网站打开非常慢,现在都换成本地的了。不过,国内有很多CDN公用库,例如:百度、新浪等,
第一步:使用圆角矩形工具绘制一个圆角矩形 第二步:用椭圆工具绘制椭圆形,旋转,参数见下面的设置 第三步:处理边框的明暗效果,使其更具有质感 第四步:使用钢笔工具勾勒箭
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两 种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一
我爱模板网免费提供,全国二十三个省,四个直辖市,五个自治区,两个特别行政区等所有省市县三级联动SQL文件下载。 请点击:省市县三级联动SQL文件下载
简单的省市二级联动菜单的JS教程,点击省份,后面的下拉框显示对应的城市,点击城市,后面的输入框会显示对应的省份和城市
Dedecms最新版 plus/search.php 文件存在变量覆盖漏洞,成功利用该漏洞可以获取管理员密码: require_once(dirname(__FILE__).”/../include/common.inc.php”); require_once(DEDEINC.”/arc.searchview.class.php”); $pag
大家都玩过抽奖游戏,或者梦想抽到大奖吧,但是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码。 运行下面代码查看效果(当然,画面不忍
今天看到一个网站用了filter:blur(5px),竟然有PS的高斯模糊效果,一开始以为是css的filter效果,百度了下,发现,是css3新推出的滤镜。于是整理了下。首先,先看下css3滤镜的效果图: css
语法: arcTo(x1, y1, x2, y2, radius) arcTo() 方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角,然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线(即所谓的三点
JS实现图片上传预览功能
本例比较简单,高手请忽略。利用ps的自带滤镜:波纹和旋转扭曲做浪花效果,最终如下: 跟着步骤走: 1、新建600X500文档,填充下蓝色(0095DA): 2、执行 滤镜-云彩,如下图: 3、新建一
一、32位win7恢复桌面IE图标,将下列代码复制粘贴到记事本里面,保存为XXX.reg后,双击导入注册表,最后刷新桌面即可。 Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Window
ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-size呢? 在ie下把图片完整的居中显示在一定范围内 在css中添加如下代码: filter: progid:DXImageTransform.Microsoft.AlphaIm
本教程可以让IE6/IE7/IE8浏览器利用ie-css3.htc支持border-radius、box-shadow、text-shadow等CSS3属性。 使用方法: 1、下载 ie-css3.htc 。
从5.5版本开始,Internet Explorer(IE)开始支持Web 行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面
今天, 我爱模板网 在用flashfxp上传文件的时候,遇到了:553 can‘t open that file:permission denied,翻译成中文就是:553 无法打开该文件:权限被拒绝。 出现这种情况,表明账号密码正确,
HTML5 Geoloc ation(地理定位)用于定位用户的位置,能够实时获取用户所在位置的经度和纬度。 这是一个html5 Geolocation定位的案例 · 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理
我在模板网在做手机和pc网站时,通常都做成响应式。但是,今天遇到的问题是,手机站和pc站分开做,当客户用手机访问pc站时,自动跳转到手机站。这个方法有很多,htaccess、php、j
我爱模板网在给客户做网站,上传到服务器,发现SVG格式的图片都显示不了。调试查看,发现地址都是正确的,而且,放在一起的其他格式的图片都能正确显示。经查,发现IIS不认SVG,
html5之前,只要稍微特殊点的字体,都必须做成图片,以免客户端无法显示。而对于正文或者需要后台调用大量文字的地方,则无能为力。但是,html5推出了 @font-face 支持自定义字体之后
js需要把时间戳转为普通格式,经常在json传递过过来使用(注意,某些语言获取的时间戳是秒为单位,而js是毫秒,所以,可能要在后面下面的代码中,乘以1000,再转换): 下面先来看
响应式设计meta的一些相关设置,viewport的设置
1、广告位首屏展示 首先来解释一下,什么是首屏,首屏是百度的官方语言,实际上就是用户打开您的网站,在不需要进行网页移动及翻页的情况下,能看到您的站内广告,就称之为首屏
jquery提供了两种each方法,一种是each(),遍历节点,第二种是$.each(),遍历数组和对象。不要弄混淆了: 1、jQuery each()详解: each() 方法规定为每个匹配元素规定运行的函数。 语法: $(s
ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数
js对于SEO的好处和不足 JS的好处: 1.不用和数据库进行数据交互 JS功能无需和数据库进行交互,从而减轻了服务器的负担,也就缩短了网页的加载速度,说道这里你想到SEO了吗?似的,
Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读、写和删
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角
DEDEcms织梦自带的留言板有个BUG,当用户提交留言后,再刷新,会重新提交。如果无限制刷新,就会无限提交,很不好。解决办法是:找到留言板提交php源文件/plus/guestbook.php文件,在里
很多人需要在文章内容页调用当前文章评论数量,但织梦默认没有这个标签,所以我们需要自己开发,下面是具体方法,可以参考一下: 第一步:首先在plus目录下,新建一个文件名为
一、开篇简述 Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使
我们都知道,php获取网址上的参数非常简单,但是,js也是可以获取的。下面就介绍两种方法: 方法一:采用正则表达式获取地址栏参数: ( 强烈推荐,既实用又方便!) function GetQ
作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂直
先看下效果图: 简单解释下,鼠标移动到td,想让当前行出现高亮背景很简单,直接给tr:hover就可以了,但是,如果想让列出现,比较麻烦,我们可以借助after的伪类来实现,就是当td:
js为我们提供了替换字符串的函数replace(),语法格式是: stringObject.replace(regexp/substr,replacement) 参数说明: regexp/substr : 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意,如果
我们都知道,在jquery中,封装了一个方法:$.trim(StringObj),可以去除字符串StringObj的前后空格。在VBScript中,也有trim、ltrim 或 rtrim,去除前后、前面、后面空格,但是JS没有。 这里,我
非常简单,非常实用的js tab选项卡小教程
SVG小球 一个小东西,来回弹动的小球,用SVG写的,很简单,原理就是用 line 画一个线,然后用定时器不断更改用 circle 画的蓝色小球的 X 和 Y 坐标,当坐标超出线的端点,再让他反方向
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数
一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心悦目,有很多人问色彩该如何搭配?今天就和大家分享,设计大牛的经验总结。当然今天主讲利用主导色进行配色。 什么是
首先我在网上看到不少文章大体上分为两个(不正确)观点: 一、cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个
css中src: url('iconfont.eot?#iefix') format('embedded-opentype')什么意思? IE 6-8 是不支持 format() 这种格式说明的,只会读取类似 src:url() 这样的格式,所以 IE 6-8 会把第一个引号到最后一个引号之间
CSS2的时候,凡是特殊字体,必须做成图片,图标也只能做成图片,非常麻烦,而且影响网页加载速度。但是,css3推出的@font-face,特殊字体也可以使用字体格式了,尤其是图标也能做成
很多网站都有运行代码的功能,实现js运行代码的原理很简单,就是点击运行的时候,弹出空白窗口,然后将输入框里面的内容,放到弹出的空白窗口里面运行即可: 代码如下: script
今天,我爱模板网的一个客户的一个网站需要用到一个特效:文字边框。本来可以做成图片,但是这个文字需要后台获取。方法有很多,比如php的图片功能,js,canvas,svg等等。但是我
事件冒泡,顾名思义,就是子元素的事件,会触发到祖辈元素,这样有时候会导致一个问题,举个例子,点击按钮,菜单显示,点击body空白区域,菜单隐藏。那么,由于按钮在body里面
在做表格布局的时候,明明给了td的宽度,但是由于内容比较多,宽度都不起作用。这个时候,可以用css 的 table-layout来解决。我们下面具体来看看这是个什么东东: 先来看一个实例:
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢? 用CSS让文字在一行内显示不换行的方法 一般的文字截断(适用于内联与块):
我爱模板网做了这么多网站(两三百有了吧),一直没注意到一个问题:背景图片的全屏问题! 最近一个客户的手机网站中的一个页面的PSD效果如下,背景做成下面的样子: 我一看,这背
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值
1、困扰多时的问题 在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高
由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,
在进行这个问题的讨论前,先看下下面的图片: 这张图中第一行的「像素」(Points) 就是所谓的「逻辑像素」。在 iPhone 4 前的时代,逻辑像素和物理像素是一一对应的——即,设计中的
有时候可能有这个需求:从一个图片的超长地址中,找到图片名和后缀名,例如,从下面的地址中,找到 “cn.png”: plugins/UserCountry/images/flags/c123n.png 用 indexOf 配合substring 可以实现,但
jQuery是非常优秀的工具,它能让我们开发项目时变得更容易。 但如果你想从零开始开发一个全新的项目,你应该考虑一下你的项目是否真的需要引入jQuery。也许你只需要几行技巧性的代
接上篇: 用纯JavaScript替代jQuery之元素操作篇 Off jQuery $(el).off(eventName, eventHandler); 谷歌浏览器,火狐浏览器,IE8+ function removeEventListener(el, eventName, handler) { if (el.removeEventListener) el.remove
接上一篇: 用纯JavaScript替代jQuery之事件篇 Array Each jQuery $.each(array, function(i, item){}); 谷歌浏览器,火狐浏览器,IE8+ function forEach(array, fn) { for (i = 0; i array.length; i++) fn(array[i], i);}forEach(
接上篇: 用纯JavaScript替代jQuery之技巧篇 新版的JavaScript API里提供了一个全新的可以实现ajax的API——fetch,这个api采用了全新的 Promise 架构,使用起来更方便,更灵活,详细用法请参考
接上篇: 用纯JavaScript替代jQuery之AJAX篇 淡入淡出 jQuery $(el).fadeIn(); 谷歌浏览器,火狐浏览器,IE8+ function fadeIn(el) { var opacity = 0; el.style.opacity = 0; el.style.filter = ''; var last = +new Date(); var
目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入
rem vh vw vmin vmax ex ch都是css度量的单位,类似常见的百分比、像素、em等,下面进行详解: rem rem非常类似于em。em 被定义为相对于当前对象内文本的字体大小。例如:如果你给body设置了
网上有很多的手机屏幕滑动插件,有好有坏,今天我爱模板网推荐个基于html5+css3的手机水平滑动插件:flipsnap.js。 flipsnap.js用法简单,效果不错。如果需要,可以去flipsnap官网:http://
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理tou
我爱模板网今天把DEDECMS的管理员密码忘了,试了半天还是不行,没办法,重置密码吧: 1、我用的是phpmyadmin管理的数据库,所以,首先打开phpmyadmin,输入账号密码,登陆后如下: 2、点
tab选项卡,一般情况下都是在一个页面,很少跨页面,点击查看 普通的tab选项卡 。但是如果跨页面怎么办呢,肯定要传递参数,例如,在A页面,点击选项卡的其中一个选项,调到B页面
canvas是html5推出的强大的绘图标签,必须结合js绘制。但是它没有专门的绘制正多边形的方法,这里,我爱模板网从网上找了个封装好的,可以画任意正多边形的工具,希望对大家有帮助
我爱模板网今天在做项目的时候遇到一个效果,如下:点击的时候,滑块能够左右切换,同时显示“是”和“否” 于是就自己写了一个,先看下效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1
纯js写的兼容IE6的图片倒影效果。其实,就是在图片的下面加个ul,在ul中加入高度为1,宽度和图片一样宽的li,li里面用js循环,背景为图片,只不过每次只显示1像素的高,再用背景定
js实现文件下载自定义下载路径,可以选择下载的路径,以及文件保存的名称。 js代码: function browseFolder(path) { try { var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息 var Shell
js图片预加载 经常遇到这种情况,比如某个容器,移上去换张背景,刚载入页面,移上去发现先是空白,过一会才显示,因为图片并没有加载,只有鼠标移动上去,才开始加载。这时,
据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有
placeholder颜色设置 一般情况下,placeholder的默认灰色都是不需要设置的,但是如果遇到客户有特殊要求,就没办法了。我爱模板网之前都是用js实现的,模拟placeholder,现在觉得有点麻烦
我们都知道,表格单元格如果设置了宽度,如果内容变多,单元格也会被撑开,这是由表格的特性决定的。 今天我爱模板网就遇到了,单元格内容太多,希望内容都在一行,并且超出单
一个优秀的手机软件,不仅要有精巧的功能,流畅的速度,让人赏心悦目的UI也往往是用户选择的重要理由。作为移动产品的PM,也需要了解一些在UI设计中的基本知识。 1. px和pt,一对好
JSON JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和
本文简单写了一个jQuery的手风琴效果,也就是常见的jQuery折叠菜单。先看下效果图: 首先将折叠菜单的每个内容放到一个li里面,再定义li的css样式,这里要注意,左上角的三角形,使用
一般发生重大事故,各大网站都会将自己变成黑白灰色调,以示悼念。那么,如何做到将整个网站的图片都变成灰色,总不至于将所有图片重新用ps处理吧。这里,将阐述实现的方法。
jQuery ajax 加载动画 jQuery ajax是一个非常实用的ajax工具,在数据加载完成之前,做加载动画也非常简单。具体就不介绍了,直接上jQuery代码,所有的解释都放在代码的注释中: $.ajax({ur
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。 function test
pJax 页面无刷新跳转 ajax缺点是破坏了浏览器的前进后退,因为ajax的请求不会留在历史记录中。pjax就不一样了,pjax被解释成ajax+pushState的封装,因为它把ajax的请求写入历史记录,并反映
https 听着就高大上。今天,我们也用阿里云搭建个! 概述: 微信小程序的到来,必将掀起一波狂潮,但是搭建微信小程序,小程序的接口必须使用https接口,所以这必然给新手带来一定
html标签嵌套规则 XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要
首先,您可以运行下面的代码看下效果: a style="border:1px solid red; margin:0; padding:0;" href="#"img src="http://www.5imoban.net/view/demoimg/1.jpg" //a 提示:您可以先修改部分代码再运行 通过上图,我们
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编
每当两相邻的数比较后发现它们的排序“与排序要求相反”时,就将它们互换。 例如:将数组a内元素按照从大到小排列
CSS3 盒模型 display:box 详解 box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划
上一篇文章介绍了 Flex布局的语法 ,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 一、骰子的布局 骰子的一面,最多可以放置9个点。 运行
html5 video推出之前,不得不借用flash来播放视频,控制起来也非常麻烦。但是html5推出的video,赋予其强大的功能,就算现在自己写个自定义的播放器也不在话下。那么,我们一起看看它都
各大社交网站分享按钮代码 新浪微博: http://service.weibo.com/share/share.PHP?url=count=表示是否显示当前页面被分享数量(1显示)(可选,允许为空)url=将页面地址转成短域名,并显示在内容文字后
JS中的sort()对数组排序,不开辟新的内存,对原有数组元素进行调换。但是排序数字需要借助一些“外力”...
本程序可以在输入框输入js代码,然后运行输入框内输入的js代码,如果出错,会弹出错误的原因。
在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 对于this变量最要的是能够理
在理解闭包之前, 首先要清楚JS中的作用域只有2种: 全局作用域和方法作用域全局作用域很好理解了, 方法作用域就是指一个 function 形成一个独立的作用域, 而且方法作用域还能够嵌套。
我爱模板网常用来做表单验证的正则表达式,都经测试有效,可以匹配网址、邮箱、手机号码,现一一列出,供网友们参考: 1、手机号码正则,可匹配 1 开头,第二个数字是 3|4|5|7|8
默认phpcms是无法使用推荐位调用自定义字段的,直接写{pc:content action="position" posid="30" catid="24" order="listorder DESC" num="4"}的话不会出错,但就是无法调用数据,显示的是空白。 调用代码
今天,我爱模板网在用PHPCMS套网站后台时,需要在单页面的侧边栏调用登陆框(首页、栏目页、列表页调用方法都一样),做出如下的效果图: 登录前 登陆后 百度了下方法,可行: 1、首
1、可视化编辑器的调用方法 需要用到editor函数,editor($textareaid = 'content', $toolbar = 'phpcms', $width = 500, $height = 400) $textareaid 为文本框 id $toolbar 为工具按钮样式,目前有 phpcms 和 introduce 两
getElementsByName(val)方法是获取页面中所有具有name属性的值为val的元素,但这个方法在IE与标准浏览器中所取到的内容不一样。 在IE中getElementsByName(val)方法所取到的元素是其本身就自带有
在标准浏览器中,好像只要对象存在length属性,就能把它转换为数组,但IE就不尽然。
getElementsByName()与getElementsByTagName()方法的共同之类是它们会把所取得的页面元素组成一个元素集合并非是数组(虽然用firebug中的console.log()打印出来时是数组的形式)。如果用Object.porot
在 HTML DOM (文档对象模型)中,每个部分都是节点。 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点。 文档是一个 文档节点 。 所有的HTML元素都是 元素节点 所有
js带分组数据的Table表格排序,要求点击表头排序时,"分组"及"分组明细"的数据层次关系不变
JavaScript对于表格 Table 提供了一些简便操作方法
定义和用法 clip 属性剪裁绝对定位元素(注意:不仅仅是图片)。 当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被
基于css3的半圆边框收缩和展开动画,先看下效果图: css3边框动画 原本是一个完整的圆,当鼠标移动到上面,两边的半圆开始消失。主要借助了css3的transition动画和css的clip裁切。 html代
我们都知道a链接点击后,会在周围产生一个虚线框,虽然影响不大,但是有些客户会要求把它去了,不好看。方法有很多,今天就来说说hideFocus。 给a链接加个属性: hideFocus=true 即可。
js写的,滚动条滚动,容器缓缓落下或升起的效果,比 position:fixed 定在那里效果更好。适合做对联广告、侧边栏、在线客服等等。js代码已经封装好了,直接调用即可。简单看下调用代
1、base64加密 在页面中引入base64.js文件,调用方法为: script type="text/javascript" src="base64.js"/scriptscript type="text/javascript" var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str);
今天,我爱模板网的一个学生在使用dedecms套站,更新栏目页模板的时候,提示了一句错误: DedeTag Engine Create File False 我百度了下,按照网上的方法也没有解决,详见:http://jingyan.baid
我爱模板网做的一个小功能,非常简单,点击列表的时候,将列表中的文字添加到头像的后面。并且,添加上去的文字可以删除。如果列表中的文字已经出现在上面,则再次点击,不会
一个简单的注册页面 js 表单验证,单选框采用图片做的,在点击“提交信息”按钮的时候,弹出对话框,提示错误。对话框也是用html写的,而非alert。当点击“获取验证码”的时候,会
set_time_limit(0); 括号里边的数字是执行时间,如果为零说明永久执行直到程序结束,如果为大于零的数字,则不管程序是否执行完成,到了设定的秒数,程序结束。 例如: 在网页里显示
今天在做本地PHP项目的时候,想把之前wampserver的本地虚拟服务器环境访问方式改为本地localhost访问方式,打开wampserver的Apache中的http://localhost/显示如下错误,提示The requested URL / was not
JS的 for in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 for in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。 语法: for
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。这两个方法是有区别的,本文略作阐述。 $().each,对于这个方法,在dom处理上面用的较多。例如:页面有多个input标签
今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。 在开始之前看参考一下最终 效果 ,如图所示 1、首先我们新建一个图片文件,尺寸大
PS绘制逼真的质感小木盒图标,先看下效果图: 图层分解: 各层渐变的参数设置: 貌似少了点木质纹理,下面来添加: 上面的都处理好了之后,还不行,有点灰,给它加点高光,更加
我们在用jquery或者js在对图片进行缩放的时候,单纯改变宽高,图片是从左上角开始缩放,并不能从中心点开始缩放,如下图: 而我们希望的效果是从中心点开始缩放,如: 这主要是因
本清理系统垃圾教程仅适用于windows操作系统。 在桌面新建记事本,双击打开,粘贴如下代码: @echo offecho 正在清除系统垃圾文件,请稍等......del /f /s /q %systemdrive%\*.tmpdel /f /s /q %systemd
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外,你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的,
本文详解了js中对table表格的详细操作方法,包括插入行列和删除行列。 inserRow(): 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函
PHPCMS自定义变量和自定义单文件插件,和之前的“ phpcms定义和调用自定义变量的方法 ”不同,这次的自定义变量添加和调用更加的方便,直接在后台的导航栏生成“插件”菜单。而且还
网上一个高手写的,纯js版本的俄罗斯方块,支持左右移动,上换样式,下加速,非常漂亮
经常看到别人写js事件,需要用到event时,都会写上这么一句,var ev=window.event||ev的作用是什么: 上面的语句可能大家都见过,当然未必是一模一样,只是这个形式而已,不过功能是一样,
鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹
今天,我爱模板网在一个《打地鼠》的游戏时,遇到一个棘手的问题:鼠标移动到画布上,锤子跟着动,当点击的时候,理应锤子挥舞,地鼠被打中。可是,只要锤子跟着鼠标跑,就别
起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;
前几天,我爱模板网被攻击了,服务器产生了很多的赌博信息的页面,然后就装了360主机卫士,扫了下后门文件,删除,然后一直保护,没出问题了。但是,今天,我爱模板网在添加文
jquery 获取各种高度和宽度以及容器偏移量总结: 获取浏览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度: $(window).width(); 获取页面的文档高度: $(document).height(); 获取
已经封装成函数,兼容IE6+和其他现代浏览器的JavaScript获取滚动条距离顶部距离的js代码: //js获取滚动条距离顶部距离的函数function getScrollTop() { var scrollPos; if(window.pageYOffset) { scrollPos
当滚动条开始滚动一段距离停下的时候,侧边栏才缓缓的滚动过来。类似于position:fixed,但是和position:fixed又不太一样。这是我爱模板网的客户要求,随手写的一个效果。用的是position:
联动菜单,即点击上一级菜单,通过ajax方法,加载这个菜单的对应列表,显示到下一级菜单上。这个联动菜单一般都是需要和后台交换数据,并且一般会用到ajax异步刷新技术,如果数据
1、衬线特征 第一期我们讲到宋体是最典型的衬线字体。衬线加强法,是在了解衬线字体笔画特征的基础上加强调整的设计方法。首先我们先看看衬线体的特征(以宋体为例): 宋体衬
本篇教程咱们来绘制一个非常萌的小鸟。这篇翻译教程十分细腻,特别是毛发部分,对鼠绘毛发时,很有参考价值,希望给喜欢鼠绘的同学带来一定帮助。
ps合成在海上被鲨鱼追逐的小孩子
方法很简单,用计算把人脸上雀斑选区弄出来,然后通过曲线,调低雀斑的色相亮度,即可把颜色较深的雀斑去除掉。 人物素材,直接保存到本地用PS打开进行处理: 1、素材人物脸部
这是一篇科幻场景合成实例,所用素材不多,主要学习要点是光影的处理,和气氛的营造。大家一起来学习一下吧。 素材和笔刷链接:http://pan.baidu.com/s/1hs5LTjA 提取密码:4cvx 最终效果
用多张图片素材 合成 一张超酷的战争废墟场景,效果十分精彩,虽然可能新手想做出来有点困难,但还是推荐大家试一试身手。素材下面已经打包,有需要的下载练习,做完交作业。
教大家合成一间丛林中的恐怖鬼屋场景,教程主要使用了一个破旧的别墅素材,和一个森林素材还有骷髅素材,猫眼素材,综合使用ps的合成技巧,完成最终效果的制作。 素材链接:
本篇教程教大家怎么把素材合成到灯泡中,制作瓶中海洋世界效果图片,主要用到了素材的合成和溶合技能,都是一些入门级别的合成方法,分享给新手学习了。 最终效果 本篇教程素材
我们都知道setTimeout相当于定时炸弹,一旦时间到了,就会执行一次,然后就不执行了。而setInterval则不是,它是时间到,马上执行一次,然后等待下次时间到,再执行,除非清除了本定
本文主要从产品和背景有明显的区别,背景比较单一的情况、浅色背景的毛发抠图、调整边缘抠图、透明玻璃瓶等的抠图、MASK PRO插件抠图以及背景复杂,头发复杂的图像等六方面讲解
jQuery中,常用$.each()方法,来遍历json对象,下面,先来查看一个简单的jQuery的例子来遍历一个json数组对象。 var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"ba
1.怎样表示一条snake 用一个二维数组存snake的各个点(x,y),同时标记这些点(x,y)为“cover”,这是用于以后检查snake的头是否撞到了snake的body。 //初始化 snakefunction initSnake() { var pointer = ran
JS贪吃蛇游戏源码,可以定义速度快慢,格子的大小。放在这里,mark一下。 !DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleJS贪吃蛇游
用到的方法和属性: 1.获取某个节点的父节点 parentNode属性 2.获取某个节点的子节点集合 childNodes属性 3.创键一个新的节点 createTextNode(节点文本内容) document对象的方法 在某些浏览器上兼
appendChild定义 添加一个节点到指定的节点的子节点数组中,读起来好象有点拗口,简单地说就是将元素添加到指定的节点中 appendChild用法 target.appendChild(newChild)//newChild作为target的子节点
示例可以完美的进行查询和回显查询状态 示例包含2个文件: 1.index.php是查询选择页面,可以选择任意的域名后缀 2.get2页面是进行查询和回显的页面 注意:由于我是的页面是UTF-8编码的
首先准备一个数组:arr=[2,5,4,1,7,3,8,6,9,0]; 一:冒牌排序 1思想:冒泡排序思想:每一次对比相邻两个数据的大小,小的排在前面,如果前面的数据比后面的大就交换这两个数的位置 要实
天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢。 使用Javascript写了一个, 托管到github, 在线DEMO地址查看: js连连看 最终
看例子:代码中的两个setTimeout执行后的结果分别是什么? script var a = 1; function B(){ var a = 2; setTimeout("C()",1000); setTimeout(C,2000); function C(){ alert("a="+a); } } function C(){ alert("a="+a); } B();/script 测
一个非常简单的,查询js查询ALEXA排名的小练习,其实就是获取用户输入的值,然后放到图片地址“http://traffic.alexa.com/graph?y=tu=”的后面,再将地址赋给图片,然后插入到容器当中去显示
移植自天地图的js关键词筛选功能,点击筛选的关键词,自动将关键词放到筛选区。点击筛选区关键词后面的删除按钮,自动将关键词按照筛选之前的顺序,放回原地: !DOCTYPE html PUBL
下面的js代码通过获取浏览器的 userAgent 和 appVersion,实现跳转到手机站的效果: var browser = {versions: function () {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息
在现在代浏览器中判断一个元素在不在一个数组中,咱们可以用Array对象的indexOf()方法来取得这个元素在当前数组中的索引值,若索引值不等于-1,数组中就存在这个元素, 例如: var
一、安装与调试 常听朋友感叹ASP程序难学不易懂,不过我起初学习这门技术的时候也有过这样的感悟。从今天开始,我将以我学ASP的经验来做一个简单的ASP留言本,这个留言本用了Ac
三、连接数据库 在上一节,我们已经为我们的程序创建了一个数据库,在这一节中,我们来用ASP把程序和数据库连接起来,以后就可以连接到数据库、在ASP中显示数据库中的数据以及更
五、制作添加留言页面,实现留言功能 我们是做的一个留言本,实现留言的功能就十分重要了,要不然就算不上留言本了,接下来就一起来实现这个功能。 用DW制作以下这样的页面:
七、制作管理页面 上节中讲的是制作登陆页面和检测用户,当用户名和密码正确时就转到管理页面,好了,开始实现它。 其实这个留言本的管理页面和用户直接看到的首页没有多大的
特别提示:本文的教程仅适合采用windows服务器的IIS组件上操作,service unavailable是许多网站会经常遇到的问题,希望对大家有用。 昨天一小段时间网站出现了service unavailable,于是笔者紧
ASP留言板功能视频教程下载,从新建数据库(数据库采用的是access数据库)开始,一步一步,直到实现留言板功能。由于视频比较大,就放在了百度网盘,下载地址:http://pan.baidu.com/s/1qY
当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。 那
导语 说实话,高逼格的H5都是广告商投了钱的。今天分享的十个案例权当H5赏析,不涉及打广告的说法。以下案例都很优秀,而且种类风格大都不同,插坐菌提前当了下体验者,给大家
我爱模板网今天在做网站的时候,遇到一个问题:给表格浮动,即float之后,发现设置了表格的宽度,无法将表格拉长,如下图: 图中所示,图片左浮动,表格右浮动,我给表格设置了
•PHP页面跳转一、header()函数 header()函数是PHP中进行页面跳转的一种十分简单的方法。header()函数的主要功能是将HTTP协议标头(header)输出到浏览器。 header()函数的定义如下: void header (
借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成(什么?别告诉我你不知道photoshop矢量的强大!),这篇文章很简单,对
本教程主要使用Photoshop绘制质感HTC手机图标教程,这份icon也是基于iphone框架做的,喜欢的朋友可以一起来学习吧 先看看效果图 效果如下: 如惯例用圆角矩形工具画出长宽为512px,R值为
在教程中,我将解释,通过发光和投影来制作真实的效果,也就是一个留声机的app图标。使用PS强大的图层样式,我将告诉你怎样在短时间内完成这强大的效果。 先看看效果图 我们也将
简介:这个教程绘制方法,只是其中一种而己,所以呢希望各位看官能提提意见,呵呵。每个人有每个人的绘制方法、理解问题的方法和解决问题的方法。 鼠绘的一般方法 一、装备 一
该ICON分为底盘、中间的圆盘、齿轮和凸起的黄球等几个部分,这几个部分主要都是通过图层样式来制作出质感,喜欢的可以跟着练习一下。
本教程教您实现在织梦首页显示网站访问统计次数 您是多少位访客。 1、下载本插件,地址:http://pan.baidu.com/s/1gfbxpy7 ,解压,将 plus 文件夹和 include 文件夹上传到您的织梦安装目录。
现在CSS3和HTML5已经开始流行,很多网页视觉效果是可以使用CSS来完成的,今天向大家展示一下如何用CSS来美化大标题文字,如下图,第一个标题是使用了base64代码背景,显得有点复古的
什么是偏门,就是有些片段很少使用,时间久了就记不起来,但用的时候又要去找,所以这里为大家整理一些少用但又实用的 CSS 样式。 ::-webkit-input-placeholder input 的 H5 placeholder 属性,很
首先看下原图: 下面是处理后的最终效果图: 1.打开原图,按Ctrl + J 复制一层然后把图层混合模式改为柔光,然后按Ctrl + E 合并图层。 2.点图层棉板下面中间的小圈,如下图左边所示,
我爱模板网写的一个纯js的拖拽效果,其实就是鼠标滑动,设置div容器的位置。这里需要注意的是,需要获取鼠标相对于拖拽容器的偏移量,拖拽过程中,要用鼠标坐标减去鼠标相对于
常看到有高手用改过的相机或者用红外线滤镜长曝出超梦幻雪景,感觉就像是进入了另一个世界,太美了。如果没有多余的相机改机,也没有红外线滤镜以及可以长曝的拍摄环境,那么
问题说明: Firefox下以图片为句柄的拖拽效果无法触发onmouseup事件,同样的在空的div中也也无法触发onmouseup事件,同时在所有浏览器下选中文字后div的mouseup事件失效; 解决方法 : Fire
今天,我爱模板网在做ASP的时候,出现了错误,提示 An error occurred on the server when processing the URL。可是我并不知道错在哪,如何将错误的具体内容显示出来?百度了下,如何解决IIS7中出
本文为转载自思源论坛的PS设置炫彩效果的播放器喇叭图标,全教程为步骤分解:
Photoshop制作股市小图标教程开始,首先,我们看下效果图: 首先,我们绘制一个灰色渐变的背景色: 再绘制出一个圆角矩形(大小看个人喜好,做大点后面做图方便),图层样式里面
jquery无法设置checkbox选中即没有变成选中状态,首先看下下面的jquery代码: $("input").attr("checked","checked") 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有chec
很多情况下用户上传的图片都需要经过裁剪,比如头像啊什么的。但以前实现这类需求都很复杂,往往需要先把图片上传到服务器,然后返回给用户,让用户确定裁剪坐标,发送给服务
百度的ECharts是业内比较好的统计图表插件,提供了大量的API接口,使用方便,效果炫酷,唯一缺憾是不支持3D。 下面的这段代码摘抄自百度官网的Echarts事件,做个记录: option = { tool
在ECharts的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。 在EChar
这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toStr
分为两部分,自己去判断浏览器的类型,然后调用不同函数。在IE低版本中可以直接获得文件路径,不过在高版本和firefox和chrome中是不允许的。这样就能实现不用上传就可以实现图片的
今天,我爱模板网在添加文章时,提交的时候,提示“Application Firewall Alert”,翻译一下就是“WebKnight WEB应用安全防火墙警告”,之前没有,安装了360主机卫士就出现了这个问题。打开
最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法,如下: script type="text/javascript"//FX获取文
dedeCMS模板全局变量调用的标签及对应的路径: {dede:global.cfg_memberurl/} 指的是会员中心 对应/member/目录 {dede:global.cfg_cmsurl/} 对应的是网站根目录/ {dede:global.cfg_dataurl/} data目录对应 /data/ {
我爱模板网之前的服务器太垃圾,就没有续费,购买了阿里云的服务器,备案迁移和重新备案差不多,就选择了重新备案。但是,被阿里云客服告知5imoban.net的域名没有注销备案。于是
一、伪元素和伪类的区别 在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号,即 :before为伪元素 ; ::before为伪类; 关于语法和浏览器支持 伪元素实际上在CSS1中就存在了,但是我们
微信小程序尺寸单位rpx以及样式相关介绍
定义 javascript的selectedIndex可以设置和获取select下拉框的被选中的option的索引值。 注释:若允许多重选择,则仅会返回第一个被选选项的索引号。 语法 selectObject.selectedIndex=number 案例 下
今天再给客户用dedecms5.7的程序采集时老出现读取网址失败。情况如下: 测试的列表网址:http://www.abc.com/list/7.html 获得的文章网址(只显示前十条): 读取网址:http://www.abc.com/list/7.
ps逼真的金属质感图标设计制作教程
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线
下面小编就为大家带来一篇js利用for in循环获取 一个对象的所有属性以及值的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了借助node实战JSONP跨域实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文主要介绍了jQuery实现Select下拉列表进行状态选择功能的代码。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了jQuery源码解读之extend()与工具方法、实例方法,分析了jQuery中extend()源码、功能与相关使用技巧,需要的朋友可以参考下
这篇文章主要介绍了Angular.JS中的指令引用template与指令当做属性的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了JavaScript mixin实现多继承的方法,结合实例形式分析了mixin多继承的原理与具体实现技巧,需要的朋友可以参考下
我发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个,感觉还不错,特此分享到脚本之家平台供大家参考下
这篇文章主要介绍了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法,涉及javascript事件的触发与执行原理及相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了Angular.js去除页面中显示的空行方法,文中给出了详细的示例代码供大家参考学习,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了JavaScript观察者模式(publish/subscribe)原理与实现方法,简单分析了javascript观察者模式的原理、功能并结合实例形式给出了观察者模式的实现技巧,需要的朋友可以参考下
本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
最近天天都在用AngularJS,各类文档也都看过好几遍,但总是些编程上的事找不到优雅的解决办法。今天终于把AngularJS的项目访问路径URL里的#号去掉了,这个问题不见得有多难,关键是花
这篇文章主要介绍了JavaScript装饰器函数(Decorator),结合实例形式分析了JavaScript装饰器函数(Decorator)的功能、实现与使用方法,需要的朋友可以参考下
本文主要介绍了canvas绘制一个常用的emoji表情的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了Vuejs仿网易云音乐实现听歌及搜索功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。这篇文章主要给大家介绍了如何快速搭建Node.Js服务器的方法教程,文中介绍的非常详细,对大家具有
这篇文章主要介绍了vue分类筛选filter方法的简单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了ES6中Proxy与Reflect实现重载(overload)的方法,分析了重载的原理及使用Proxy和Reflect来实现重载的操作步骤与相关技巧,需要的朋友可以参考下
这篇文章主要介绍了微信小程序中顶部导航栏的实现代码的相关资料,需要的朋友可以参考下
这篇文章主要介绍了Angualrjs和bootstrap相结合实现数据表格table,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本篇文章主要介绍了Angularjs中使用指令绑定点击事件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
这篇文章主要给大家介绍了使用JS如何制作简单的ASCII图与单极图的相关资料,文中介绍的非常详细,并在文末给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下
在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。怎么解决这个问题呢?下面脚本之家小编给
这篇文章主要介绍了ES6使用let命令更简单的实现块级作用域,结合实例形式分析了ES6中let命令与var的区别及具体使用方法,需要的朋友可以参考下
这篇文章主要介绍了nodejs使用express创建一个简单web应用的相关资料,需要的朋友可以参考下
如果需要入门使用node.js进行web开发,正在学习 nodejs web开发指南 的和想快速了解node.js web开发模式的朋友,相信本文是有一定帮助意义的。
这篇文章主要为大家详细介绍了基于AGS JS开发自定义贴图图层的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了ES6新数据结构Map功能与用法,结合实例形式分析了Map的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了ES6新数据结构Set与WeakSet用法,结合实例形式简单分析了Set与WeakSet的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了ES6新特性之Object的变化,结合具体实例形式分析了ES6中Object对象定义与使用方法的变化,需要的朋友可以参考下
这篇文章主要介绍了Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK ),非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 后台登录(非微信账号)实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了ES6新特性之Symbol类型用法,结合形式分析了Symbol类型的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了微信小程序页面间通信的5种方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文主要介绍了js实现一个猜数字游戏的实例代码。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了JavaScript函数柯里化原理与用法,分析了函数柯里化的概念、原理、功能并结合实例形式给出了柯里化函数的具体使用技巧,需要的朋友可以参考下
这篇文章主要介绍了angular.js+node.js实现下载图片处理的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了angular.JS实现网页禁用调试、复制和剪切的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了微信小程序 中wx.chooseAddress(OBJECT)实例详解的相关资料,需要的朋友可以参考下
本文主要介绍了node.js平台下的mysql数据库配置及连接的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了ES6中Iterator与for..of..遍历用法,结合实例形式分析了ES6中Iterator的概念、用法及for..of..遍历的使用技巧,需要的朋友可以参考下
这篇文章主要介绍了微信公众号菜单配置微信小程序实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了ES6中Generator与异步操作,结合实例形式分析Generator的概念、功能及相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了JS+CSS实现下拉刷新/上拉加载插件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了JS正则获取HTML元素的方法,结合实例形式分析了JS针对页面HTML元素正则操作相关技巧与注意事项,需要的朋友可以参考下
本篇文章主要介绍了Angularjs使用指令做表单校验的方法,详细的介绍了用指令做校验的方法,具有一定的参考价值,有兴趣的可以了解一下。
本篇文章主要介绍了AngularJS1.X学习笔记2-数据绑定详解,具有一定的参考价值,有兴趣的可以了解一下。
这篇文章主要介绍了基于JavaScript实现验证码功能的相关资料
本文主要介绍了JavaScript中闭包的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了ES6 Promise对象概念与用法,简单分析了Promise对象的基本状态与三种重要方法,并结合实例形式给出相关使用技巧,需要的朋友可以参考下
本篇文章主要介绍了关于Node.js的events.EventEmitter用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
本篇文章主要介绍了原生JS实现九宫格抽奖效果的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
本篇文章主要介绍了3分钟快速搭建nodejs本地服务器方法运行测试html/js,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
这篇文章主要给大家介绍了在Linux CentOS系统下安装node.js与express的方法,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下
本文主要介绍了js实现音频控制进度条功能的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了ES5中新增的Array对象的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。
这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下
本文主要介绍了手机端转换rem适应的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了ES6新特性之数组、Math和扩展操作符用法,结合实例形式分析了ES6中数组、Math和扩展操作符的新特性、使用方法及相关注意事项,需要的朋友可以参考下
本文主要介绍了Ajax异步文件上传与NodeJS express服务端处理的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了前端自动化开发之Node.js环境搭建的相关资料,文中介绍的非常详细,对大家学习或者使用node.js具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了jQuery UI Grid 模态框中的表格实例代码讲解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了ES6新特性之解构、参数、模块和记号用法,结合实例形式分析了解构、参数、模块和记号的功能、用法及相关使用注意事项,需要的朋友可以参考下
这篇文章主要介绍了Vue.js实战之组件之间的数据传递的相关资料,文中通过示例代码和图文介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模块Module的使用方法与相关注意事项,需要的朋友可以参考下
本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了ES6新特性之函数的扩展,实例形式较为详细的分析了ES6针对函数参数、运算符及相关新特性的扩展操作与注意事项,需要的朋友可以参考下
对于单页应用,官方提供了vue-router进行路由跳转的处理,这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
本文将以一个超小型web项目,来详细介绍如何使用NodeJS基础的http, fs, path, url等模块提供的API来搭建一个简单的web服务器。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了ES6新特性之字符串的扩展,结合实例形式对比分析了ES5与ES6字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。本文将介绍JS事
这篇文章主要介绍了javascript 中的try catch应用总结的相关资料,需要的朋友可以参考下
这篇文章主要为大家详细介绍了vue货币过滤器的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Angular页面传参有多种办法,根据不同用例,本文介绍5种最常见的页面传参的方式。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了JS常见创建类的方法,结合实例形式总结分析了工厂方式,构造器方式,原型方式,联合方式等常见的javascript创建类的常用技巧与相关注意事项,需要的朋友可以参考下
这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了Node.js之网络通讯模块实现浅析,具有一定的参考价值,有兴趣的可以了解一下。
本文主要介绍了微信小程序中实现列表的上拉加载和下拉刷新的方法。具有很好的参考价值。下面跟着小编一起来看下吧
本文主要介绍了关于小程序网络请求的封装的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要给大家介绍了关于如何选择jQuery版本,是1.x? 2.x?还是3.x? 在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jqu
这篇文章给大家详细介绍了JS中使用正则表达式g模式和非g模式的区别,非常不错,具有参考借鉴价值,需要的朋友参考下吧
这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文章通过实例代码给大家详细介绍js中正则表达式的全局匹配模式 /g的用法,需要的朋友参考下
这篇文章主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考
在很多时候都需要用到验证码,前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是:1.生成一张画布canvas 2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填充到画布
本文主要介绍了JS实现异步文件上传的相关资料,具有很好的参考价值。下面跟着小编一起来看下吧
本文通过实例代码给大家介绍了基于JQuery和原生JavaScript实现网页定位导航特效,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
这篇文章主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
本文是小编给大家带来的jquery卸载全部事件的思路,非常不错,具有参考借鉴价值,需要的朋友一起看看吧!
这篇文章主要介绍了webpack独立打包和缓存处理的相关资料,文中介绍的非常详细,对大家学习webpack具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了关于jQuery中animate()的使用方法及解决$(body).animate({scrollTop:top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一
本文给大家分享javascript实现实时更新系统时间的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
这篇文章主要介绍了关于利用jquery正则表达式在页面验证url网址输入是否正确的相关资料,文中给出了完整的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
unlock.js插件具有滑动解锁,尺寸、颜色、字体大小等都可以个性化定制等特点,接下来通过本文给大家分享jQuery使用unlock.js插件实现滑动解锁思路讲解,感兴趣的朋友一起看看吧
这篇文章给大家介绍了jquery自定义图片上传插件的实例代码,非常不错,具有参考借鉴价值,需要的朋友一起看看吧
这篇文章主要给大家介绍了关于axios返回空对象的问题解决方法,文中介绍的非常详细,相信对大家学习或者使用axios具有一定的参考价值,需要的朋友们下面来一起看看吧。
组件(Component)是 Vue.js 最强大的功能之一,之前的文章都只是用到了基本的封装功能,这次将介绍一些更强大的扩展。这篇文章主要介绍了Vue.js实战之组件进阶的相关资料,需要的朋友
这篇文章主要给大家介绍了关于Vue.js使用Vuex与axios发送请求的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
监听事件是我们在使用vue.js的时候经常使用的一个功能,下面这篇文章主要介绍了Vue.js实战之通过监听滚动事件实现动态锚点 的相关资料,文中通过示例代码介绍的非常详细,相信对大
今天一个客户用chrome浏览器访问网站,他的网站js提示self.attachevent is not a function,这个问题就是这个浏览器不支持attachevent,可以通过如下方法解决了,分享一下,需要的朋友可以参考下
这篇文章主要为大家详细介绍了Vue.js render方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了如何使用gulp搭建本地服务器并实现模拟ajax的相关资料,文中介绍的非常详细,相信对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要为大家详细介绍了ionic2打包android时gradle无法下载的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解基于webpack和vue.js搭建开发环境 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
vuex是vue的状态管理模式,主要可以解决父子组件嵌套层数较多,或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料,需要的朋友可以
本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解使用fetch发送post请求时的参数处理的相关资料,需要的朋友可以参考下
这篇文章主要给大家介绍了关于webpack2.0搭建前端项目的相关资料,文中介绍的非常详细,对大家学习或者使用webpack2.0具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了JavaScript使用原型和原型链实现对象继承的方法,简单讲述了javascript原型与原型链的原理,并结合实例形式详细分析了javascript中对象继承的常见实现技巧,需要的朋友可
本文主要介绍了根据一张图片的拍摄时间获取到这个时间前二后三的一个五秒钟的视频信息的实例方法。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了Angular.JS利用ng-disabled属性和ng-model实现禁用button效果的相关资料,文中给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了JS二叉树的简单实现方法,结合具体实例形式分析了基于javascript定义二叉树及二叉树节点的遍历、查找、添加、删除及运算相关操作技巧,需要的朋友可以参考下
本文主要介绍了Ajax验证用户名或昵称是否已被注册的实例方法。具有很好的参考价值。下面跟着小编一起来看下吧
本文主要介绍了JS实现复选框的全选和批量删除功能的方法代码。具有很好的参考价值。下面跟着小编一起来看下吧
这篇文章主要介绍了微信小程序 图片绝对定位(背景图片)的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 数据遍历的实现的相关资料,需要的朋友可以参考下
用js实现网页上模仿桌面右键菜单
jQuery lazyLoad图片延时加载插件,是一个建站业内比较流行的图片延时加载插件。当用户打开网页的时候,只显示当前屏幕的图片,只有当用户滚动滚动条,下面的图片出现在视野当中,
wordpress博客系统(以下简称WP),非常强大,被开发者应用于各个领域而不仅限于个人博客。新闻站、教育网站、商城等等都可以使用WP建设,甚至有的开发者把WP做成了论坛。 因为这是一
众所周知,Linux默认是不支持中文目录和中文文件名,否则打开会找不到页面,地址也是乱码。我爱模板网在这里分享一个一劳永逸的方法,修改/etc/下的fstab文件,我的fstab内容如下:
我们都知道,transform是css3推出的变形属性,包括斜切、平移、缩放、旋转等,配合css3的动画,可以做出很多炫酷的效果。但是,我爱模板网被客户要求让transform兼容到IE8浏览器。明显的
今天带来的是一个Photoshop中3D文字制作教程(此案例没有做材质贴图,用了简单的渐变加以说明)。然后这个教程的后面带出几个PS中3D场景搭建时做贴图时要注意的点,然后过程中也涉
本文来探讨下 JSON 字符串和 JS 对象之间的相互转换 一、json字符串转换为js对象 1、标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eval('('+str+')') eval('['+str+']') 对象字符
我爱模板网在今天遇到一个问题,就是给一个数组,要求这个数组中接收的值不能存在重复,如果重复了,保留一个即可。下面,就来总结下,数组去重的三种常用方法: 为了便于演示
js智能判断是否可以自动滚动 比如,做一个音乐播放器,边播放,边定位歌词,播放的时候,需要自动定位到播放语句,但是用户去拖动或者滚动div(歌词面板)时,这时就必须停止自动滚
这篇文章主要为大家详细介绍了JS实现新建文件夹功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了JavaScript用二分法查找数据的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
这篇文章主要为大家详细介绍了JS实现留言板功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了Webpack执行命令参数详解 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了Webpack如何引入bootstrap的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家分享了js简易版的购物车,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(三)使用组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了webpack学习教程之publicPath路径问题的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了在webpack打包后直接访问页面图片路径错误的解决方法,文中介绍的非常详细,对遇到这个问题的朋友们具有一定的参考学习价值,需要的朋友们下面来一起看
本篇文章主要介绍了详解Vue组件之间的数据通信实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于Webpack2中路径配置的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了关于Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#Object' 的解决方法,文中介绍的非常详细,需要的朋友们下面来一起看看吧。
这篇文章主要为大家详细介绍了bootstrap paginator分页前后台用法示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了关于Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面跟着小编来一起看看吧。
这篇文章主要介绍了JavaScript输入框字数实时统计更新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解JS获取HTML DOM元素的8种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了利用jquery实现去掉时光轴头尾部线条的方法,文中给出了详细的实例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧
这篇文章主要介绍了JS基于正则实现数字千分位用逗号分隔的方法,涉及javascript正则表达式操作数字的相关实现技巧,需要的朋友可以参考下
这篇文章主要介绍了基于jQuery和CSS3实现APPLE TV海报视差效果,需要的朋友可以参考下
本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下
这篇文章主要介绍了JS 组件系列之BootstrapTable的treegrid功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了JavaScript实现提交模式窗口后刷新父窗口数据的方法,涉及javascript窗口交互的相关操作技巧,需要的朋友可以参考下
vue高德地图,带你玩转周边,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了关于JS利用正则表达式实现简单的密码强弱判断的相关资料,实现后的效果非常简单,但也挺实用的,文中给出了详细的示例代码供大家参考学习,需要的朋友
这篇文章主要介绍了Angular+Node生成随机数的方法,结合具体实例分析了Angular与Node结合控制前后端实现随机数功能的相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了基于AngularJS实现的工资计算器,结合具体实例形式分析了AngularJS数值计算相关操作技巧,需要的朋友可以参考下
本篇文章主要介绍了详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了jQuery 控制文本框自动缩小字体填充的相关资料,需要的朋友可以参考下
这篇文章主要介绍了requirejs + vue 项目搭建详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了webpack 多入口配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解Nodejs 部署到阿里云全过程,非常具有实用价值,需要的朋友可以参考下
本篇文章主要介绍了node文件上传功能简易实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了JS实现商品筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了js轮播图无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了详解vue+vueRouter+webpack的简单实例,非常具有实用价值,需要的朋友可以参考下
这篇文章主要介绍了vue-router路由参数刷新消失的问题
这篇文章主要介绍了jQuery Jsonp跨域模拟搜索引擎的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本篇文章主要介绍了jquery DataTable实现前后台动态分页。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了在JavaScript中const、let与var对比的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧。
排序是我们在日常开发中经常遇到的一个功能,下面这篇文章主要给大家介绍了利用JavaScript对中文(汉字)进行排序的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的
这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来跟着小编一起来学习学
关于JS作用域问题,是面试的时候面试官乐此不疲的面试题,有时候确实是令人抓狂,下面这篇文章主要给大家分享了关于javascript作用域的一些常见面试题,需要的朋友可以参考借鉴,
这篇文章主要给大家介绍了关于利用微信小程序实现皮肤功能,也就是实现夜间模式的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下
本文通过实例代码给大家讲解了jQuery实现下拉菜单效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了JS仿淘宝搜索框用户输入事件的实现,需要的朋友可以参考下
这篇文章主要介绍了JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动),需要的朋友可以参考下
这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了AngularJS实现自定义指令与控制器数据交互的方法,结合具体实例形式分析了AngularJS自定义指令的实现以及与控制器数据交互的操作技巧,需要的朋友可以参考下
本文通过实例代码给大家介绍了JavaScript 上传文件(psd,压缩包等),图片,视频功能,需要的朋友可以参考下
这篇文章主要给大家介绍了关于Node.js中 __dirname使用的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了在Node.js环境下Koa2添加travis ci持续集成工具的方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
本篇文章主要介绍了原生JS+Canvas实现五子棋游戏实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了手把手教你把nodejs部署到linux上跑出hello world,非常具有实用价值,需要的朋友可以参考下
这篇文章主要介绍了NodeJS 实现手机短信验证模块阿里大于功能,需要的朋友可以参考下
这篇文章主要为大家详细介绍了jQuery实现简单的手风琴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解vue服务端渲染(SSR)初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了angularjs+bootstrap实现自定义分页的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧
本文通过实例代码给大家介绍了jquery 双击编辑表格,需要的朋友参考下吧
这篇文章主要介绍了深入理解AngularJs-scope的脏检查(一) ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了详解AngularJS脏检查机制及$timeout的妙用,“脏检查”是Angular中的核心机制之一,它是实现双向绑定、MVVM模式的重要基础,有兴趣的可以了解一下
这篇文章主要介绍了详解angularJS动态生成的页面中ng-click无效解决办法,非常具有实用价值,需要的朋友可以参考下
检测AC是否放行成功,是否可以访问公网阿里云服务器。下面给大家分享JS检测是否可以访问公网服务器功能代码,需要的的朋友参考下吧
这篇文章主要为大家详细介绍了JavaScript队列函数和异步执行的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了AngularJS的ng-click传参的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了js随机验证码的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue中如何实现变量和字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解vue2.0 transition 多个元素嵌套使用过渡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了ionic2自定义cordova插件开发以及使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
本篇文章主要介绍了vue过渡和animate.css结合使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解Angular2响应式表单,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了zTree树形插件异步加载的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了bootstrap选项卡扩展功能,增加关闭,超出一行显示下拉,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文给大家分享一段实例代码介绍JS判断时间段的方法,需要的朋友参考下吧
本篇文章主要介绍了详解AngularJS 模块化,模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。有兴趣的可以了解一下
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
这篇文章主要介绍了JS自动生成动态HTML验证码页面,输入错误自动清空输入框的功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了javascript完美实现给定日期返回上月日期的方法,结合实例形式分析了javascript日期时间的计算技巧,并给出了格式化日期时间的操作方法,需要的朋友可以参考下
这篇文章主要介绍了Bootstrap响应式导航由768px变成992px,需要的朋友可以参考下
本篇文章主要介绍了详解vue跨组件通信的几种方法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了JavaScript实现选中文字提示新浪微博分享效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下
本篇文章主要介绍了详解Nodejs之npmpackage.json,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,
这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验,是一篇有意思的围绕setTimeout展开的前端开发考题,考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等
这篇文章主要介绍了CentOS 安装NodeJS V8.0.0的方法,需要的朋友可以参考下
这篇文章主要介绍了package.json文件配置详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
这篇文章主要给大家介绍了JS奇技之利用scroll来监听resize的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看
本篇文章主要介绍了Vue路由跳转问题记录详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了react-router JS 控制路由跳转实例,react实现路由可以直接使用react-router。有兴趣的可以了解一下
这篇文章主要介绍了详解react如何在组件中获取路由参数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下
本文通过实例代码给大家介绍了jquery validationEngine 表单验证插件效果,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
这篇文章主要为大家详细介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了jQuery实现 RadioButton做必选校验功能的相关资料,需要的朋友可以参考下
本篇文章主要介绍了react-router如何实现按需加载,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了AngularJs实现聊天列表实时刷新功能,需要的朋友可以参考下
这篇文章主要介绍了微信小程序canvas写字板效果及实例的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信小程序 监听手势滑动切换页面实例详解的相关资料,需要的朋友可以参考下
本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本篇文章主要介绍了vue中将网页打印成pdf实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了vue实现全选、反选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue.js实现数据动态响应,Vue.set的简单应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了angular ng-click防止重复提交实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了用js语句实现网页中的选项卡(两种方法),非常不错,具有参考借鉴价值,需要的朋友可以参考下
bootbox是一个基于jQuery和bootstrap的弹出框插件,让常见的js弹框,如alert、confirm和prompt更加美观,详见 jquery弹窗插件bootbox.js 。本文主要讨论bootbox自定义dialog、confirm、alert样式,以及基本
event.cancelBubble=true和event.stopPropagation()都是javascript中阻止事件冒泡的属性和方法,网上看到不少对两者区别进行分析的文章,大体上分为两个(不正确)观点: 观点一、cancelBubble用于i
javascript的offsetwidth和clientwidth非常容易混淆,其实不止它俩,还有像scrollWidth等等,本文详细说明了js中各种后去宽高属性的区别: 火狐 IE8 clientWidth是对象看到的宽度(不含边线,即bord
我爱模板网在做项目的时候,遇到一个问题,就是点击下面的按钮,让屏幕全屏起来。类似于F11: 百度了下,用javascript即可实现,效果几乎和F11类似,只有一个问题到现在没有解决,即
css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。本文详细介绍了从css1-css3的几乎所有常用选择器,包括
background-position背景位置百分比原理
定义: 在javascript中,可以通过addEventListener()方法,给对象添加事件句柄。但是早期浏览器,如IE8及其更低版本不兼容,可以使用attachEvent()方法来解决。下面,先看下addEventListener()的兼
我爱模板网需要做一个效果,即修改textarea的内容,做出相应的事情,如向里面输入文字,实时记录字数,并当字数过多或过少时,给予提醒。在textarea中,如果想捕获用户的键盘输入,
jQuery $.grep()模糊搜索方法是使用详解 客户要求我爱模板网做一个模糊搜索,数据是用ajax读取的,搜索结果显示在列表中。php的模糊搜索我知道,像这种已经得到结果,在结果中再进行
概述: 如果html中的内容可以直接编辑,就像富媒体编辑框一样就强大了。html5新推出的属性 contenteditable 就可以实现类似的功能,点击下面的运行按钮,测试看看: !doctype htmlhtmlheadme
如下图所示,这个小案例是基于css3和js的导航按钮切换效果,从默认的三条杠,点击后变成一个叉,再点击又变回来的一个动画效果,经常可见在一些手机网站和响应式网站的导航栏显
js拖拽代码 上次,我爱模板网分享了如何用js写拖拽容器的效果,详见: js拖拽代码,js拖拽教程 ,但是有很多bug没有修复,例如,用户如果拖拽框,可以一直拖到浏览器“外面”,直
我们在做网站的时候,可能有时候不希望用户拖拽选中或使用键盘的ctrl+a选中一些重要的内容,下面的代码可以禁止整个页面或者某个容器内容文字被选中: -webkit-touch-callout: none;-webk
我们在做网站的时候,可能由于submit提交按钮无法在里面再套入其他的标签,只能放文字。这时,就不得不用其他标签来替代提交按钮,例如:a标签。但是,除了submit和button,其他标签
1.chartAt():返回在指定位置的字符; eg: var str = "HELLO WORLD"; var n = str.charAt(2); 输出结果: L ; //返回字符串中的第三个字符 2.charCodeAt():返回指定索引位置字符的 Unicode 编码; eg: var str = "HELLO
echarts是百度推出的一款非常优秀基于js的可视化图标生成插件,受众面非常广,使用简单,提供了大量的借口,可以做柱状、地图、饼状等各种图表。 我爱模板网今天在使用Echarts的时
产品修图是作为广告图设计的一部分,需要认真的对待,鉴于最近很多同学纠结饰品修图方法,做个教程给大家,知其然知其所以然,了解修图的原理比结果更重要。 最终效果 素材图片
逻辑分辨率和物理分辨率区别 最近很多人在做响应式和手机站时,用到media查询时,老是搞不清为什么手机分辨率那么大,而media查询的尺寸又那么小,这是因为没有搞清楚逻辑分辨率
现在一说到网站收录、网站排名的问题,大家可能首先想到的就是原创文章, 也有一些人说网站要想有比较高的排名和流量,最好是网站内容都是原创 ,那就能够让网站迅速的提升。
我爱模板网给客户做网站,用的刚好是dedecms,客户需要做一个对他的产品参数进行搜索。而这些产品的参数都是自定义的,普通的search.php根本搜索不来,只能使用高级搜索advancedsearch
织梦默认的高级搜索,就是这个页面/plus/advancedsearch.php。它是模糊搜索,而且会出现多条结果,需要修改为单条信息搜索。 进入后台-核心-模型管理,在原模型或新建立的模型中,增加
ps是一款十分强大的位图处理软件,这是有目共睹的。这里就不多讲了。它有一个工具,圆角矩形工具,可以画圆角矩形。在画之前,可以设置圆角半径。有时候,可能需要画好之后,再
貌似最近不有少的网站被人做了恶意泛域名解析,连xbiao.c_o_m也在其中,见下图1。鉴于许多朋友遇到了这样的问题,我就把自己处理这个被恶意泛解析难题时的过程发出来,仅供大家参
这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
这篇文章主要介绍了javascript完美实现给定日期返回上月日期的方法,结合实例形式分析了javascript日期时间的计算技巧,并给出了格式化日期时间的操作方法,需要的朋友可以参考下
这篇文章主要介绍了Bootstrap响应式导航由768px变成992px,需要的朋友可以参考下
这篇文章主要为大家详细介绍了JavaScript实现选中文字提示新浪微博分享效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下
这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,
这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验,是一篇有意思的围绕setTimeout展开的前端开发考题,考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等
这篇文章主要为大家详细介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了微信小程序 监听手势滑动切换页面实例详解的相关资料,需要的朋友可以参考下
本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了用js语句实现网页中的选项卡(两种方法),非常不错,具有参考借鉴价值,需要的朋友可以参考下
jQuery的extend扩展方法: jQuery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2
这篇文章主要介绍了Laravel框架用户登陆身份验证实现方法,结合实例形式分析了Laravel框架用户登陆验证的原理、实现方法与相关注意事项,需要的朋友可以参考下
下面小编就为大家带来一篇使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
极光推送(JPush)是独立的第三方云推送平台,致力于为全球移动应用开发者提供专业、高效的移动消息推送服务。本文讲述如何在将极光推送合到ThinkPHP框架中,
这篇文章主要介绍了PHP简单实现模拟登陆功能,涉及php使用curl实现模拟登陆的相关操作技巧,需要的朋友可以参考下
本篇文章主要介绍了visual studio code 调试php方法(图文详解),具有一定的参考价值,有兴趣的可以了解一下
这篇文章主要介绍了PHP操作MySQL中BLOB字段的方法,结合具体实例形式分析了php使用mysql的BLOB字段存储新闻内容与图片的相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了PHP基于堆栈实现的高级计算器功能,涉及php堆栈的定义及使用堆栈进行数值运算的相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了PHP实现的链式队列结构,结合具体实例形式分析了php链式队列的定义及入队、出队、打印队列等基本操作实现与使用方法,需要的朋友可以参考下
这篇文章主要介绍了PHP环形链表实现方法,结合具体实例形式分析了PHP环形链表的定义、创建及遍历等操作技巧与注意事项,需要的朋友可以参考下
这篇文章主要介绍了PHP实现的迪科斯彻(Dijkstra)最短路径算法,简单描述了迪科斯彻(Dijkstra)最短路径算法的概念、功能并结合具体实例形式分析了php实现迪科斯彻(Dijkstra)最短路径算法的相
这篇文章主要介绍了PHP实现广度优先搜索算法(BFS,Broad First Search),简单描述了广度优先搜索算法的原理并结合具体实例分析了php实现广度优先搜索算法的步骤与相关操作技巧,需要的朋友可
这篇文章主要介绍了PHP实现深度优先搜索算法(DFS,Depth First Search),简单分析了深度优先搜索算法的原理并结合具体实例给出了php实现深度优先搜索的具体步骤与相关操作技巧,需要的朋友可
下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇php制作圆形用户头像的实例_自定义封装类源代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于Laravel学习教程之View模块的相关资料,文中通过示例代码将View模块介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
下面小编就为大家带来一篇PHP文件系统管理(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了yii2.0整合阿里云oss的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了yii2.0整合阿里云oss上传单个文件的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了yii2.0整合阿里云oss删除单个文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了PHP 进度条函数的简单实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
这篇文章主要介绍了弹出模态框modal的实现方法及实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
这篇文章主要为大家详细介绍了PHP使用Nginx实现反向代理的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了PHP文件管理之实现网盘及压缩包的功能操作,需要的朋友可以参考下
本篇文章主要介绍了Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例,具有一定的参考价值,有兴趣的可以了解一下
本文给大家分享PHP判断json格式是否正确的实现代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
下面小编就为大家带来一篇PHP调用API接口实现天气查询功能的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于基于Laravel实现的用户动态模块开发的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
这篇文章主要给大家介绍了关于如何通过View::first使用Laravel Blade的动态模板的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,需要的朋
在编写PHP应用时经常需要处理日期和时间,Carbon继承自 PHP DateTime 类的 API 扩展,它使得处理日期和时间更加简单,这篇文章主要给大家分享了Laravel中七个非常有用但很少人知道的Carbo
这篇文章主要教大家如何简单实现php上传文件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
处理日期和时间需要考虑很多事情,例如日期的格式、时区、闰年和天数各异的月份,自己处理太容易出错了,下面这篇文章主要给大家介绍了关于在Laravel中日期时间处理包Carbon的简单
这篇文章主要给大家介绍了关于PHP远程多会话调试的相关资料,文中通过示例代码以及图片介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小
这篇文章主要给大家介绍了关于laravel实现分页样式替换的相关资料,实现了增加首、尾页的功能,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
Facade其实是一个容器中类的静态代理,他可以让你以静态的方式来调用存放在容器中任何对象的任何方法,下面这篇文章主要给大家介绍了关于Laravel中Facade的加载过程与原理的相关资料
发送邮件是我们日常在开发中必不可少会遇到的一个需求,下面这篇文章主要给大家介绍了关于laravel5.4利用163邮箱发送邮件的步骤,文中通过示例代码和图片介绍的非常详细,需要的朋
这篇文章主要给大家介绍了关于PHP在同一域名下两个不同的项目如何做独立登录机制的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
下面小编就为大家带来一篇php生成毫秒时间戳的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇PHP实现权限管理功能示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了php mysql PDO 查询操作的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
这篇文章主要介绍了 php安装扩展mysqli的实现步骤及报错解决办法的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
刚刚接触微信就要做一个表单提交功能,需求是这样的只能在数据库中存在的手机号看到表单。下面通过本文给大家分享使用YII2框架实现微信公众号中表单提交功能,感兴趣的朋友一起
本篇文章主要介绍了Laravel中前端js上传图片到七牛云的示例代码,具有一定的参考价值,有兴趣的可以了解一下
下面小编就为大家带来一篇利用PHP访问数据库_实现分页功能与多条件查询功能的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇php实现常用文件上传类的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了Content-Disposition使用方法和注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了yii2组件之下拉框带搜索功能的示例代码(yii-select2),具有一定的参考价值,有兴趣的可以了解一下
本篇文章主要主要介绍了yii2中使用webuploader实现图片上传的实战项目,具有一定的参考价值,有兴趣的同学可以了解一下
这篇文章主要介绍了PHP守护进程的两种常见实现方式,结合具体实例形式分析了php守护进程的原理与相关实现方法与操作注意事项,需要的朋友可以参考下
这篇文章主要介绍了PHP基于反射获取一个类中所有的方法,结合实例形式较为详细的分析了php使用反射机制获取类中所有属性与方法的操作步骤与相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了PHP基于文件锁解决多进程同时读写一个文件的方法,结合实例形式分析了PHP使用flock进行文件读写加锁操作用法,需要的朋友可以参考下
本篇文章主要介绍了Chart.js在Laravel项目中的应用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于laravel单元测试之phpUnit中old()函数报错的解决过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下
这篇文章主要给大家介绍了关于利用swoole+redis实现股票和区块链服务的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下
下面小编就为大家带来一篇PHP中关于PDO数据访问抽象层的功能操作实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了PHP获取汉字笔画数功能,涉及PHP针对常用汉字进行数组归类与遍历、运算等相关操作技巧,需要的朋友可以参考下
这篇文章主要给大家介绍了关于PHP中static和yield关键字的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,文章需要的朋友们下面随着小编
这篇文章主要介绍了PHPExcel冻结(锁定)表头的简单实现方法,涉及使用PHPExcel针对表格属性的简单操作技巧,非常简单实用,需要的朋友可以参考下
这篇文章主要介绍了PHP实现无限极分类生成分类树的方法,结合实例形式简单分析了无限极分类的原理与实现方法,涉及PHP数组遍历与判断相关操作技巧,需要的朋友可以参考下
最近在工作中遇到一个问题,需要多字段的验证,通过查找相关资料终于解决了,下面这篇文章主要给大家介绍了关于Laravel如何实现用户多字段认证的解决方法,文中通过示例代码介绍
这篇文章主要介绍了PHP验证码类文件及调用方式代码详解,需要的朋友可以参考下
这篇文章主要介绍了PHP简单实现多维数组合并与排序功能,涉及php数组合并、排序等相关操作及array_merge、array_multisort等函数使用技巧,需要的朋友可以参考下
这篇文章主要介绍了PHP发表心情投票功能示例(附源码),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
下面小编就为大家带来一篇使用PHP连接数据库实现留言板功能的实例讲解(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于Laravel中Sessionid处理机制的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来
debug_backtrace() 是一个很低调的函数,很少有人注意过它,这篇文章主要给大家介绍了关于PHP中调试函数debug_backtrace的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作
下面小编就为大家带来一篇app判断链接参数后缀跳转不同地址的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了PHP二分查找算法的实现方法,简单分析了二分查找算法的原理,并结合具体实例形式给出了php基于循环与递归两种方法实现二分查找的相关操作技巧,需要的朋友可以参
这篇文章主要介绍了PHP 传输会话curl函数的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
这篇文章主要介绍了PHP清除缓存的几种方法总结的相关资料,希望通过本文大家能够掌握清除缓存的方法,需要的朋友可以参考下
这篇文章主要介绍了php之可变变量的实例详解的相关资料,希望通过本文大家能够掌握php 可变变量的使用方法,需要的朋友可以参考下
下面小编就为大家带来一篇PHP实现一个多功能购物网站的案例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了php之可变函数的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握可变函数,需要的朋友可以参考下
这篇文章主要介绍了php生成条形码的图片的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
这篇文章主要介绍了PHP 实现公历日期与农历日期的互转换的相关资料,希望通过本文大家能帮助到大家,需要的朋友可以参考下
众所周知Laravel 5.5 发布在即,目前已经确定会增加一个神奇的新特性:Package Auto Discovery。下面这篇文章主要给大家深入的介绍了关于Laravel5.5中包自动发现Package Auto Discovery的相关资料,
这篇文章主要介绍了PHP memcache在微信公众平台的应用方法,结合具体实例形式分析了php使用memcache保存用户访问记录与响应用户访问并给出提示信息的交互模式实现技巧,需要的朋友可以参
这篇文章主要介绍了PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法,涉及php针对微信json格式数据的解析与正则匹配相关操作技巧,需要的朋友可以参考下
本文是thinkphp开发系列文章中关于使用七牛云储存的方法和具体实例,非常的简单,有需要的小伙伴可以参考下
这篇文章主要介绍了Laravel框架实现redis集群的方法,简单分析了Laravel框架redis数据库集群功能设置步骤、相关操作技巧与注意事项,需要的朋友可以参考下
这篇文章主要介绍了关于在LNMP上部署laravel以及xhprof安装使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小
本文再和大家分享一些ASP程序设计中经常用到的源代码。适合初学者阅读。希望对你有帮助,一起来看吧!
本文介绍的是一些关于ASP的基础知识,这些是ASP新手都必须知道的。希望对你有帮助,一起来看。
本文介绍的是ASP动态网页制作技术的一些经验心得,主要从四个大的方面,给大家介绍的,需要的朋友可以参考下
本文介绍的是用ASP编写代码的时候,我们应该遵守的八个原则。希望对你有帮助,一起来看吧!
本文介绍的是ASP程序所使用的几种脚本语言,希望对你有帮助,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了asp实现限制一个ip只能访问一次的方法,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了ASP固定比例裁剪缩略图的方法,需要的朋友可以参考下
这篇文章主要介绍了ASP不能打开注册表关键字错误 '80004005'的解决方法,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了ASP实现类似hashMap功能的类
这篇文章主要介绍了ASP中Global.asa文件技巧用法,Global.asa文件可以管理在ASP应用中两个非常苛刻的对象:Application、Session,对这方面感兴趣的朋友可以参考一下
这篇文章主要介绍了ASP实现加法验证码,是在原来的验证码基础上进行创新,将验证码改为加法运算,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了制作一个ASP脚本组件实现服务器重启,组件调用系统API进行操作,需要的朋友可以参考下
这篇文章主要介绍了ASP中http状态跳转返回错误页的问题的解决方法,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了asp的SQL语句中and和or同时使用的注意事项,需要的朋友可以参考下
这篇文章主要介绍了ASP中用select case代替其他语言中的switch case, default用case else ,需要的朋友可以参考下
这篇文章主要介绍了ASP中if语句、select 、while循环的使用方法,需要的朋友可以参考下
从事asp开发好多年了,asp没有多行注释真的很不方便,只有每行前面加一个逗号来一行行注释了,难道没有更快的方法加注释了,其实勇敢dreamweaver轻松实现
这篇文章主要介绍了adodb.recordset.open(rs.open)方法参数详解,需要的朋友可以参考下
这篇文章主要介绍了asp画中画广告插入在每篇文章中的实现方法,需要的朋友可以参考下
本文主要介绍.NET各个版本之间的区别,以帮助新手朋友选择适合的.NET Framework的版本进行开发。
本文解决ASP中“对象关闭时,不允许操作。”的诡异问题,找到问题的根本,才能真正意义上解决,供大家参考了。
接触WebService也很久了,但是使用asp调用教程的却不多,还有转成json也不多见,本文全部分享给大家,需要的拿去吧。
asp其实就是文本文件,用记事本就可以打开查看代码,但asp一般是需要执行的才能看到我们想要的效果,那么就需要asp运行环境,一般我们购买支持asp的虚拟主机。
ABP是基于ASP.NET的Web开发框架,其日志和框架setting设置方面的模块功能也一应俱全,这里我们就来详解ABP框架中的日志管理和设置管理的基本配置
这篇文章主要为大家详细介绍了ASP 连接Access数据库的登陆系统,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了微信公众号可通过现金红包接口发放微信支付现金红包的相关资料,需要的朋友可以参考下
这篇文章主要介绍了微信开发 网页授权获取用户基本信息的相关资料,需要的朋友可以参考下
这篇文章主要介绍了Webform 内置对象 Session对象、Application全局对象,ViewState的相关资料,需要的朋友可以参考下
这篇文章主要介绍了asp(vbs)Rs.Open和Conn.Execute的详解和区别及H0001的说明,需要的朋友可以参考下
这篇文章主要介绍了ASP常用日期格式化函数 FormatDate(),很多情况下我们需要自定义输出格式需要的朋友可以参考下
这篇文章主要介绍了ASP 信息提示函数并作返回或者转向,需要的朋友可以参考下
这篇文章主要介绍了C++中头文件和源文件详细介绍的相关资料,需要的朋友可以参考下
这篇文章主要介绍了asp批量添加修改删除操作示例,包括js客户端数据有效性验证,服务器端自己添加验证,需要的朋友可以参考下
在asp编程开发中,计算时间很容易,直接用项目开始时间+天数,即可得到项目结束时间,但这里麻烦就在要排除周六和周日这两个休息时间
ASP是非常简单的,以至于许多的开发者不会去思考错误处理,正确处理错误能够让你的应用程序更加合理。我看到过很多个用ASP编写的商业网站,大多数都忽略了错误处理
这篇文章主要介绍了asp获取虚拟目录根路径的代码,需要的朋友可以参考下
这篇文章主要介绍了C++ 中const修饰虚函数实例详解的相关资料,需要的朋友可以参考下
这篇文章主要介绍了C++ 中引用与指针的区别实例详解的相关资料,需要的朋友可以参考下
今天看网页才发现了ASP也能处理JSON数据?呵呵,刚才论坛上看到一个兄弟写的文章,没有测试,不过理论上一定是可以的,之前脚本之家小编也发过类似的文章都可以看下
这篇文章主要介绍了php实现微信企业号支付个人的方法,详细分析了php微信企业号的支付配置、证书使用及支付流程相关操作技巧,需要的朋友可以参考下
在做打印出来的设计作品时,经常会用到300分辨率、xx厘米等这些东西,那么,分辨率、厘米、像素之间是什么关系,如何转换呢? 一张图片的打印出来的实际尺寸是由电子图片的像素
一、HTML5 template元素初面 template元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。 目前,我们在HTML中嵌入模板HTML,往往是类似这样的写
30分钟手把手教你学webpack实战 阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义
vue.js 2.0参考手册chm格式下载。Vue.js是一套构建用户界面的渐进式框架。与其他javascript框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还
js的事件,如点击事件,可以直接用this获取事件对象,而jQuery可以使用$(this)来获取事件对象。vue必须借助事件的 event 对象 的 currentTarget 才能获取事件对象: !DOCTYPE htmlhtml lang="zh-CN" h
cms后台框架 这是我爱模板网做的一个非常简单的cms后台框架,采用的iframe,点击左侧的栏目分类,能够在右侧的上面添加相应的tab选项卡分类,同时,在右下追加对应的iframe,引入对应
今天,我爱模板网在给一个客户做js转盘的时候,是采用的css3配合jQuery的。期间遇到一个问题,就是需要获取转盘旋转了多少度。
str_replace() 函数:使用一个字符串替换字符串中的另一些字符。
template.js是HTML模板。可以按照HTML格式编写。不用像JS用HTML字符串拼接。下面来简单介绍下template.js的用法: 一、下载地址 https://github.com/yanhaijing/template.js 作者编写的文档:https://github
当我们从网络上下载chm格式的电子书到本地后,打开就发现chm格式的电子书右边的目录是正常的,但是chm格式的电子书内容部分却是空白的情况,很多时候我们都以为是中毒了,但是用杀毒软
我们大家都知道HTML和CSS不属于编程语言而是属于标记语言,所以很难像JS一样定义变量、编写方法、实现模块化开发等。而目前的CSS编写模式中,都是定义一些公共的样式类名,哪一块
我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可
经常看到bootstrap等框架的按钮禁用时,鼠标移动到上面,会显示类似下面的禁用的鼠标样式: 使用方法非常简单: .btn{cursor: not-allowed;} 但是,这里必须说明:跟pointer-events同时使用会影
Node.js 安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法。 本安装教程以Node.js v4.4.3 LTS(长期支持版本)版本为例。 Node.js安装包及源码下载地址为: https://nodejs.org/en/do
如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi。 从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理
我爱模板网在使用npm安装vueJs时,报错,截图如下: 百度了下,解决办法如下: 先设置代理为空: npm config set proxy null 然后再执行: npm install cnpm -g --registry=https://registry.npm.taobao.org
在利用npm安装vue时,执行: npm install vue@2.5.2 虽然下载成功,在“node_modules”的确都安装了相应的版本,但是在命令窗口,会提示错误: npm WARN enoent ENOENT: no such file or directory, open 'h:\
我爱模板网在win7下安装的绿色版Adobe Dreamweaver CS6在使用过程中经常出现“Adobe Dreamweaver CS6”,点击确定就会自动关闭,非常麻烦,如下图: Adobe Dreamweaver CS6已停止工作 Adobe Dreamweaver
本文转载自编程浪子的博客,主要讲解了html5在手机端浏览器的拍照如何实现,以及利用HTML5的canvas实现的上传图片预览的功能。 最近做一个项目要用到拍照然后上传照片,但是网页拍照
本文主要讲解 JSON.parse() 和 JSON.stringify() 这一对“冤家”的区别: parse() 用于从一个字符串中解析出json对象,如 假设下面的JSON格式字符串(注意:单引号写在{}外,每个属性名都必须用双
针对初学者,mui中有很多需要注意的小细节,我们平时容易忽略,而利用mui的开发又不像移动开发,可以打断点调试,所以我们除了看报错信息以外还要平时注意一些小细节。以下就是
我的是黑莓prive手机,其他安卓手机方法也相同。 首先你得打开手机的开发者选项,确保USB调试和通过USB验证应用程序保持打开状态,如图所示: 第二步,确保你的电脑和安卓手机都已
上一篇文章,我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面,初次接触这类的新人看到肯定很开心,但是那也仅限于手机上安装了谷歌浏览器,我们写
今天我爱模板网在使用mui开发一个商城的时候,遇到了“Uncaught ReferenceError: plus is not defined (提示: 请在plus ready后再调用plus api必须在)”的错误提示,plus api必须在plus ready之后,再调用。
我们都知道,浏览器的几个原生的弹出框,如alert、confirm和prompt是不能写html的。今天,我爱模板网要做下面的效果: 从效果图明显可以看出来,这个是一个confirm提示框,并且提示内容
本文一步一步具体阐述了如何实现linux下,安装svn实现项目自动同步。linux是阿里云的linux服务器。 ////---- linux搭建SVN服务器 并且实现项目自动同步 本教程使用的是 阿里云 centerOs 7.1 -
节点类型主要有三种:元素节点,属性节点和文本节点。 节点类型 nodeName nodeType nodeValue 元素 元素名称 1 null 属性 属性名称 2 属性值 文本 #text 3 文本内容(不包含html) 而对DOM的主要也
本文详细介绍了mui预加载页面的四种方法,哪种合适,您看着用: 方式一:preload一次仅能预加载一个页面(除非循环) var subWebview = mui.preload({ url: 'examples/accordion.html', id: 'template_sub'
问: 我看到MUI的官方介绍里面使用预加载的方法是 方式一:通过mui.init方法中的preloadPages参数进行配置. 方式二:通过mui.preload方法预加载. 然后我又在这里看到了某位大神写的文章htt
问: 实现方式1: plus.webview.create(父页面) plus.webview.create(子页面) 父页面.append(子页面) 父页面.show() 实现方式2: mui.open(父页面) 父页面代码中使用mui.init( subpages) 加载子页面 我打印
opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。 parent表示父窗口,比如一个A页面利用iframe或
今天,我爱模板网是 mui 的 webview 做一个页面跳转,从一个页面跳转到另一个页面,这两个页面看似都“嵌套”在index.html页面中。而 webview 我们都喜欢将首尾分离。所以,从一个页面跳
MUI参考手册CHM格式 mui是dloud推出的,最接近原生的html5前端框架,它和其他的前端框架不同的是,它是为“追逐”原生APP而生,配合mui官方封装的html5 plus接口,以及HBuilder的app打包,制
一、mui中打开页面的类型和方式有: 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 二、每种打开方式举例: 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页
购物车原始页面: 先说说功能: 1、点击编辑,出现删除按钮,编辑变为完成两字; 2、点击删除,将当前这行的商品删除; 3、勾选任何一个复选框,立即购买按钮由禁用变为可用,同
一、DOMException是? DOMException 是W3C DOM核心对象。 DOMException 接口表示一个处理的错误,当一个操作不可能执行的时候,会抛出一个异常。例如试图创建一个无效的DOM, 或通过一个不存在的
最近我爱模板网在做项目时,需要用html5的本地存储技术localStorage保存数据,之前用过几次,确实比js的cookie好用多了,但是保存的一直都是字符串,今天想保存对象,发现保存不了,必
1. 问题的引出 如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码: html{font-size:10px}@media screen and (min-width:321px) and (max
该方案目前已过时,这里是更加完美的替代方案—— rem布局(进阶版) 相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》 ,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更
之前,在块状容器垂直居中解决办法和CSS让容器水平和垂直居中的八种方法两篇文章中,详细阐述了如何让块状容器水平垂直都居中。但是,不管哪种,都有缺陷,今天,我爱模板网再
开发都会使用版本控制软件,以便团队多人协同开发,以及程序源码的版本管理。目前比较主流以及易用的版本控制软件是Git,本文介绍一下,如何在开发计算机上快速安装Git客户端,
mui 监听安卓手机物理返回按键及一些常见的配置
mui为我们提供了alert,confirm,prompt,toast四种框
最近我爱模板网在使用HBuilder开发一个APP,需要使用真机和模拟器进行调试。一开始安装了海马玩模拟器,HBuilder直接就识别了,但是当我安装夜神安卓模拟器的时候,无法识别。只要在
利用canvas将图片转成base64格式的两种方法
touchstart :触摸开始的时候触发 touchmove :手指在屏幕上滑动的时候触发 touchend :触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(
分享一篇来自博客园的webNick的关于手机touchstart事件的文章: 原理: 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY; 当触发touchmove事件时,在获取此时手指
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touc
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理tou
js判断是手机系统是安卓还是IOS代码
目录 1 遍历 2 属性操作 3 文档操作 4 CSS操作 5 数据操作 6 事件 7 AJAX 8 效果 9 设备适配 遍历 .dom() 描述:选择首个匹配的DOM元素 用法一:.dom(el, selector) 从el元素开始查找 用法二:.dom(s
一、页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload();}); (2).子页面B代码
我们都知道,APICloud通过setRefreshHeaderInfo、refreshHeaderLoading、refreshHeaderLoadDone配合,就可以轻松做出上拉刷新的效果,但是它并没有提供上拉加载更多的方法,这里,可以使用下面的代码
今天我爱模板网在做项目时,需要将json数据中的某个字段的值得双一号去掉,使用如下代码即可,无论双引号在外面,还是里面的任何位置,都可以去去除: alert("\"我爱模板网\"里高手
今天,我爱模板网在调取数据,并且用js将其显示出来时,遇到一个非常奇怪的问题,首先,我们看下打印的获取的字符串: {'branchname':['北京店','上海店','南京店'],'shuibadata':[329,838,9
sitemap是网站上各网页的列表。创建并提交sitemap有助于百度(Google)发现并了解您网站上的所有网页,包括百度通过传统抓取方式可能找不到的网页。还可以使用sitemap提供有关你网站的其
iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 146px iPhone6 plus物理版 1080×1920
【几种打开页面的方式】 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 【示例】 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址,支持本地地址
js的截取字符串方式,通过换行符,将多行文本按行为单位分隔开
首先我们来讲讲,setInterval()的问题: setInterval()创建的定时器确保了定时器代码规则地插入队列中。这个问题在于:如果定时器代码在代码再次添加到队列之前还没完成执行,结果就会
今天,我爱模板网在做一个支付功能,从本APP,点击支付,自动打开支付宝,支付完成关闭支付宝,返回本APP时,需提醒是否支付成功。那么这个提醒,是从支付宝切回本APP,需要监听
首先我们要明白,状态栏变色、状态栏沉浸式、全屏的区别: 手机的顶部状态栏,也就是信号、电量那条,有4种状态,分别是正常、变色、透明(也称沉浸式状态栏)、消失(也就是全
首先,得将滚动的内容放在: div class="mui-scroll-wrapper"div class="mui-scroll"!--这里放置真实显示的DOM内容--/div/div 然后使用下面的代码即可实时输出(模拟器好卡啊): var scroll = mui('.mui-sc
做一个微信项目,使用MUI做框架,在使用scroll定位的时候,出现了定位不准确的问题,查询了好多资料,得知他是相对定位。折腾了好久,才搞定,现在做一个笔记。 mui('body').on('tap',
css3的动画兼容性越来越好,越来越多的被用于网页当中。下面,就来做一个波浪加载动画效果,这种效果在很多网站上都能看到。先来看下效果图: 原理很简单,就是几张颜色不同的
在IOS系统下,表单的input输入框等元素默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉: input{ -webkit-appearance: none;}
mui按返回键退出程序
最近,我爱模板网在做H5+手机APP,调取接口数据并显示出来的时候,经常要用到显示大量的数据到页面中。js字符串拼接太麻烦,用vue.js等又有点大材小用。百度找到了今天的主角: d
mui是一个非常优秀的HTML5 APP 框架。我爱模板网今天在使用他做一个带侧滑菜单,同时支持下拉加载时,出现了问题: 1、下拉加载和上拉刷新一般采用webview的形式,也就是加载出来的内
下面的是mui单webview下拉刷新pullrefresh和上拉加载代码: 1、导航条页面: header class="mui-bar mui-bar-nav" a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"/a h1 class="mui-title"上拉刷新和下拉加
下面这些控件,可以在手机上,选择相册中的图片,也可以选择相机拍照: input type="file" accept="video/*;capture=camcorder"input type="file" accept="audio/*;capture=microphone"input type="file" accept="image/*;c
问:我按照hello h5+ 的源代码。 document.addEventListener('touchstart', function() {return false;}, true);var as = 'pop-in';function plusReady() {plus.webview.currentWebview().setStyle({scrollIndicator: 'none'});plus.key.addEventLi
通过重写mui.back(),让用户点击安卓返回键退出应用程序,但是要注意,最好不要覆盖mui.js自带的mui.back()方法,并且最好不要每个页面都用这个,否则只要用户点击返回,就退出,后退功
Barcode模块管理条码扫描,提供常见的条码(二维码及一维码)的扫描识别功能,可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。 使用场景:扫
今天在浏览网站时,发现一个网站的滚动条非常好看,就查看了它的css代码,找到了在WebKit浏览器下自定义滚动条样式的代码,抄在下面,方便下次查找: ::-webkit-scrollbar{width:10px;heig
今天我爱模板网在用MUI做网吧大管家收银端APP时,在 扫码支付 这块,遇到一个新需求,需要将支付成功和支付失败都用语音播报出来,并且支付成功,还要提示收到多少钱,这肯定需要
这个项目将来自C++的eSpeak speech synthesizer采用Emscripten移植到JavaScript。在web上实现Text-to-speech只需要浏览器支持JavaScript. + HTML5。Speak.js 是一个 JavaScript 实现的 Text-to-Speech 的引擎。 介绍 T
MUI判断网络是否连接
MUI用于获取当前设备的网络类型 function plusReady(){ var types = {}; types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection"; types[plus.networkinfo.CONNECTION_NONE] = "None connection"; types[plus.networkinfo.CONNECTIO
很多时候我们会用for 来生成多个结构相同的节点结构,这样我们需要写很多createElement、setAttribute、appendChild 等代码。但其实我们只需要有一个html 的模板,就可以用cloneNode 方法对已有的
1.丢弃小数部分,保留整数部分 parseInt(23.56); 结果:23 2.向上取整,有小数就整数部分加1 Math.ceil(23.56) 结果:24 3.四舍五入 Math.round(23.56) 结果:24 4.向下取整 Math.floor(23.56) 结果:23 附:如何
我爱模板网今天做项目遇到一个技术点:已知客户的经纬度,计算客户距离当前距离自己的位置。这个在诸如饿了么、美团等APP上都有应用。下面,就把代码贡献给大家: /** *@desc HTML
问:如何安卓跟IOS 分别如何判断 手机上是否安装 某个app 比如百度地图? 答:iOS: 可以使用NJS实现,首先到百度云平台查询URL Types,然后调用canOpenURL测试 var UIApplication = plus.ios.importClas
调用系统第三方程序进行导航 plus . maps . openSysMap ( dst , des , src ); 参数: dst: ( Point ) 必选 导航目的地坐标 要求使用WGS-84坐标系值,即GPS获取的值。 des: ( DOMString ) 必选 导航目的地描述
注销登录页面,该示例为真实项目中,其中也有很多跨域请求的页面搭建,以及域间传值 !doctype htmlhtml lang="en"head meta charset="UTF-8" / titleDocument/title meta name="viewport" content="width=device-width,initi
mui中提供了登录的模板页,但是对于登录后各个页面的访问控制,刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧,肯定有不足指出,欢迎批评指正。 第一节中创
js过滤HTML标签以及空格nbsp;的正则表达式: function removeHTMLTag(str) { str = str.replace(/\/?[^]*/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 //str = str.replace(/\n[\s| | ]*\r/g,'\n'); /
我们在做个人资料这块,常常有一种需求,就是将手机号码中间几位替换成星号,如:182****5066这种。这里从网上摘录的两种方法,记录在这里: 1、用字符串截断和拼接的方法: $("#
在Web应用越来越复杂的今天,消息推送已经成为一个非常重要的功能了,有了消息推送,Web页面就能够及时的接收到来自服务端的消息,为用户展现最好的交互体验。过去我们在实现W
第一个输出结果的含义:729、271相同位做加法的1/2 与 729、271不同位做加法的1/2(右移1位相当于除2)求和,哎呀,这个含义不就是729与271求平均数吗,OK,结果就是500。 第二个输出结果
对两个 32 位表达式执行按位“与”运算。 语法 result = expression1 expression2 参数 result 运算的结果。 expression1 任何表达式。 expression2 任何表达式。 备注 对两个 32 位表达式的每一个位执行
今天,做项目时,有个需求,需要在select值改变时,获取当前选中option的外面的optgroup的值。 思路很清楚,得到当前选中的option,然后通过jQuery的parent选中它的父节点,即可。 下面这三
Bootstrap switch.js 开关插件 api
今天,客户要求我用mui框架做的app中的联系方式和联系地址,长按应该可以选择复制,mui默认将长按复制禁止了,代码如下: * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-sele
MUI跳转页面之后,加载数据的时候,页面上会出现短暂的空白,这样给用的体验会不太好,所以,可以通过H5+的 nativeUI 模块中的showWaiting显示系统等待对话框。效果如下: 代码如下:
今天,我爱模板网在做APP时,需要自定义加载动画。按照HTML5+官方解释,所有的加载动画必须合成为一张图,且只能一行。但是美工给的图如下: 一共两百多张,需要合成成下面的效果
一、父页面中Js读取或调用iframe中的Dom或js代码段 二、iframe子页面中的Js调用父页面中的Dom或js代码段 /*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为d
电脑下,type="number" 的input框配合maxlength就能限制只能输入数字,并且只能限制在maxlength规定的长度,但是,maxlength在手机上,type="text"时,有效,type="number"时无效。如果,即需要只输入
项目中,需要验证密码的强度:必须是数字和字母的组合,并且长度不能少于6个,不能少于6个好办,直接判断长度即可,前面的,从网上找了几个,总结了下: 1、字符串是数组和字母
这是一篇写于2016年9月的教程投稿,方便使用VMWare安装Mac OS X,也包括最新的macOS系统,图文并茂,内容丰富,不过以下按照原文仍使用Mac OS X的说法。 随着iPhone、iPad、Mac等苹果产品越来
本文整理了常用的一些js获取窗口尺寸的方法: JS 获取浏览器窗口大小常用方法: // 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) (document.body.clientWidth))winWidth
网站文章添加完成后,如果能够推送到百度,通知百度收录,那就非常不错了。这里,介绍一下,如何在dedecms织梦添加文章后,主动通知百度: 打开article_add.php文件,查找如下代码:
我爱模板网在用mui做app时,遇到一个问题,先看图: 上图的“矿工详情”是弹出来的层,是点击图中所示的“title”弹出来的,现在的问题是,点击“矿工详情”弹出层的“返回”按钮
得到后台从数据库中拿到的数据我们希望格式是 2016年10月25日 17时37分30秒 或者 2016/10/25 17:37:30 然而我们前台得到的却是一段数字(时间戳,毫秒数) 1477386005 我们要将时间戳转化为我们
计算传入的任意一时间。计算出这个时间距离现在还有多少天!或者计算过去的时间距离现在已经过去了多少天! 返回值有两种! 1、负值 代表过去了多少天 2、正值 代表距离设定的时
最近小编在做一个会议室预定的功能,这个功能就像在买电影票时选择座位一样,看看会议室的哪个时间段空闲,有什么设备等等。由于我做的是APP,APP既要兼容Android,又要兼容IOS,刚
mui获取APP版本,就是在manifest.json文件中设置的APP版本,如下图: mui获取版本号 下面是获取代码: plus.runtime.getProperty(plus.runtime.appid,function(inf){ return inf.version;});
百度语音合成服务,基于HTTP请求的REST API接口,将文本转换为可以播放的mp3文件。使用方法非常简单,而且免费,支持设置语速、发音人选择等功能。 1、注册百度“AI开放平台”:htt
前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame 引
require 的使用方法如 require("MyRequireFile.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,使它变成 PHP 程序网页的一部份。常用的函
摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 今天试了下各种选取元素的方法
一、类与对象 不仅在PHP中,在所有面向对象程序设计语言中,类都是抽象的,对象是类的一个实例。所有抽象就是:”抽取出相像的”。 看一下PHP中的类与对象代码的实现 ?php class P
这部分主要是关于PHP5类和对象的基本使用,构造函数,析构函数和类的继承。 介绍 PHP4已经可以足够的支持对象,并且在任何大的项目或者小的程序中都可以看到对象的应用, 但是通过
分享下PHP return语句的另一个作用,在bbPress的代码中看到的一个奇葩使用方法。 一直以为,return只能出现在函数中,直到看了下面的代码: ?phprequire_once('./bb-load.php'); bb_repermalink(); if ( $
js判断是否为手机系统是安卓还是苹果,是否为微信浏览器 var ua = navigator.userAgent.toLowerCase();//系统判断if(ua.match(/iPhone/i)=="iphone") { //iphone if(ua.match(/MicroMessenger/i)=="micromessenger") { //是微信
今天我爱模板网在用mui做app时,客户反馈在iPhone 6上错位了。拿到手机一看,所有的与flex布局的都错位了,百度了下,发现iOS 8不支持flex,要写成-webkit-flex这种前缀才可以。看了下客户
最近在用MUI做IOS的APP的搜索功能时,遇到一个问题,搜索框输入文字时,键盘显示换行,如下图: 就算把input的type改成了search也不行,代码如下: div class="mui-input-row mui-search" style="flo
百度索引量和收录量区别 什么是百度索引量? 百度官方给出的解释:索引量仅指被百度搜索引擎建立了索引的网页总量,表示网站中有多少页面可以作为搜索候选结果,不同网页因内
基本说明 mui输入表单包括单行输入框input和多行输入框textarea,当我们使用form表单时,想要得到类似列表的输入框组, 给form添加.mui-input-group类,每个输入框添加.mui-input-row。如果不添加
mui组件js api提供了一些比较常用的方法,例如测试变量类型、获取当前时间戳、解析JSON字符串等等: 变量类型判断:mui.type() var a = [];var b = {};var c = '{"name":"zhaomenghuan","age":22}';console.lo
echo() 可以一次输出多个值,多个值之间用逗号分隔。echo是语言结构(language construct),而并不是真正的函数,因此不能作为表达式的一部分使用。 print() 函数print()打印一个值(它的参数
我爱模板网 做项目时,从数据库取数据,需要对数据进行判断,如果为undefined就不让它显示,于是,就拿变量和字符串“undefined”进行判断,发现结果总是false,即使这个变量的确为
mui自带了下拉刷新功能,但是这个在某些情况下不好用。比如,使用了offCanvasSide侧滑菜单,而且侧滑菜单和正文在一个webview中,如果加了mui自带的pullRefresh,主体内容(就是套在div id
要完成用MUI拍照和从系统相册选择图片上传的功能,可以理解成有三个功能 1 调用手机相机的功能(可以查看官方API http://www.html5plus.org/doc/zh_cn/camera.html) 2 调用系统相册的功能(可以查看官
JavaScript作为一门语法比较松散的语言,在ES6之前并没有像C++/Java等传统OO语言一样有class关键字,也不能通过private,public等关键字来限定权限。本篇就介绍一下JavaScript是如何实现继承的
今天,我爱模板网做APP,有个拍照功能,需要使用到相机。提交APP STORE发现不通过,原因是,IOS打开相机弹出的RN权限提示框的提示文字有问题,需要改为:“xxx需要使用你相机权限,
之前的 JavaScript继承 一文中已经介绍了继承,但那篇只能算简介。本篇结合原型链详细介绍一下JavaScript的继承。 通常除非小应用,那像JavaScript继承一文中那样直接写写代码就行了。如
要实现css3 animation动画执行结束,停顿几秒后重新开始执行的效果,首先想到的是延时执行:animation-delay,然后设置animation-iteration-count为infinite,即无限执行。但是不行,只有第一次执
设置了display:none到display:block后,transition动画无效,比如下面的代码: ul{top:0; transition:all 500ms; display:none;}div:hover ul{top:100px; display:block;} 当鼠标移动到ul,ul直接出现在top:100px的位置,没
html5 plus 调用浏览器打开app内网址或外部链接,语法如下: plus.runtime.openURL( url, errorCB, identity ); 参数: url: ( String ) 必选 要打开的URL地址 字符串类型,各平台支持的地址类型存在差异,
mui APP复制粘贴,Native.js复制粘贴,下面的代码经过测试,完美运行,并且兼容性也不错: /** * @description 获取剪贴板内容 (粘贴) */function getClipbordText() { if(!window.plus) return; if(mui.os.android
.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property。 .prop(),此方法jq1.6引入,读/写DOM的property。 .data(),此方
定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请
今天,我爱模板网在做拖拽层的时候,拖拽过程中,老是会选中文字,在这里,分享下css如何禁止文字被选中: .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrom
网上提供有很多关于JavaScript动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,博客园 stephenykk 写了下面的文章: 静态
从2015年7月开始使用MUI进行APP的开发,到现在已经有一个年头了。而以前做过的东西都没有整理过,以后会将自己遇到的坑整理下来。 这篇主要是讲利用MUI和集成的个推来实现APP的消息
Hbuild是支持微信分享(好友和朋友圈),QQ分享,新浪微博和腾讯微博分享。 但是在使用的过程中,官方给的文档似乎很坑爹。 《分享插件配置》 《分享插件开发指南》 都是2014年7月发
分享一篇详细的关于mui分享到微信、朋友圈和QQ的参考文档:
平时我们兼容什么东西总是在调整低版本IE的兼容性,但是这回不是因为低版本浏览器不给力。而是因为火狐给力过头了,完全不顾其它浏览器的感受标新立异了。除了火狐之外,所有的
根据mui('#scroll').scroll().y值判断,0的话就是顶部,等于mui('#scroll').scroll().maxScrollY的话,就是底部。 代码: var scroll = mui('.mui-scroll-wrapper').scroll();document.querySelector('.mui-scroll-wrapper').addEve
mui关闭其它页面,首页以及当前窗口对象,不关闭 function backToHomeIndex() { var wvs = plus.webview.all(); //所有窗口对象 var launch = plus.webview.getLaunchWebview(); //首页窗口对象 var self = plus.webview.cur
js鼠标滚轮滚动事件,即 mousewheel 事件,如何判断鼠标滚动是往前滚,还是往后滚,即鼠标滚轮滚动的方向
前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,
研究了一年多的js,也差不多写一个自己的js库了。我写这个不算框架,只是一个小型的js工具库,所以我用的名字是Library。主要集合了我写js时一些常用的方法,并参考了prototype.js,j
做了这么久的网站,今天被人问起网站分类,大致上能分为哪些,说不全,就百度了,下面的说的比较详细,就摘录在这里了: 1、大型门户网站 比如国内知名的新浪、搜狐、网易、腾
javascript不像php等,提供了数组随机排序方法,JavaScript得自己去随机排序,数组随机排序常用的方法shuffle算法,类似摸牌,arr为原数组,cards为乱序结果数组。random取一个index,取arr中这
js中toString()和toLocaleString()都是转字符串方法,那么有什么区别呢: 1、数字: 在数字转换成字符串的时候,并没有感觉这两个方法有什么区别,如下: var e=123;e.toString(); //输出 "123";e.
相信大家都见过这种情况,在ppt或word中,有个文本框,选中后,在上方会出现一个旋转的图标(如下图),拖动此图标时会旋转,那么这个角度该怎么计算? 我是这样算的,以图形中心为圆
HTML5草案里面其实有原生的字幕标签(track Tag)的,但使用的是vtt格式的文件,非常规的字幕(.sub, .srt)或歌词文件(.lrc)。
我们在做网站时,大部分都需要自定义搜索框样式,而Siteserver CMS的stl:searchInput 是支持自定义显示样式: 自定义搜索表单显示样式需要在stl:searchInput中嵌入自定义搜索项。 注意: stl:se
利用SiteServer CMS 系统建网站的主要工作量就是在于做模板,即所谓的模板嵌套。对于一个刚接触SiteServer CMS 系统的新手来说,最关心的问题莫过于模板是如何嵌套出来的、模板制作过程
MUI集成了很多手势事件,单击、长按、滑动(左滑、右滑、上滑、下滑——让我想起了:左看右看上看下看)等等。 点击事件: 1. tap 单击屏幕 2. doubletap 双击屏幕 长按事件: 1. longta
我爱模板网在用mui做一个矿工管理软件的列表页的时候,上拉加载更多"pullupRefresh",只在第一次加载,再上拉就没反应了,调试的时候发现第一次执行,后面就不执行了: 代码如下:
在做网站的列表时,经常遇到文字强制在一行显示,超出则显示点点点,这个可以用后台语言限制字数,但是不建议这么做,因为非常不利于seo(标题只显示一部分),一行的话,用c
方案比较说明 关于tab bar选项卡,目前已经有多种实现方案,最常见的有div方案的和双webview方案的。 div方案 div方案的选项卡是普通的实现方案,所有都放在一个页面中执行,页面压力
今天,我爱模板网用mui做app时,遇到了可能各位都遇到过的头疼问题:底部中间图标凸起,如下图: 其实官方已经给出详细解决方案: tab选项卡示例教程-基于subnview模式的原生tab(含底
利用css中的user-select属性和html的unselectable属性禁用IE、火狐、谷歌和IOS等浏览器选中文字: HTML代码 pSelectable text./pp unselectable="on" class="noselect"Unselectable text./p CSS代码 .noselect { -webkit-touc
我爱模板网在做底部凸起圆导航时,遇到了一个问题,中间凸起的圆用plus.nativeObj.View的方式画的,方法可以参考:mui APP tab选项卡底部凸出图标解决实例 http://www.5imoban.net/jiaocheng/hbuild
关于js获取网址url的参数,我爱模板网在之前有介绍过一个比较好的方法,详见: 如何用JS获取地址参数,js获取网址传递的参数 。今天,我们来总结下,js如何获取url地址、以及url地址
本篇文章主要是对JS刷新当前页面的几种方法进行了详细的总结介绍,并且提供了几种自动刷新的方法,希望对大家有帮助: reload 方法:该方法强迫浏览器刷新当前页面。 语法:locat
现在各类互联网产品的前后端交互都使用了JSON格式,方便且容易解析。但是,如果请求过来的json不进行格式化看着会很烦。而基于谷歌和基于谷歌内核的360等浏览器,都可以安装 JSO
js的正则表达式非常强大,可以做很多常规难以匹配的效果,同时还可以验证常见的有规律的号码等,今天,来看看正则去除字符串中的所有中括号: var str = '我爱[模]板[网],www[.5imo
在表单验证中,为了防止用户乱输入空格,可能会遇到将用户输入的数据的空格进行去除的需求,下面的代码可能会派的上用场: 只去除中间的空格: function trims(str){ return str.replace(/
我爱模板网在用mui做html5+ APP时,从后台用ajax获取过来的数据如下:html标签和空格都去除,这个借助强大的正则表达式即可:
select 文字右对齐
MUI注销登录界面代码,对退出登录进行了注销和直接关闭的选择操作
我爱模板网在做贵州司法行政厅网站的时候,客户有个需求,就是凡是本站地址的a链接,直接打开,而如果是外部地址,会弹出提示“此链接为外网链接,还需要继续打开吗?”,点击
今天,我爱模板网在做APP考勤时,需要定位用户的位置,显示在地图上,于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度,然后通过百度地图api将经纬度转换成详细的地址
Div元素不是Input,所以通常意义上focus()会失效。 document.getElementById('tries').focus();//无效 但是我们会有这种需求,需要我们focus到某一个DIV上,并且handle一些键盘事件,比如我们使用DIV来模
定义和用法 map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意: 1、map() 不会对空数组进行检测。
本文将向大家介绍百度地图API的标注(Marker)的使用方法和一些实现细节及修改百度地图Marker图标。 标注概述 标注(Marker)是用来表示一个点位置的可见元素,每个标注自身都包含地理
jQuery :empty 选择器的 定义和用法 :empty 选择器选取空的元素。 空元素指的是不包含子元素或文本的元素,如标签、空格、换行都不能有。 语法 $(":empty") 实例: htmlheadtitlejQuery :empty选择
我爱模板网在使用 黑色扁平化日期选择插件datepicker.js这个插件时,为了和项目的jQuery版本保持统一,将插件的jQuery版本由1.4替换成了1.11的版本,结果报了下面的错: $.curCSS is not a fun
我爱模板网封装了一个简单的弹窗事件,弹窗点击确定时,会有一个回调,代码片段如下: okBtn.click(function(){ if(typeof o.okFn == 'function'){ o.okFn(res) } layerBg.removeClass(o.showClass);}) 可是在实际
本文总结了八种网页上复制文字的js代码,供大家查阅 一、实现点击按钮,复制文本框中的的内容 script type="text/javascript"function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择
我爱模板网要实现一个效果,侧边栏点击出现更多,更多定位,侧边栏内容很多,高度固定,必须有滚动条,结果,出现了问题,如下: 左边slider只能y轴滚动,overflow-y:auto,横轴没有设
document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。 配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建
最近在做C端前端时,遇到了要点击复制身份证信息的需求,我爱模板网使用了下面的js复制文字代码(因为C端用的chrome的内核,就不考虑IE了,不过下面的代码也兼容火狐),有需要的
Number()、parseInt()、parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。parseInt()和parseFloat()方法只转换第一个无
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。 注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。 语法 load(url,data,function(respo
这个小函数比小程序实用多了~,项目急,在网上找了一遍有没有现成的函数,没有一个中(wan)用(mei)的东西,干脆自己动手,丰衣足食了。 这个函数可以对任意数字保留自定义小数
js将数字转换为字符串最常见的方法由如下三种: 1. value.toString() 2. "" + value 3. String(value) toString()方法存在的问题是,它不能把null和undefined转换为字符串。后两种方法的效果基本一样。
HBuilder是个非常不错的IDE,我爱模板网最近在用mui做APP时,一直在使用它。但是,有个非常大的遗憾,就是它没有提供类似的打印ajax地址的功能,而且,如果把打印函数封装,放在某个
一、前言 讲escape、encodeURI和encodeURIComponent的区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和encodeURI和encodeURIComponent不是同一类 简单来说,
我爱模板网倾情推荐:ECMAScript5中文手册Android安卓版下载,本手册是ECMA-262, Edition 5标准的中文翻译,学习JS必备手册,安装一个到手机上,上班下班坐公交(如果的话),也可以没事翻
js滚动到底部加载更多代码的js和html代码片段,为我爱模板网在做一个C端的项目时写的,在这里记录下。
这是一篇关于 Cufon 技术的小文章。什么是 Cufon 呢?简单的说,Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库。 为什么要使用 Cufon 那么为
我爱模板网在做一个HTML5 APP项目时,需要在APP头部显示当前城市的天气,这个简单啊,首先获取当前城市,可以使用下面的代码(这是html5+,当然html5也可以获取): plus.geolocation.getCu
语义: try 语句测试代码块的错误 catch 语句处理错误 throw 语句创建自定义错误 错误一定会发生 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误: 可能是语法错误,通常是程序员
简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低 1.共同点 都是动态显示隐藏DOM元素 2.区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是
经常有一个需求,就是批量修改文件名,而且文件很多,一个一个改不方便。网上有很多批量修改文件名的软件,这里,我爱模板网分享个用dos命令批量修改文件名的方法: 1、将所有要
格式:FOR [参数] %%变量名 IN (相关文件或命令) DO 执行的命令 作用:对一个或一组文件,字符串或命令结果中的每一个对象执行特定命令,达到我们想要的结果。 注意:在批处理文件中
我爱模板网今天分享一款用DOS命令写的五子棋,不能用鼠标点击,只能输入行和列下棋,效果图如下: dos五子棋 下面是代码分享: @echo offsetlocal enabledelayedexpansionset li0=┌──────
最近碰到个需求,需要把当前页面生成pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要。 html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页
在H5+app的开发中,webview的操作是基础,在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。 准备工作: 我们需要两个页面A和B,B是A的子页面,点击B中的
我爱模板网要做一个自定义样式的日历,在网上找了许久,都找不到合适的,于是打算自己写一个js日历,但是思路不是很清晰,就在百度找到了CSDN amork写的一个js编写日历的思路,看了
一、简介: Tablesorter作用于一个标准的HTML表格(有THEAD,TBODY),实现静态排序;主要特点包括: (1) 多列排序; (2) 支持文本、URI地址、数值、货币、浮点数、IP地址、日期、时间
自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset
前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览
我爱模板网在做下面的CheckBox效果时,采用的都是span或者其他容器替代CheckBox,非常麻烦: 我爱模板网在给一个客户做网站时,发现他的网站上面的CheckBox非常漂亮,并且没有使用span等
在工作中,经常遇到需要用JS获取浏览器窗口、屏幕、网页高度和宽度,但是,太多了,又经常搞混,所以,记录下,下次找方便:
在实际项目开发中,可能会通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面。下面是我爱模板网总结的js判断设备,然后跳转到手机站或PC站: JS 判断浏览器客户端类
前言 开发过程中,常常需要对一些输入信息进行有效性验证,使用正则表达式进行校验是最简单、效率最高的方式了,下面就来看看15/18位身份证号码验证的正则表达式吧。 介绍 xxxx
先附上一张网上广为流传的 前端 知识体系图:前端知识体系 (网易推荐的课程) 从大图中我们总结出: 优秀的 Web 前端开发 工程师要在知识体系上既要有广度和深度!应该具备快速
最近比较迷恋canvas,加之做了一个个人网站,有用到环形进度条,记录下来。 canvas中没有直接绘制圆的方法,但有一个绘制弧线的context.arc方法, 下面讲下用该方法如何绘制出图片效果
background-clip 设置元素的背景(背景图片或颜色)是否延伸到边框下面。 如果没有设置背景颜色或图片,那么这个属性只有在边框(border)设置为透明或半透明时才能看到视觉效果,不然
background-clip是css3新属性,可以改变背景显示的范围,它主要由如下的值: background-clip: border-box background-clip: padding-box background-clip: content-box background-clip: inherit background-clip: text (只有chr
一个页面中嵌套了iframe,我们姑且将被嵌套容器成为父窗口,嵌套的iframe成为子窗口,它们之前可能存在互相调用内部函数的问题,下面是小总结: 父窗口调用子窗口的方法: document
在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如 div class="#app" p{{value.name}}/p/div 在加载的时候会看到 {{value.name}} 在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可
jQuery获取滚动距离非常简单: $(document).scrollTop(); $(document).scrollLeft(); js获取滚动距离有点麻烦,要考虑兼容性: /** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */function getScrollTop() {
转载自CSDN webxiaoma 的一篇关于ES6 对象扩展的文章: 一、对象属性和方法 1.简写 // 属性简写var a = "first";var b = {a};console.log(b) // {a:"first"}//方法简写var obj = { method (){ retrun "hello world"; }}//等
map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意: map不会对空数组进行检测 map不会改
ES6箭头函数详解,ES6 = 详解(注意不是=) 基本用法 var f = v = v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部
我爱模板网在做一个h5 app时,需要将select标签中的文字居中显示,设置了下面的代码都没有用: select,option{text-align:center} 后来百度了一个css属性:text-align-last,它的作用是:属性规定如
1. rpx :微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px =
在开发LBS相关应用的时候,如果不了解国内对于电子地图的另外一套坐标系统,就可能掉进坑里不能自拔。简记自己参与的项目中遇到这个坑时做的调研工作,以及使用的一些算法。这
我爱模板网在用mui开发APP时,用mui.previewimage.js做图片预览时,遇到了下面的问题: 如图,这是一个子页面,需求是点击图片预览大图。ok,大家把mui的图片预览拿过来用: 但是,图片是
关于rem,我爱模板网有好几篇文章都介绍到了它的使用方法,如 手机端页面自适应解决方案—rem布局进阶版 和 手机端转换rem适应 等,更多你可以查看 rem搜索 。今天,在做一个体彩网
in 操作符用来判断属性是否存在与对象中。in 操作符会在通过对象能够访问给定属性时返回 true ,无论该属性存在于实例中还是原型中: function FF(){ this.age = 11; }FF.prototype.name = "kevin";/
大多数情况下,我们开发一款小软件,都会有如下需求: 想限制试用版的使用次数。并且当注册后,怎样才能一个注册码对应唯一一台电脑,不能重复使用注册码,在不同电脑上注册。
mui在一个页面执行另一个页面,通常有两种方法:mui.fire()和mui.evalJS()。例如,在B页面要执行A页面的initMe(param)函数,那么用两种方法可以如下写: /**************mui.fire************///A页面fu
1, 最基本的弹出窗口代码 window.open('page.html'); 2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, stat
前言 BMap.Convertor 在坐标转换上有数量限制,这点在实际的项目中受限。参考网上一些文档,封装了下面js版的坐标转换工具pointtransfertools.js。经测试,误差在可容忍范围之内。 点击 下
GPS坐标单个和批量转为百度地图坐标(WGS84转BD-09)的方法,百度已经提供了相关接口,如下: http://developer.baidu.com/map/jsdemo/demo/convertor.js 这是单个坐标转换接口 http://developer.baidu.com/m
html5 plus用js封装了对安卓和IOS底层日历和时钟的调用,pickDate和pickTime,由于是封装的,直接调用的底层的接口,所以,在UI方面,不同的系统的手机显示可能不同,优点是执行速度快。
如我们所知,JavaScript 是一门灵活的语言。其灵活性同样也带来了很多坑,当然也有一些是 设计缺陷 。比如 一个变量没有声明就赋值,默认是全局变量,如 (function () { a = 3;})();console.
一、什么是严格模式 我们平时写的JavaScript代码一般都运行在正常模式中的,除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。看名字就知道,这种模式
app.use app.use的作用是将一个中间件绑定到应用中,参数path是一个路径前缀,用于限定中间件的作用范围,所有以该前缀开始的请求路径均是中间件的作用范围,不考虑http的请求方法,
我爱模板网在做下面的效果时,即按键盘上下键,能够让蓝色背景在行中移动,以选择不同的行,这个用js很好实现,但是由于列表比较多,所以超出了范围,使用了滚动条。可是,当
1、Doctype作用?标准模式与兼容模式各有什么区别 (1)、!DOCTYPE声明位于位于HTML文档中的第一行,处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或
js的cookie使用起来非常麻烦,因为它就是一个字符串,设置和读取都不方便,下面提供了三种方法,都是简化cookie的使用方法,设置获取直接调用函数,传个参数即可: 第一种:(这个
之前获取经纬度坐标,都是使用的html5 pius封装的html5的方法(文章末尾有提供),下面记下百度直接获取经纬度(百度定位有三种方法:浏览器定位、IP定位和SDK辅助定位,这里是浏览器
今天,我爱模板网遇到一个很奇怪的问题,historyCities是一个类似于下面的JSON字符串: [{"cityid":"1101","name":"北京市"}] 我要往里面加入其它城市的信息,自然而然想到了push,先转为数组对
今天对一个表格数据进行累加时出现了结果的小数位数变多了(要求所有的数值最多是3位小数),例如: 再例如: 7*0.8=5.6000000000000005 0.1+0.2=0.30000000000000004 一是JS浮点数计算的bug, 另一
本示例代码,为我爱模板网在项目中使用的,mui拍照或从相册选择照片,并且对照片进行1倍压缩,最终得到base64为图片地址的代码。这里的图片压缩,用的是jpgtobase64.js插件,它的原理
使用APICloud平台也有一段时间了,学到了很多东西,挺受益的,所以决定把我遇到过的问题及其解决方法说一说,希望后来者可以更轻松。如有谬误,欢迎指正。谢谢! 登录 在登录界面
背景 相比其他被编译成二进制的应用,前端这种纯文本应用,太容易被解读和窜改。 前端为什么要加密? 加密重要的目的是出于对商业利益的保护。 由于作品太容易被复制窜改,容易
mui的app提供了显示缓存数量和清除缓存的方法
关于标题提到的超出多行显示点点点“...”的问题,在之前我爱模板网总结了两种方法: css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 一行文
html5+调用摄像头的方法,在前面已经做过笔记,可以查看 mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码 MUI 拍照和从系统相册选择图片上传 当然上面的这些都只能用在APP当中,如
移动端并没有所谓的longtap事件,即长按事件。但是,有时候会用到,只能借助touchstart、touchmove、touchend三个事件以及延迟setTimeout来模拟一个longtap,下面就是代码(jQuery和zepto皆可使用,
触摸事件是移动浏览器特有的HTML5事件,虽然click事件在pc和移动端更通用,但是在移动端会出现300ms延迟,较为影响用户体验,300ms延迟来自判断双击和长按,因为只有默认等待时间结束
先看下效果: 基本的认识: 文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解
iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前
ES6为一些已有的功能提供了非破坏性更新,这类更新中的大部分我们可以理解为语法糖,称之为语法糖,意味着,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些。本章
下面是Babel转换后结果:js文件夹里面的是两个ES6语法js文件,lib文件夹里面是转换后的两个ES5语法js文件: 转换示意图 Babel官网: Babel官网 Babel相当于一个翻译, 可以将ES6的语法,装换为
ES6为一些已有的功能提供了非破坏性更新,这类更新中的大部分我们可以理解为语法糖,称之为语法糖,意味着,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些。本章
1、获取当前窗口id: //WebviewObject plus.webview.currentWebview();var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象console.log( "窗口标识: "+ws.id );console.log( "当前Webview窗口:"+ws.get
转换方法 所有对象都具有 toLocaleString()、toString()、valueOf()方法 。其中调用数组的toString方法会返回以数组中的每个值的字符串形式拼接而成的一个以逗号分割的字符串。而调用valueOf(
如下,在封装插件时,经常看到在自执行函数的括号前面加个分号: ;(function(){ //TODO})(); 上面的;号作用是什么:前端页面脚本压缩可减少脚本数量和脚本大小,为了避免压缩时前一个
用360检测网站的时候,发现了“Dedecms recommend.php title XSS漏洞”的漏洞,该如何修复: 核心文件comm.php最新版本有过滤函数,也可以直接删除了这个recommend.php文件,对主站程序没有多大
图片合成最常见的需求有验证码图片,亦或者图片加水印等,这种实现一般都是后端实现的。 随着HTML5发展和现代浏览器的占比越来越高,我们其实也可以在前端直接进行图片的合成。
一、关于混合模式 熟悉PS的人都应该知道混合模式: SVG以及Canvas中也有混合模式,本质上都是一样的。 下面是一些常见的混合模式的算法: 本文内容则简单介绍CSS3出现了两个与混合模
一、关于isolation isolation是一个CSS3属性,顾名思意是“隔离”,支持的值除了万年不变的inherit外还包括auto和isolate. 继承没什么好说的。auto实际上就是不干事的意思,是元素的默认值。
高德地图使用方便,api接口写的非常清晰。今天,就来聊一聊高德地图的点标注文本label标签样式是怎么修改的。先来一段代码: var map = new AMap.Map('container', { zoom:11,//级别 center: [116.39
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。 CSS2.1 background-color 使用的背景颜色。 background-image 使用的背景图像。 backgro
在html5出来之前,加载动画和进度条动画都是要么采用的GIF,如: 18款网页加载动画gif格式 ,要么采用flash,如 18个简约动态flash加载动画fla源文件 ,但是,gif往往比较大,而且还要另外
性能更好的js动画实现方式——requestAnimationFrame 用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也
jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据时发愁了。后端语言使用php,asp.net,jsp等都不是问题,使用模板渲染可以很大程度上提高程序性能
我们都知道,在扫描二维码的时候,很多人喜欢使用微信来扫描。而微信扫描会使用微信浏览器打开扫描地址。微信浏览器是不允许下载的。这时,打开微信右上角的三个点,在弹出菜
JavaScript match()方法详解: 定义和用法 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字
目前用原生实现比较复杂,建议使用input file转成DataURL或者blob对象,利用html5自带的FileReader对象来实现文件的选择
在表单提交页面,经常要显示一些敏感数据,例如身份证号、手机号码等,通常将这些敏感数据显示一部分,其他部分用*星号替代,下面的正则表达式,可以将身份证、手机号等一串数
本教程教您一步一步利用HBuilder的git插件,将项目上传到gitee上。 1、安装HBuilder的git插件:打开HBuilder,菜单栏-工具-插件安装,如下: 2、找到EGIT,勾选后面的选择,点击下面的“安装
我们都知道,js的cookie,设置读取都一样,变量名和值也不分开,使用起来非常麻烦,为此,jQuery的cookie插件:jquery.cookie.min.js帮了大忙了,下面就看看怎么用吧: 1.引入jquery.js script s
今天,我爱模板网要将所有含有某个字符的项,从数组或对象中剔除,但是发现总是剔不干净,如下: 假设将下面数组中凡是含有“a”的项全去了: var arr = ['a1','c','a2','a3','a4','a5','a6
js触发已经写好的事件,类似于jQuery的trigger方法,但是js本身不具备trigger方法,必须自己进行封装
我们在做web开发时,服务器会根据用户的不同浏览器客户端返回不一样的结果,主要判断依据就是浏览器的user-agent。那么如果我们需要伪装成某个其他浏览器来测试不同的结果呢,就需
本css3立体按钮,使用了css3的线性渐变背景linear-gradient、盒子阴影box-shadow、圆角border-radius等,配合css2的一些属性做出来的渐变背景、有投影有高光,并且圆角带边框的立体按钮,效果
php将内容覆盖到记事本文件,追加到记事本文件和读取记事本文件内容的代码
PHP 创建文件 - fopen() fopen() 函数也用于创建文件。也许有点混乱,但是在 PHP 中,创建文件所用的函数与打开文件的相同。 如果您用 fopen() 打开并不存在的文件,此函数会创建文件,假
php大致有三种字符串连接: 1、直接用“.”来进行连接。 2、用“.=”进行连接。 3、先压入数组,再通过join函数连接。 下面分别对这三种方法的效率进行测试: 第一种方法代码如下:
使用better-scroll时,大多数会出现一个问题,就是在大的div里面的a 链接或者click事件都不用了,这是因为BScroll禁用了click事件,在初始化时,加入参数:click:true,即可。如下: html部分
这次做项目遇到了这个问题,本来习惯性的每次都写的是addEventListener绑定click事件。但是当用addEventListener绑定了多次click事件的时候,引发了我的思考,这两者有区别吗? 探究: oncli
有这么个需求,在dom节点里面定义的onclick事件,如何传递event,并且阻止事件冒泡?onclick事件如下:
想用Tomcat作为服务器,必须分以下两步。首先要配置好JDK的环境变量,再去下载Tomcat的压缩包。 一,下载、安装JDK,并且配置好环境变量。 1,JDK的下载地址: http://www.oracle.com/technet
layui多级菜单(六级)菜单代码
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http:/
在使用input复选框配合v-model时,遇到了一些疑惑,即当复选框对应的v-model是一个数组和一个字符串时,得到的类型不一样,下面是从网上找的,这里记录下: 下面是最常见的例子: d
元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。 目前,我们在HTML中嵌入模板HTML
程序正常启动运行,界面数据显示不出来,按F12调试后立马正常,网上查原因: IE8 与IE9 的console对象只有在打开了bug窗口之后才会被创建。之后的版本才解决了这个问题。删除了代码中
for-of 循环 for (var value of myArray) { console.log(value);} 循环的对象需为一个数组 无法记录索引 可以相应break、continue、return语句 可用来遍历对象属性 可用来遍历对象的自值 无法获取到对象或
今天主要来给大家说一下for的几种循环,仅代表个人的想法与观点,欢迎各位大神批评。 for循环主要有以下几种: 1.一般的for循环 2.for-in循环 3.forEach循环 4.for-of循环 一.首先是普通的
clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。简单介绍下基本运用。 1 引入插件 script src="js/clipboard.min.js"/script 2 基本使用 首先需要您需要通过传递DOM选择器,HTML元素或H
1. 概述 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器
有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。 其实如果看一下 深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这
首先,要渲染的代码如下: {{options.fileList[0].fullPath}} 这是一个标准的三级对象,能够渲染成功,如下: 但是控制台依然报错: 如果有跟我遇到同样问题的朋友一定跟我一样,心里一万
jquery.dataTables 提供了列的显示隐藏方法。 做过企业管理项目前台的程序员可能都知道,许多用户在查看一些业务数据的时候,喜欢将表格不关心的数据进行隐藏。便于信息的比对与查看
本文详细举例了Vue.js中ref ($refs)用法,转载自cnblog的慕容小凡,原文地址:http://www.jianshu.com/p/3bd8a2b07d57 一、ref使用在外面的组件上 HTML 部分
APP选择图片,一般分为两种,一种是从相册选择,一种是拍照,下面的代码就是apiCloud拍照和从相册选择(APICloud官方api描述的也很清楚,说实在的,比mui简单清楚多了): 1、html代码:
一.动态创建link方式 我们可以使用link的方式.如下代码所示: function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css")
在 Web 应用开发中,CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3,再到 CSS 规范的下一步版本,规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的
1、介绍 PostCSS 的主要功能只有两个:第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 抽象语法树结构(Abstract Syntax Tree,AST),第二个就是调用插件来处理 AST 并得到结果。
flex布局在IOS8表现的一塌糊涂,原因是没有加前缀(私有属性)。而我爱模板网所做的这个APP,已经写了太多的flex了,一个一个替换太麻烦。之前遇到过一次,叫客户把他手机拿来,我
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题 页面展示: 实现效果:点击实现列表内容的展开、折叠。 div class="invoice-list" v-for="(item,index) in invoice
一、缓存列表图片 //循环数据的时候加载执行一个缓存图片的函数script type="text/x-dot-template" id="listT"{{ for (var i = 0; i it.length; i++) { }} img class="aui-img-object aui-pull-left" onload="fnLoadImage(this)"
本文简单解析各种数组和对象属性的遍历方法: 原生for循环、for-in及forEach · ES6 for-of方法遍历类数组集合 · Object.key()返回键名的集合 · jQuery的$.each() · underscore的_.each() 文中的范例基于
for in 循环 并且使用hasOwnProperty 方法
apiCloud 打开外部链接的方法无非两种: 1.使用openApp调用浏览器,如果手机内有多个浏览器,会首先弹出选择浏览器的框,将url传过去,手机浏览器会自动打开。 2.使用openWin,直接打开网
在做项目时,经常会遇到返回的字符串中包含很多的html标签,如果只想要里面的文字内容,就必须把标签去除,下面的代码就是利用正则表达式将字符串中的标签去除干净
今天用小乌龟SVN提交更新时,出现Authorization failed的错误,如下图: 这种情况肯定是SVN服务器出现了问题,需要修改其三个配置文件: 1、svnserve.conf: [general]anon-access = readauth-access = wri
这是一个利用form填写数据,然后用jQuery的ajax将数据提交给php文件,php文件将接收到的数据填写进一个本地的txt文件,然后给前端返回一个成功的提示的代码
前段时间,我爱模板网做项目涉及到一个音乐播放器,自定义的界面,要能歌词同步,没办法,只能自己写了。这个播放器带歌词同步,并且支持上一曲下一曲,进度条可以拖拽,拖拽
先看下sort语法: arrayObject.sort(sortby);//参数sortby可选。规定排序顺序。必须是函数。 sort() 方法用于对数组的元素进行排序。 如果调用该方法时没有使用参数,将按字母顺序对数组中的元
js的sort排序非常强大,可以先看下它的简单用法: js sort排序 。下面这个是我爱模板网遇到的一个排序问题:一个数组中有很多对象,每个对象都含有时间,需要根据时间的先后顺序将
audio标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码
我爱模板网在写一个 html5歌词同步的音乐播放器 时,在IOS测试,发现HTML5 Audio的loadeddata事件始终不执行,在Android下执行,而且,打印audio的readyState状态,始终是1,但是Android是4,代码如
js根据时间显示如下规则: 24小时内(显示“XX分钟前”或者“XX小时前”,不足1分钟显示“刚刚”) 大于24小时,小于48小时(显示“昨天”) 大于48小时(显示“月-日”), 其他年份
audio和video的样式修改,一般都是重写界面,然后用js操作audio和video,这种方法的优点是界面定义更灵活,更美观,缺点是如果只想改一点点,比如video播放条颜色,而动手重新写,代价
日期对象返回的日期和我们平时使用的格式不一样,每次转换非常麻烦,这里给日期对象加个格式化的方法,每次使用起来就非常方便
如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句
今天我爱模板网要用VUE做一个多选的效果,即对所有选项,可以选择也可以取消,可以多选也可以一个不选,效果图如下: 所有选项的值如下: list:[ {id:1,title:'JSK'}, {id:2,title:'OP'}, {id:
CSS3 可以将文本内容设计成像报纸一样的多列布局。像下面这样: 这样的布局称为“多列布局”。 对多列属性分别进行学习: 对于 column 的所有属性,ie10+ 支持,firefox 不支持 column-sp
今天,使用了多年的iPhone 6s开不了机了,一直停在开机界面,俗称“白苹果”,无论怎么按开机键还是开机和home一起都不行,如下图: 百度了下,按照下面的方法,可以了: 一,ipho
打开窗口win或者frame的时候有个参数allowEdit默认值是false,该值表示不允许长按页面时弹出选择菜单。 所以想在input框长按出现粘贴菜单,必须在打开frame或者win的时候将该参数设置成t
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请
css3 的 column列宽属性,简直就是为瀑布流而生,以往做瀑布流非常麻烦,这里推荐几款过去瀑布流做法: 兼容IE6的纯div+css瀑布流效果 、 瀑布流布局实现方法总结 。但是无论哪种方法,
网站上传图片时,如果不从后台限制图片的宽高,图片就会出现宽高大小不一,有的宽大于高,有的高大于宽,在前端如果再不进行限制,可能就会出现下面的情况: 图片变形了。那么
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。 Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属
JS trim(),即去字符串首尾空格,是js自带的方法,但是此方法使用上有浏览器限制: 1.直接使用: string.trim() trim方法在浏览器的兼容性 2.使用正则表达式构造一个trim的方法: function myTr
js concat方法的定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 语法 arrayObject.concat(arrayX,arrayX,......,arrayX) 参数 描
push和concat都有合并数组的功能,一直没有研究过二者的区别,今天遇到了,就研究了下,区别还是比较大的: 先看代码: var arr = [];arr.push(1);arr.push([2, 3]);arr.push(4, 5);arr = arr.concat(6);ar
今天,我爱模板网在用apicloud做一个购物APP时,有一个需求:发布完资讯,自动跳转到刚刚发布的资讯的详情页,点击详情页的返回按钮,关闭详情页。这时,你会发现,详情页关闭,发
在用APICloud给客户做QQ登陆时,提示:“QQ登录提示“应用工程配置错误,scheme没有配置”,一开始以为appkey配置错误,但是按照官网看了没问题: 1、在config.xml中配置: feature name="qq"
css3的column多列布局让瀑布流布局从复杂变的非常简单,以前甚至要借助js,现在几行css即可完美解决。详见: 利用css3 column属性制作瀑布流效果 以及 column css3 详解 。 我爱模板网做最近
在用APICloud做HTML5混合app开发时,客户有个需求,长按二维码的时候,要将二维码保存到相册。那么,这个可以分两步,第一步:将二维码下载到本地,第二步:将下载到本地的二维码保
近期需要做一个需求,关于前端获取图片后压缩,再上传给后台服务器或者上传至oss后将路径传给后台服务器,压缩的时候发现在ios10及以下的系统是无效的,经查证,这是由于使用ca
HTML标签,有时需要显示出来,或者为了防止一些危险的操作,可能需要将它转义,如: h1我爱模板网/h1 通过: function html2Escape(sHtml) { return sHtml.replace(/["]/g,function(c){return {'':'lt;','':'gt;
本文提供了常见的一些js转义html的方法,如去掉html标签、普通字符转成转义符、转义符换成普通字符、nbsp;转成空格、回车转为br标签、去除开头结尾换行,并将连续3次以上换行转换成
本文配合案例,详细介绍了php的文件上传、下载和删除功能 一.文件上传 1.把上传文件的区域做出来 2.把显示文件的区域做出来 3.提交表单,上传文件 4.服务器接收文件数据 用 $_FILE[na
我爱模板网在做一个电视台的html5时,用到了iscroll的上拉刷新和下拉加载,效果很不错,也很流畅。但是,在这个iscroll的滚动区域有个下面的效果 这块内容是超出宽度显示的,需要左右
1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 例
在使用axios这个ajax插件的时候,我们有些时候会遇到一些问题,比如:数据格式不正确 以最简单的例子为基础(这里使用post方法): 在上面的例子中我们直接调用axios的post方法,传给
1、v-if与v-for一起使用 当v-if与v-for一起使用时,v-for具有比v-if更高的优先级,这意味着v-if将分别重复运行于每个v-for循环中。所以,不推荐v-if和v-for同时使用 使用推荐方式: ul li v-for=
首先调起高德APP 我们首先讲述如何在H5里调起高德地图APP,并展示兴趣点。适合于展示某个餐馆,商场等,让用户自行选择前往方式。 场景一、在高德地图上展示Marker点或者POI标记 在
我爱模板网在做一个智能景观APP的时候,需要做类似抖音的整屏上下滑动的效果,如下图: 但是数据太多,单个swiper-slide的内容一屏显示不下,这时,简单的overflow-y:scroll解决不了,
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被
js的reduce有点类似于递归,对数组进行循环计算,最终得到想要的效果,可以想见: js reduce详解 。 下面的方法是我爱模板网在做项目时,遇到数组去重,从网上“剽窃”的一个方法,
三目运算符也成为三元运算符,它是if/switch语句的一种简化写法,常被用于替代if--else的判断,这里,利用它的嵌套,也可以用于超过三种判断。比如下面是我爱模板网在做一个智能控制
v-if和v-else或v-else-if之间不能添加其他元素。
因为phpcms v9的功能非常丰富,我们可以使用多种途径来实现多语言,这里以实现中英双语站为例来说下几种实现多语言网站的方法思路: 方法一: 使用phpcms中的语言包动态切换中英文语
我爱模板网在用vue+vant做一个混合app时,遇到一个需求:单元格的右侧出现可以填写的内容以及内容的单位。如下图所示: 这个可以用vant的cell单元格来做,但是在官网没有找到右侧有文
由于项目做为h5页面内嵌进安卓页面,因此是在页面中直接引入vantjs和vuejs的,这样一来,布局组件可以直接使用,但有些方法的组件并不能直接使用。以图片预览组件为例 ImagePreview 图
以下是cnblog goweb总结的几种为JS对象添加、删除、修改对象的属性方法,我爱模板网只是把它搬运到了这里
js正则将字符串中所有反斜杠\替换成正斜杠/
有个需求,将下面的字符串里面所有的逗号都替换为下划线: 将字符串"123,111,222.00"替换为"123111222.00": 1、正则表达式的方法: function clear(str) { str = str.replace(/,/g, "_");//取消字符串中出
在手机上,尤其是在IOS上,input框输入数字会有很多问题,比如ios键盘自带的键盘上方的工具条输入,很坑。下面的这段代码,经过测试,可以输入任意数字,不会在前面显示多个零。
我爱模板网从网上找的,多个对象合并的方法,在这里记录下,下次用的着。
///////--------------- linux搭建SVN服务器 并且实现项目自动同步 本教程使用的是 阿里云 centerOs 7.1 ---------------///////////////// 0.ssh登录linux服务器 ssh root@你的服务器ip(ps:接着会让你输入密码,
不像jQuery,js的添加和删除节点都比较麻烦,例如删除节点,必须要找到被删除元素的父节点,通过父节点的removeChild才能删除当前节点。当然,jQuery就是为了简化js才推出的,不可能比
我爱模板网在做app时,客户要求比较严格,注册的时候,手机号只能输入数字。input的type为tel还是能够输入数字,百度了下,发现下面的方法可以:
我爱模板网在做一个就诊APP的聊天功能时,界面要显示聊天时间,参考了QQ和微信,发现时间显示规则比较复杂,在网上找了篇文章,说的比较好,这里记录下: 参考基准 当处于正在聊
APICloud的sendEvent在传递参数方面,IOS和Android不太一样
apicloud aMap模块的根据经纬度获取地址信息的getNameFromCoords报{code:1008}错误:
在IOS,swiper双击屏幕滑动模块会上移,并且不会恢复正常状态。 这个不是swiper的问题哦,是因为html5页面嵌入到ios中的问题,在安卓中没有这个问题。 解决方案就是将双击事件给阻止掉
下面这段代码是我爱模板网为解决头像过大,从网上找的压缩base64图片的方法,得到的结果在callback中使用,callback有两个默认参数,第一个是压缩后的blob图片对象,第二个是压缩后的图
NodeJs的适用场景: 1:高并发、高I/O场景 2:逻辑较少 3:追求响应速度的项目 以上三点是我们使用NodeJs所要考虑的,由于nodejs是单线程、异步I/O的、事件驱动的语言,所以带来响应速度
js正则表达式验证大全
nodejs+electron编写exe程序
vue2是对新手很友好的MVVM框架,有完善的官方中文文档,阅读起来也非常容易理解,由浅入深,示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 v
npm安装模块
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vu
win+r打开运行,输入CMD进入命令控制台,通过使用命令: cd D:\app 进入D盘的app目录 然后输入: echo xxxxxx hosts.txt 则成功把内容xxxxxx写入hosts.txt 中(注意是覆盖) 若输入: echo xxxxxx hosts
手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错: SQLException: Incorrect string value: '\xF0\x9F\x98\x84' for column 'review' at row 1 原因是:UTF-8编码有可能是两个、三个、四
一:摘要:使用vue开发单页面应用,如何解决页面缓存问题(尤其在手机端),如何才能做到 新打开的页面 获取最新数据,返回上一个页面获取最新的缓存页面数据? 二:页面打开和
首先我们要做三个小球的运动,第一个动后第二个动之后第三个动 我们先写出三个小球球
apiCloud调用百度和高德地图进行导航
JS中高德、百度地图坐标互相转换
JS获取各种宽度、高度的简单介绍
jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单,已经提供了方法:
我爱模板网遇到一个需求,如下图,导航是可以滚动的,滚动超出了容器的距离。点击导航,自动滚动到正中间
在使用mui等做手机端混合APP时,真机调试问题非常的麻烦,之前介绍过《 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面 》,这个方法很不错,就是初次使用很麻烦,还需
js浮点数计算问题
input获取焦点,键盘的换行就会变成“搜索”,form不能少,type必须为“search”
今天我爱模板网在做下面的效果时,用到了vant的swipe
js localeCompare方法详解
今天,我爱模板网在做一个APP时,用接口获取了车子品牌的数据,需要做出类似手机通讯录的效果,点击品牌首字母,就能快速定位。这就要对返回的数据进行排序,返回数据格式有点
我爱模板网的一个项目需要用到反转效果,即正常情况下看到的是正面的缩略图,鼠标移动上去,就会翻转过去,看到反面简介、跳转按钮等。那么实现这种效果,可以简单分析下:
前言 最近一段时间在做 H5 聊天项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。从实验过一些机
对于模糊图片这个效果的实现,其实css3中的filter属性也能够实现,但是这个属性的兼容性不是很好,所以我们通常不用这种方法实现,而使用canvas配合JS实现。 高斯模糊 就是按照高斯曲
html2canvas可以通过纯JS对浏览器端进行"截屏",但"截图"的精确度还有待提高,部分css不可识别,如css3的filter等,所以在canvas中不能完全呈现原画面样式。 支持的浏览器 Firefox 3.5+ Google
先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElem
今天,我爱模板网在apicloud后台上传了证书,发现高德地图amap的getNameFromCoord用不了了,对比了包名,重新生成appkey,都不行,后来,下载 ipa安装包,解压,找到里面的 Info.plist文件,右
在实际工作中,经常会遇到容器居中问题,而CSS容器水平和垂直居中的方法,网络上已经有很多相关文章,在这里,我爱模板网也对工作中用到的一些居中方法进行了总结,并加入了一
不知大家在做前端页面的时候,有没有遇到类似这样的问题:有一个不是正方形的图片,可能是宽度大于高度的,也可能是高度大于宽度的,而你又并不想用背景图的方式来做,要实现
还在为module.exports、exports、export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一、首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!export和
一、变量是个好东西 在任何语言中,变量的有一点作用都是一样的,那就是可以降低维护成本,附带还有更高性能,文件更高压缩率的好处。 随着CSS预编译工具Sass/Less/Stylus的关注和逐
loading动画在页面过度等经常会用到,我在工作中就写过很多有趣的loading加载动画,在这里,我就分享一个波浪效果的loading动画写法(在写动画前,可以先画个草稿或动画流程图,充分
在正文开始前,小编想说一句:今天合肥由于大风,雾霾都吹走了,天特别蓝,早上骑车上班,飓风拂面,酸爽! 好了,废话完了,我们今天来说一说CSS3变量。 貌似在任何编程语言中
瀑布流布局出来好多年了,刚出来时,一般都采用js来实现,涌现了很多比较好的js插件,例如:masonry.js、gridify.js等等。这里就不再详说如何使用了,网上都能找到。今天讨论的是纯C
在做前端时,会经常遇到限制文字字数的问题。文字超出会影响页面效果,不美观。下面是小编工作中常用的限制文字行数,超出显示省略号的方法: 一、单行文字超出显示省略号,这
假设有下面的数组,我想通过循环将里面的1删除掉: var arr = [1,1,1,1,2,2,2,2];for(var i=0; iarr.length; i++){ if(arr[i] === 1){ arr.splice(i,1); }} 最后得到的结果却是: [1, 1, 2, 2, 2, 2] ,1并没有删除干净
Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 语法 rectObject = object.getBoundingClientRect(); 返回值: 返回 4个方向值 与 2个宽高值 rectObject.top:元素上边到视窗上边的
有时候很困惑,明明布局的时候,很完美,但是掉完数据,就明显难看了,尤其是图片在布局的时候,要么写死了宽高,导致后台调出的图片比例不对,变形了,要么就没有限制宽高或
昨天雷雨交加,燥热有所缓解。今晨空气清新,再加上马上三天小长假,心情很不错,祝各位小长假玩的开心。那么,今天就用CSS3做些“不正紧”的事:画八卦和爱心。 CSS3我们一般都
这次画的是QQ浏览器图标,比较复杂,各种高光渐变色内阴影等。其实,CSS画画就和用PS画画一样,从最底层,一层一层往上画,最后合成一张图: 1、让容器居中,同时将body背景变成灰色
前言 如今互联网的普及,4G的普及、5G的即将到来,将会促进互联网飞速发展,从而为H5的发展也起到不可磨灭的推进作用。随着互联+的发展,随着H5的发展,我们不可否认混合app开发是
一个画家要绘制一副画作,首先需要做一些准备工作。本人不懂绘画,大致猜测主要准备工作如下: (1).作画的纸张,可以类比canvas中的画布。 (2).画笔与不同颜色染料等一大堆东
HTML5 canvas 的 rotate方法,可以实现画布的旋转。 先看个将矩形旋转 20 度的例子: 代码: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rotate(20*Math.PI/180); ctx.fillRect(50,20,100,50
HTML5 canvas moveTo() 方法就是绘制一条线的起点。 实例 开始一条路径,移动到位置(moveTo) 0,0。创建到达位置(lineTo) 300,150 的一条线: 提示:请使用 stroke() 方法在画布上绘制确切的路径。
先看个用lineTo画的线条的例子: 开始一条路径,移动到位置 0,0。创建到达位置 300,150 的一条线: JS var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.moveTo(0,0);ctx.line
先看个用HTML 5 canvas lineCap绘制的圆形结束线帽的图片: 上例的JS代码: var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.lineCap="round";ctx.moveTo(20,20);ctx.lineTo(20,200);ctx.st
new Date()返回一个日期对象,可以通过这个日期对象处理js中的日期。 语法格式: new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象,参数为空返回当前日期 例如: new D
定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的
clearRect的定义和用法 clearRect() 方法清空给定矩形内的指定像素。 实例 在给定矩形内清空一个矩形: js var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(0,
首先看一下效果图:每隔一秒会动态更新时间 一、前期准备 1. HTML中准备一个容器存放画布,并为其设置width,height。 div canvas id="clock" height="200px" width="200px"/canvas/div 2.在js中获取canvas画
图片lazyLoad懒加载相信大家都不陌生了,从搜索引擎的角度来看,图片懒加载是不利于网站图片优化的,因为搜索引擎并不会去执行js动作,不触发JS动作,真实图片的地址就不会暴露到
1.什么是Web Worker 在web worker规范产生之前,dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说:渲染dom的时候不能执行javascript代码,执行javascript代码的时候,UI界面会
什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做
我爱模板网在做混合APP开发时,遇到了一个问题,即边框0.5px效果。 0.5px其实是不存在的,因为像素点不可能存在半像素,现在的手机大多都是视网膜屏,逻辑像素都是物理像素的两三倍
有段时间没写文章了,这段时间比较忙,很抱歉。 今天的这个手机登录界面,使用了rem作为单位,自定义了字体,使用了模糊背景,半透明登陆框。效果是小编从网上看到的,就动手实
前沿 很多大网站的文章内容关键词都是可以添加链接的,包括我们的大头条也是可以的,这样的好处首先是方便客户点击跳转相关内容,其次SEO叫内链,对SEO也有一定的辅助作用,如果
这可能是html相当全的特殊字符的HTML、JS、CSS的写法了,直接复制过去就可以使用,非常方便,非常全。转载自博客园 starof。 ⇠ 箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ #86
CSS能够制作各种形状。正方形和长方形这种简单的就不用说了,在网页布局中太常使用。加上一个宽度和高度,你就得到了你需要的准确大小的矩形。加上边界半径,你就可以把这个形
一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和
先看下CSS3绘制一滴水的过程: 从一个正方形到一滴水,就这几步。下面开始实现: 1、绘制一个正方形: div class="circle"/div.circle{ width: 30px; height: 30px; background: red;} 2、通过border-radio圆角
本文介绍了使用HTML+CSS实现鼠标划过的下拉菜单栏的示例,分享给大家,功能如下: 先上效果图: 1、鼠标没在上面 2、鼠标放在一级菜单上,展开二级菜单 3、鼠标放在二级菜单上 注释
js判断对象是否为空对象的几种方法
js截取字符串最常用的两个方法:substr(start,length)和substring(start,end)。在截取字符串的时候,给个个数或者位置就行了。但是,英文和中文截取出来,长度相差太多,如下: var txt = 'abcd
问题 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为
我们先来看一个简单的事例 首先我使用官方脚手架新建一个项目vue init webpack vue-demo 然后我创建两个文件index.js plugins.js. 我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件
我爱模板网在用Tortoise SVN提交代码的时候遇到一个问题,明明有文件修改了,提交的时候提示svn is already locked,svn被锁住了?遇到这种情况,我通常是将代码移到一边,然后SVN Update,重
今天,我爱模板网注册了npm,想发布一个包测试下,就按照网上的方法写了一个测试包,然后发布,发现发布失败,提示: npm ERR! code E403 npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/npm
图表类的项目操作一般常见于管理平台系统,移动端项目中并不是特别常见,不常见不代表没有,在一些商城类应用中,商家需要看到商品的销量分析,盈利分析等,就需要用到图标,
准备:使用vue-cli脚手架 npm下载vue-cli脚手架 npm install -g @vue/cli 初始化一个项目 vue init webpack hello 然后等待它安装完所有的依赖包就可以了。 下面我们开始引入echarts。 方式一、直接引入
这个示例使用 vue-cli 脚手架搭建,所以直接来: 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像: 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 使用CNPM安装echarts
问题描述 在使用electron-vue时候,运行npn run dev,会出现下面的错误 解决 没有搜索到合适的答案,在GitHub的 electron-vue issue 中找到了 方案一 简单粗暴,不知道会不会有什么影响,直接将这
sublime在默认时,Vue.js 的单文件组件(*.vue)是不被识别的。若要想高亮显示,就需要安装插件 Vue Syntax Hightlight。安装步骤如下: 第一,在 sublime 中打开 Package Control 如下图,使用快捷键
用router-link生成的a链接,都会产生router-link-exact-active的高亮类名,如何让自己定义的高亮类名起作用,或者如何禁止vue-router不产生这个类名,可以看下面: A:全局设置 export default new V
vue-cli3+axios调用接口,出现了跨域问题,百度找了很多都是说修改config文件夹下的index.js文件,在proxyTable中加上某某代码,但是vue-cli3根本没有config代码,必须手动创建,所以,首先在根
页面刷新后,想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。 vuex优势:相比sessionStorage,存储数据更安全,ses
Vue 2.x相比较Vue 1.x而言,升级变化除了实现了Virtual-Dom以外,给使用者最大不适就是移除的组件的props的双向绑定功能。 以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双
我爱模板网在用vue-cli做一个confirm弹窗组件时,遇到了一个问题:当弹窗子组件弹出时,报错(弹窗我用的是iview的model组件): //父组建:myConfirm :isShow="isShowConfirm" :title="title" :content="con
iview验证表单利用Validator验证表单,支持正则表达式,支持自定义规则来验证表单,下面是一个iview自定义正则规则来验证正整数的小案例: 1、引入iview: import { Card,Col, Row, Button,FormIt
使用iview Upload 上传组件,阻止它自己的上传方法,手动上传包括单个文件和多个文件。实现思路是创建一个数组,把需要上传的文件,push到这个数组里面,再一个一个上传。 1.引用组件
js获取本日、明天、本周的第一天、本周的最后一天、本月的第一天、本月的最后一天,返回字符串格式的日期
URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或
我爱模板网在用vue-cli做一个教育网站时,需要上传视频,同时,还得在接口传视频长度。上传我用的是file控件: input type="file" 我们都知道 html5 的 video,是可以获取视频时长的,即dur
当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),所以会导致下面的问题:
数组赋值目测在php/js这两种语言中的赋值都是应用传递(所谓引用传递就是所谓的赋值其就是共享同一个地址),一般的字串整型等数据类型都是值传递所以不存在这类情况 解决方法:在
js for in 循环对象
近段时间,公司需要做个视频聊天效果,效果图如下: 从上面看,应该是画中画效果,即大窗口显示对方,小窗口显示自己。 因为是apicloud项目,所以首先想到了融云,研究了两天,总
targetSdkVersion:自2018年11月开始,GooglePlay以及国内大部分应用市场要求APP编译目标SDK必须为26及以上,否则不予提交审核;有许多已有APP转到APICloud开发后,因targetSdkVersion降级而导致无法
uni-app上拉加载和下拉刷新代码 1、pages.json配置需要上拉加载和下拉刷新的enablePullDownRefresh为true
微信小程序npm的使用,以vant-weapp为例: 1、打开微信web开发者工具,在开发者工具中,创建“node_modules”文件夹(如果不这么做,而是直接在项目盘中创建,有可能在构建npm时出现“没
字体图标在网页中非常常见了。为了方便在小程序里面重复使用,自定义了一个图标组件,方便控制它的大小,颜色,自定义点击事件。 自定义图标组件的代码如下: 下面的代码是ic
微信小程序导航栏很简单,有时候可能需要加入一些自定义的按钮,新版本的微信小程序已经支持自定义导航栏,官网导航json配置如下: 但是有时候我们项目需求可能需要自定义头部导
微信小程序并没有提供通过经纬度解析城市信息的方法,但是通过腾讯地图逆地址解析,可以实现: 第一步:申请腾讯地图密钥(key),申请地址:https://lbs.qq.com/ 填写完成后即可获取
有时候,我们可能有需求,就是将小程序的rpx值,转换成px值,来进行一些计算等: 1、通过wx.getSystemInfoSync()可获取的值: // 在 iPhone6 下运行:var systemInfo = wx.getSystemInfoSync();console.log(
早期小程序的input,并不支持keycode,所以无法判断,只能采用下面的方法: input type='text' placeholder='搜索书名' focus='true' confirm-type='search' bindinput='input' bindconfirm='search'/input 其中,bindcon
在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 只有定义了该函数,小程序右上角的菜单中才会有转发按钮 用户点击
微信小程序中,提供了复制相关的接口: wx.setClipboardData,它可以将制定的内容放到剪贴板当中。下面的代码就实现了点击按钮,复制内容的功能: 实现功能如下: 1 .wxml里写一个复制按
dart中箭头表达式与js中箭头表达式对比: 1、unexpected text ‘if’ Listint list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];list.forEach((num) = { if (num % 2 == 0) { }}); if这儿报错,报错提示是unexpected text ‘if’,如下
用VSCode开发Flutter APP,使用安卓studio的模拟器不太好,用模拟器就很好了。下面是VSCode开发Flutter时,识别网易木木模拟器和夜神模拟器的方法: mumu模拟器 1,命令行进入MuMu安装bin目录:
flutter项目连接夜神模拟器的方法: 在夜神模拟器的bin目录下,打开命令面板,执行adb connect 127.0.0.1:62001 命令,显示successfully及连接成功 白屏的解决方案,在项目根目录打开命令面板,
今天在用flutter布局时,打包提示◢◤◢◤◢◤◢◤,如下: Reloaded 1 of 456 libraries in 282ms. I/flutter ( 2286): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
第一步、生成key 1、在vscode的Terminal(工具底部)输入下面的命令,其中“D:/key.jks”表示将key生成到这里,-alias后面的为别名,后面配置key,会用到。 keytool -genkey -v -keystore D:/key.jks -k
我爱模板网做了一个基于flutter的原生安卓APP,安装到手机后发现无法联网,联网权限忘了配置,按照下面的方法配置,重新打包,即可获取数据。如下: 打开: /android/app/src/main/Androi
虽然flutter可以同时运行在android和ios设备上,但是修改名称、logo、启动页还是需要分开配置的。 修改应用名称 android 在项目下找到android目录,依次 app src main AndroidManifest.xml , 打开 An
我爱模板网在用flutter做app时,需要做下面的效果: 这个左边的icon+文字,肯定要用AppBar的leading写了,再设置个宽度,于是写了下面的代码: class HomePage extends StatelessWidget { const HomePage
我爱模板网在使用flutter的flutter_screenutil插件时,出现下面这个错误: The method '/' was called on null. 这个是因为在初始化flutter_screenutil之前,调用了flutter_screenutil设置宽高导致的,解决办法
我爱模板网在用flutter布局app时,需要作出下面的效果: 以画红框的为例,这明显是Row里面套TextField: class ListItem2 extends StatelessWidget { @override Widget build(BuildContext context) { return Container(
Flutter raisedButton 并没有border属性,只能借助shape的RoundedRecangleBorder来进行添加
Flutter RaisedButton组件详解
修复Flutter输入框光标文字焦点不对齐问题
我们在使用TextField的时候,有时候是通过按钮给它修改值的,比如 这时候就会有一个很坑的问题,你点完按钮输入框的值改变后,焦点会自动移动到最前端,这时候再去输入的话,输入
这是我爱模板网摘抄自简书的一篇对flutter TextFiled文本输入框非常详细的一篇文章
我爱模板网利用showCupertinoModalPopup做了一个类似于js中的prompt效果的弹窗,里面有TextField,热更新时,提示下面的错误: I/flutter (25517): No Material widget found. I/flutter (25517): TextField widgets r
Flutter获取相册中的图片和用相机拍照 在原生开发中,拍照及从图库选择图片是非常常见的需求,而且原生的图片选择第三方库也有很多并且很完善了。 Flutter也给我们提供了好用的图片
Flutter之CircleAvatar组件,圆形和圆角图片
本文是我爱模板网的一个总结,即点击授权登录按钮,进行登录,然后根据后台微信登录接口返回来判断是否绑定过手机号(因为除了微信小程序,还有手机APP,手机APP是用手机号登录
Flutter Column等容器嵌套ListView报错
Flutter RaisedButton可以设置圆角和边框,都在shape中设置,边框和Container等常规的边框设置略有差异:
Flutter圆形图片和圆角图片写法
Flutter 拆分小部件用class类还是方法
运行flutter doctor和 flutter upgrade,出现下面的提示: The term 'Unblock-File' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, veri
今天,我爱模板网将flutter升级了,然后运行flutter run,报错了: Please migrate your app to AndroidX 意思应该是要将项目升级到Android X,下面是升级方法,亲测,可行: 1、将您的Android Studio更新
我爱模板网将flutter升级了,然后出现了问题,需要 将flutter项目升级到AndroidX ,但是,在运行flutter run时,还是出了问题: The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.0 and
织梦dedecms留言薄的安装过程和其他插件一样,首先我们进入后台模块管理列表,点击其对于的“安装”: 安装以上步骤,我们完成了留言薄插件的安装。 留言簿安装好,如果想查看留
我爱模板网要实现下面的效果: 即从后台获取数据,然后根据返回的时间,如“2019-12-17 23:59:59”,做成倒计时效果。 第一步、布局
js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法
flutter Provide状态管理有点类似于Vuex,当从一个页面更改了数据,期望影响其他页面,那么Provide方法是不二之选。这里简单理下我爱模板网在使用flutter时的用法: 1、添加依赖 在 pubspe
flutter ProvideMulti多个状态同时使用
这是我爱模板网从网上down下来的三个分享代码,分别分享到新浪、豆瓣和花瓣,采用模态框弹出的形式进行分享,可以分享文章标题、作者和头像
dede升级了5.7后,发现使用dede:likeart调用猜你喜欢/相关文章,无法实现关联,显示的是所有文章。原来从5.5版开始已经替换了该标签,把模板中 likeart 标签修改为 likearticle 就ok了。 整理
dedecms织梦实现点赞功能的最终效果图,本效果采用了ajax异步刷新的效果,点赞时,不需要跳转页面,并且还会记录IP,不会重复点赞: 一、后台执行SQL ALTER TABLE dede_archives ADD zan int(11
使用document.ExecCommand("copy")命令 script type="text/javascript"function copyLink(){ var e = document.getElementById("copy"); e.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("内容复制成
js简单的toast吐司提示封装
以前在5.1版的时候,_archives表中直接有个postnum可以显示共显示评论总数,可是在5.3却把这个字段给去除了,那么如何调出对文档的评论总数呢?找论坛里看到一位朋友的对5.1版时使用JS调用评
dedecms织梦其实是有评论功能的,但是很多织梦模板内容页没有加上,其实添加评论模块很简单的,方法如下: 1、在添加评论的位置用 {dede:include filename='ajaxfeedback.htm' /} 调用 ajaxfeedbac
织梦dedecms评论功能游客可以对文章进行评论。首先找到dede默认模板里的article_article.htm文件
async await:用同步的方式来写异步 async函数返回一个 Promise 对象,可以使用then方法添加回调函数。函数内部return语句返回的值,会成为then方法回调函数的参数。 当async函数执行的时候,
在最新的ES7(ES2017)中提出的前端异步特性:async、await。 什么是async、await? async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,
我爱模板网在开发今日周边项目时,遇到了一个奇葩的问题,就是 apicloud jpush组件的绑定别名方法bindAliasAndTags不执行回调,仔仔细细检查了代码,没有任何问题,key也配置正确了,就是
之前,我爱模板网分享过用asp做一个简单的留言板,可以点击下面链接查看: 手把手教你用ASP制作留言本1 手把手教你用ASP制作留言本2 手把手教你用ASP制作留言本3 手把手教你用ASP制作
我爱模板网在使用apicloud开发APP,遇到一个需求,即长按聊天内容,可以复制。复制功能可以使用apicloud官方提供的模块clipBoard,这个是剪贴板模块,可以管理剪贴板。
我爱模板网在做一个APP项目的聊天时,需要实现发送位置的功能,效果图如下: 聊天发送位置可以用融云提供的 sendLocationMessage 方法。经纬度也好获取,但是,apicloud官方提供的截图工
runphp='yes'运行php,是dedecms织梦的一个比较重要的标签,有时候可能会需要做一些逻辑判断和运算,或者织梦提供的标签做不到,就需要用到运行自定义的php功能。 在runphp='yes'里面,我们
dedecms二次开发之点赞功能,点赞无需跳转页面,采用ajax无刷新效果,并且同一IP只给赞一次,可以有效防止刷赞。先看下效果图: 1、在dedecms后台的系统-SQL命令工具执行下面的SQL语句,
dedecms调用相关文章/猜你喜欢的标签 dede:likearticle 。这是5.7之后新推出的,之前的 dede:likeart 已经无效,只能显示全部文章。把 dede:likeart 标签修改为 dede:likearticle 就ok了,具体使用方法如
dedecms织梦在添加文章时,可以自动生成关键字,也可以自己设置,根据关键字,可以同dede:likearticle配合调出猜你喜欢文章列表,如果每个关键字都加上链接,点击进去可以查看根据关键
在调用文章时,常常会遇到(尤其是自定义字段比较多),该字段可能为空,为空的话最好不显示,用户体验比较好。利用dedecms织梦的 runphp 就可以判断某一字段的值,代码如下: {de
dedecms的评论可能字段不够用,需要自己添加,下面的方法是从网上找到的,经试验可行: 实现方法如下: 1,后台:系统—SQL命令运行器 中输入: alter table dede_feedback add column website v
微信小程序循环嵌套
只有在js文件中定义了 onShareAppMessage 函数时,小程序右上角的菜单中才会有转发按钮。 用户点击自定义的 open-type 为 share 的按钮或者右上角的转发按钮的时候会回调用该函数 该函数内需
我爱模板网在做点在功能时,在本地测试的时候,点击点赞按钮,发送ajax,浏览器出现了错误: Warning: Cannot modify header information - headers already sent by 问题原因:函数 header(),setcookie() 和
上篇文章,我们在本地通过修改 PHP.ini 来解决 Warning: Cannot modify header information - headers already sent by 的问题。但是阿里云服务器和虚拟主机该怎么修改 PHP.ini ?按照下面步骤一样解决:
淘宝客佣金链接,可咨询淘宝卖家设置淘客推广的佣金链接,作为淘客怎么找到这些链接,或者货怎么设置这些链接呢?很多朋友表示不知道,不过没有关系,因为小编已经把具体的信息
uniapp的APP端使用指纹模板做指纹识别功能,需要用到 Fingerprint模块 的地址:https://ext.dcloud.net.cn/plugin?id=358 效果图 使用指纹识别必须具备以下条件: 1、当前设备是否支持指纹识别 2、当
我们在做小程序时,可能会修改对象,例如下面的 list 对象: list: [ { id: 0, name: "张三" }, { id: 1, name: "王二" },] 如果我们需要将“王二”改成“李四”,通常做法是(如果要渲染到页面上
我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使 经过踩坑,得出结论!!! 1.将此方法声明在onLoad中,(如果声明在page外部,
微信小程序官方文档已经介绍了 module.exports 与 exports 的用法,使用方便,下面是截取自官方的内容,但是解释的不明不白: 微信小程序模块化文档地址:https://developers.weixin.qq.com/minip
微信小程序对于toast、modal和actionSheet的支持非常好,类型丰富,而且,效果也不错。如果不是特别的需求,用它提供的这些控件就已经足够了。下面是使用示例代码,直接复制过去就能
js根据经纬度计算距离、根据一个经纬度和距离角度计算另一个经纬度、计算两个经纬度的角度
最近,做了一个微信小程序在线聊天项目,详见: 今日周边小程序用户端 。聊天里面有发送语音,用到了录音功能,刚好小程序提供了录音功能: wx.stopRecordwx.startRecordwx.getRecordManager
本文转载自csdn的加菲猫的狗,实现了微信小程序手动定位,选择位置: 很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,
专题页有利于SEO,织梦后端有专题管理,可以在后台-核心-内容管理-专题管理找到。专题内容就是平时添加的文章。那么,如何在网站首页调用专题呢? 本篇文章就来介绍dedecms织梦专题
前段时间,我爱模板网在做小程序聊天时,采用的融云SDK发送图片必须得是base64,而微信小程序选择图片的方法wx.chooseImage得到的是临时地址,可以采用下面的方法转为base64地址: wx.c
微信小程序的rich-text展示后台富文本编辑器发布的文章时,需要显示图片,page.wxml代码如下
小程序注册完成后,加载页面,触发onLoad方法。页面载入后触发onShow方法,显示页面。首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。当小程序后台运
之前做混合APP,使用的是 sha1加密 ,小程序为了和APP进行统一,也是用sha1进行加密。其实就是用导出的方法: 在utils中的util.js 文件中增加sha1函数后并导出: function encodeUTF8(s) { var i,
穿插一个必备小知识:在文件a.js中用exports或module.exports导出的对象(方法、变量),可以在另一个文件b.js中通过require('./a')引用。 module和exports是Node.js给每个js文件内置的两个对象。可
关于module.exports和exports的区别,我已经在前一篇文章讲过,传送门。 在es5中,用module.exports和exports导出模块,用require引入模块。 es6新增export和export default导出模块,import导入模块。 一
使用export default需要注意以下几点: 1、export default 向外暴露的成员,可以使用任意变量来接收 2、在一个模块中,export default 只允许向外暴露一次 3、在一个模块中,可以同时使用expor
如果页面有多个分享按钮(button 组件 open-type="share"),在onShareAppMessage中如何区分点击的是哪个分享按钮呢?其实onShareAppMessage的res可以获取分享按钮的data-属性,也可以获取id属性,所
在使用dedecms织梦做后台,使用了自定义模型,添加文章时,提示“把数据保存到数据库附加表 `dede_xxxx` 时出错,请把相关信息提交给DedeCms官方。You have an error in your SQL syntax; check the m
今天遇到一个这样的功能:写一个函数,该函数传递两个参数,第一个参数为返回对象的总数据量,第二个参数为初始化对象的数据。如: var o = obj (4, {name: 'xu', age: 21}) // 返回了一个能
今天,陪伴我爱模板网多年的iPhone手机开不了机了,一直卡在logo界面。在网上找了好久,很多人都遇到了这个情况,我爱模板网根据网上的办法,折腾了好久,总算解决了。下面就总结
我爱模板网在用uni-app开发小程序时,需要用 scroll-view 做出如下效果的横向滚动(之前都是 div 套 div 的,外层的 div 宽度 100% , overflow:hidde , scroll-y:auto ,里面的 div 为 display:flex ,不换
dedecms织梦默认的ckeditor不好用,而且也非常难看,而百度编辑器ueditor是使用非常广泛的编辑器,好看,功能强大,之前,我爱模板网就分享过 把DEDECMS默认的编辑器换成kindeditor 。今天,
当我们用JSON.parse()对一个未知的字符串转JSON时,最好对它进行判断,否则如果这个字符串不是JSON格式,会出现下面的错误: Uncaught SyntaxError: Unexpected token a in JSON at position 0 at JSON.parse
微信小程序聊天,使用的是融云的微信SDK,也就是RongIMLib.miniprogram-1.1.3.min.js,其实就是针对小程序修改的js sdk。聊天监听写在了聊天列表页。而聊天页面和它不是一个页面,而融云也不
我爱模板网在用uni-app开发小程序时,需要实现返回顶部的效果,具体来说就是默认第一个tabbar是首页,当往下滚动到一屏时,这个tabbar变成返回顶部,点击就可以滑动到顶端,效果图如
我爱模板网在做今日周边项目时,有个拉黑的功能,拉黑时长是后台设置的,返回的是数字,如:1,2,3。但是展示的时候,需要展示为:拉黑此商家一天,也就是数字必须转为中文,使用
由于小程序提供的RichText处理html dom过于简单,可能会出现一些样式和原文不一致的问题。所以,有时候就要特殊处理,显示富文本。而wxParse就是一个不错的选择。下面就来说说如何使用
我爱模板网在做链猫小程序时,它的产品是直接从京东的接口获取的,而京东的接口返回的产品详情,有点意思,一般两种情况: 1、直接返回一段html,这段html中都是图片,样式都放在
如题,当在百度搜索自己的网站时,搜索结果显示自己网站的logo?如下图: 首先将自己的logo设计的简洁明了,并且符合网站的主题,不能有广告嫌疑,也不能含有大量诱导性文字,而
移动应用中,如何在自己的App中调起第三方的原生地图App,并显示相关的信息,如显示指定的一个坐标位置,显示一个起点到终点的路线查询,等等。 目前几个主要的地图商都提供了自
在小程序的项目中往往需要获取手机操作系统。例如,可能在IOS下需要显示而安卓下不需要显示,这时就要用到微信小程序提供的wx.getSystemInfo接口
今天,api接口换了,但是在微信公众平台没有换,所以,导致用户在使用体验版的时候,数据加载失败,但是将小程序的开发者调试工具打开,就能加载数据,如下图: 我在微信开发平
我爱模板网在做一个app时,需要根据经纬度显示附近的写字楼、商家等POI,并且移动地图的时候,实时更新POI列表,效果图如下: 打开地图、获取经纬度、设置mark的代码就不写了,先看
《300多个JavaScript和网页设计案例》是chm格式的案例文档,解压后打开,可以看到满满的干货。举例:时间日期篇有显示时钟、显示日期、当前时间、距离某天时间、特殊节日、按日期显
有时候,可能需要对dedecms进行二次开发,以满足更大的需求。下面的代码是我爱模板网自己总结的操作数据库的方法
问题描述: 最近在做微信小程序开发的时候,有一个在线拍照上传的功能要做。原本好好的功能,调试代码几次后发现,拍照上传功能失效了。经过不断的排查发现,原来是小程序的本
前面,我爱模板网上传了一篇文章: qrcode.js 生成二维码的js插件 。这个weapp-qrcode.js其实就是qrcode.js的微信小程序版。它的功能和qrcode.js的功能一模一样,使用方法也差不多: 1、在wxm
在做app时,经常会从当前app带参打开其他app,以及从其他app返回当前app,这时就要用到url scheme,下面是我爱模板网从其他网站搜集来的(为了做app打开百度、高德、腾讯、苹果和谷歌地
微信小程序canvas绘图中canvasToTempFilePath出现CreateBitmap问题: 1.问题起因 在一部分性能不强的安卓机上经常会出现这个问题 2.解决方案 当失败时重新调用canvasToTempFilePath方法,直至绘制成功
前段时间一直在做微信小程序的,遇到了许多的坑,其中遇到了需要前端合成图片保存到相册用于分享到朋友圈。借简书记录一下最终解决方案,先看一下最终效果 该文章解决的问题如
js获取base64图片的存储大小,不是获取宽高尺寸哦。 要获取获取base64图片的存储大小,就要知道Base64的编码原理:Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在
网页开发时,常常需要了解某个元素是否进入了 "视口 "(viewport),即用户能不能看到它。 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法是,监听到scroll事件后,
微信小程序input输入框失去焦点时,获取光标的位置
一、订阅消息 简单介绍一下订阅消息的特点: 用户授权就能发送订阅消息,一次授权可下发一次信息,长期订阅消息模板授权一次理论上可以无限下发消息 与旧模板消息发送权限只保
我爱模板网在做微信小程序项目时,需要实现下面的效果 点击左侧的分类,右边的banner和产品列表都要变成对应的内容。但是,在切换的时候,会再warn中警告“current无效”,而且,有
我爱模板网在做今日周边项目时,遇到一个奇葩的需求:输入框输入文字,如果是汉字和中文标点,就算两个长度,如果是英文就算一个长度。而且,输入框要限制:纯中文,就限制1
根据微信官方小程序更新规则,当小程序提交了新的线上版本并且审核通过,用户的小程序不会第一时间更新,冷启动后,会自动更新代码,但是需要等到第二次冷启动后才会使用新版
我爱模板网在做一个小程序商城时,需要实现一个功能:用户ID+店铺ID链接生成唯一的标识符,同时又要是纯数字。用户ID+店铺ID生成字符串效果类似于:0e94606c592741f996dc186f4067272574078f
我爱模板网需要将用户的ID和商铺ID链接起来,并且生成不超过19位的字符串,想到了使用MD5的方法,在网上找到了个MD5.js,此MD5加密方法,直接继承于String,可以将字符串加密成16位和
pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面。 注意:仅改变网
下面的代码,可以在微信公众号,点击返回箭头以及在安卓物理键返回时,提醒用户是否返回。主要用到了 html5 pushState 方法,代码如下: let state = { title: "title", url: "#" };window.history.pu
在做开发的时候,倒计时的需求是很常见的,比如订单待提交和待支付都会有倒计时,市面上的兼职软件在领取任务后都会有倒计时,登录注册中获取验证码的时候也会有倒计时,有的
《nodejs入门》是一篇非常不错的nodejs入门教程,本文通过实现一个上传功能的案例,详细的讲述了nodejs的http模块、fs模块等的使用。本教程作者Manuel Kiessling。教程下载地址: https://pa
微信小程序引用字体的两种方式: 第一种是转换成base64的,但是太占用空间,不推荐使用; 第二种方法是,通过引用服务器上的url。 方法一:不推荐使用 1、找到字体包ttf、eot、svg、
我们一般用java做Swing项目的时候一般都是只能在Myeclipse里面运行,那么怎么把我们的项目打包成exe可以直接双击运行呢? 初始工作:为了不让用户安装java环境,所以我们先新建一个文件
前面我们讲到了将Swing项目编译成双击可执行的文件exe,这篇我就教大家怎么把exe打包成需要在电脑安装的那种,首先需要一个工具,Inno Setup 编译器, 下载地址 ,我这个是汉化版的,
Object.freeze() 方法可以冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可
es6之扩展运算符 三个点(…)之对象的扩展运算符 理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝
前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是
如果你有个对象user,user下有address,address下有street,输出street可能会这样写: return user.address.street 但是当这个address不存在,比如后台没有返回,即undefined,这时上面的代码就会报错:
js获取当前月份的第一天和最后一天的日期代码
Vue2-Editor是一款基于vue的非常好用,界面简洁的富文本编辑器插件。
js变量作为数组对象的键值方法,变量键值获取数组值。js也可以像php的数组一样用下标获取数组的值
js如何获取到本周的第一天和最后一天,本月的第一天和最后一天以及本季度的第一天和最后一天 1、首先来一个自己公司项目的源码: 项目需求描述: 从20150712日开始。 需求①:根据当
echarts中datazoom配置参数
下面这段代码,是我爱模板网在做webapp和h5经常用到的基于vue的上拉加载显示更多的代码,其中,data里面的参数都介绍的非常详细了,func.api是封装的ajax方法,apiConfig.getFollowMemberFollow
下面的正则,可以显示末尾四位,其他位数都是*号,并且每四位隔开(**** **** **** 1234): var data = "3265986532146598";console.log(data.replace(/\s/g,'').replace(/(\d{4})\d+(\d{4})$/, "**** **** **** $2"))//最后
原生js和Vue实现input file选择图片时,预览选择的图片的方法,用到了 createObjectURL 方法和 readAsDataURL 方法,前者是blob url,内存中的图片地址,后者是base64格式: html的createObjectURL方法:
前言 后台管理系统,需要这个功能点的特别多,但Element UI 的table组件本身是不提供的,所以需要自行拓展一下。 在这里,给大家写一个简单的示例,希望对小伙伴们有所帮助。 先看看
阿里云OSS图片地址后面跟上参数控制图片大小和分辨率实现图片压缩。x-oss-process,请求图片附加参数不一样,显示大小和分辨率跟着改变,这里着重介绍下参数的详细使用方法: 先来看
数组删除第一项,数组删除最后一项,在数组头部添加项,在数组尾部添加项,数组排序等相关操作:
2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。虽然 ES6 提出了许多激动人心的新特性,但由于目前许多浏览器不支持或者支持不好,没有普遍地推广起来。而 Babel 的出现,让我们可以
一、环境搭建 1,安装 nodejs 由于Babel 需要借助 npm 工具来安装,那么首先需要安装 nodejs。地址:https://nodejs.org 将下载下来的 pkg 文件运行安装即可。 在终端运行 npm -v,如果出现版本号
一、babel-polyfill 介绍 1,babel-polyfill 的作用 Babel 默认只转码 ES6 的新语法(syntax),而不转换新的 API,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些
PDFObject是一款非常优秀的PDF在线预览js插件,在之前我爱模板网已经介绍过:pdfobject.js——一款在线预览PDF的js库http://www.5imoban.net/texiao/other/202005143842.html。今天讲解它在vue中的使用方法
现在每个页面的左上角有一个返回按钮。点击时的代码是 this.$router.back(-1) ,返回上一个路由。但是我们现在有这样一个需求,把其中某一页分享出去,用户打开时并没有上一条路由的历
在实际开发中,经常会遇到导入Excel文件的需求,有的产品人想法更多,想要在前端直接判断文件内容格式是否正确,必填项是否已填写 依据HTML5的FileReader,可以使用新的API打开本地文
在开始运行下面实例前,我们需要先去下载 js-xlsx 库文件。你可以访问 https://github.com/SheetJS/sheetjs 地址去下载,下载成功后将下面的代码保存到 demo.html 文件。代码如下: !DOCTYPE htmlhtm
本实例将定义一个 data 的二维数组,然后使用 xlsx 库将数据导出到 excel 中。实例代码如下:
x-xlsx 合并单元格使用“!merges”特定关键字,格式如下: [{ s: { // s 开始位置 c: 0, // 开始列 r: 0 // 开始取值范围 }, e: { // e 结束位置 c: 3, // 结束列 r: 0 // 结束范围 }}] 其中: s 应该是 st
js-xlsx 格式化单元格是在单元格数据中添加一个 key 为 s 的 json 对象。配置如下: var datas = { A1: { v: '数据', s: { font: { sz: 14, bold: true, color: { rgb: "FFFFAA00" } }, fill: { bgColor: { indexed: 64 }, fgCo
js-xlsx 手动设置宽度
js-xlsx是一款非常好的读写excel、xlm、csv等文件的js前端库,这里是它的vue版本读取excel数据的使用方法: 安装: npm install xlsx --save 引入: import XLSX from 'xlsx' 布局,使用elementUI上传组件:
elementUI标签页的el-tab-pane里面放了echarts,在打开后,即使没有切换到含echarts的标签页,它也执行了。我们都知道,echarts渲染时,需要获取外层div的尺寸来自动设置echarts的尺寸,如果没
下面的正则表达式,能够验证手机号码,还能验证规则为“0551-12345678”这种格式的电话号码,“-”前面是0开头,后面跟着2-3位数字,“-”后面是7-8位数字
对于switchTab,一开始就以为是简单的切换底部的tab选项卡,仔细看下,其实可以从其他页面切换到tab页,并且关闭其他不相关的页面。这个很重要,必须在page.json中,配置的第一个页面
uni-app开发微信小程序时使用vant weapp库的方法: 下载Vant Weapp 下载有2种方法: 方法1:克隆Vant Weapp的仓库,运行下面的命令将仓库克隆到本地 git clone https://github.com/youzan/vant-weapp.git 将
因为项目分为web端和小程序端,而echart又能满足项目中变态的效果,web端好解决,小程序端被坑了好长时间,下面记录完整过程: 1、创建一个空的文件夹如:test-echarts。 2、进入 test-
elementUI是一款非常好用的基于vue脚手架的后端框架,表单验证非常好用。但是,今天我爱模板网在使用它进行日期验证的时候出了问题
FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单enctype属性设为multipar
Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 要从其他
借助js的Blob对象FormData对象可以实现大文件分片上传的功能,关于Blob和FormData的具体使用方法可以到如下地址去查看 FormData 对象的使用 Blob 对象的使用 以下是实现代码,本例中后端代码
我爱模板网在做国祯项目时,遇到一个需求,即在客户的小程序项目的首页,显示公众号的文章,如下图: 倒腾了一个小时,总算倒腾出来了,现在做下记录: 1、查看小程序和公众号
v-viewer是一款基于vue的点击图片放大预览插件,支持左右切换上一张下一张图片,支持缩放图片、按住拖拽图片、预览图效果,斜切、旋转图片等功能,界面美观,还支持手机端,是一款
uni-app是基于vue的,所以,在一开始要实现按下键盘的enter键,使用了如下的方法:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
关于vue子组件调用父组件的三种方法: 第一种方法 直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 template div child/child /div/templatescript import child from './components/dam/child'; e
今天我爱模板网在用uni-app做一个健康项目时,在第二个页面更改内容,然后需要刷新前一个列表页,我依稀记得uni-app提供了一个$emit,是可以发送全局事件的,于是在后一个页面写:
之前我爱模板网总结过 阿里云OSS图片地址后面跟上参数控制图片大小和分辨率实现图片压缩 ,腾讯云其实也可以,只不过参数不一样: 接口形式 imageView2/mode/w/Width /h/Height /format/Format
一、Object.keys(obj) 参数:要返回其枚举自身属性的对象 返回值:一个表示给定对象的所有可枚举属性的字符串数组 1、处理对象,返回可枚举的属性数组 let person = {name:"张三",age:25,addr
一、语法 Object.keys(obj) 参数:要返回其枚举自身属性的对象 返回值:一个表示给定对象的所有可枚举属性的字符串数组 二、处理对象,返回可枚举的属性数组 let person = {name:"张三",ag
在element-admin项目中,有个icons目录,里面有个index.js文件,有这样一段代码: const req = require.context('./svg', false, /\.svg$/)const requireAll = requireContext = requireContext.keys().map(requireContext)requireAl
String data,right truncated:1406 Data too long for column 'content' at row 1
Vue处理边界之$root、parent、$refs(下面的功能都是有风险的,尽量避免使用) Vue 子组件可以通过 $root 属性访问父组件实例的属性和方法 div id="app" root-obj/root-obj/divVue.component('root-obj', {
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过,穿透scoped。 有些Sass 之类的预处理器无法正确解析。
我爱模板网在做国祯E健康项目时,遇到了一个问题,即通过wx.login得到的code,通过接口去换取openid和unionid时,得到的是40029的结果,unionid和openid的值都是null,这大多数都是因为前端的
在使用uni-app做小程序授权登录时,遇到了下面的错误提示: Component “components/templogin/templogin” does not have a method “bindGetUserInfo” to handle event “getuserinfo”. 从字面上的意思,“bindGet
引言 经常在工作中使用到了各种认证方式,但从未考虑过这些认证方式所属的知识范畴,同时也解释不清楚它们。 曾用到的认证方式(看看是否您也用过,但很难解释清楚他们):
微信小程序的 getWeRunData 接口可以获取“微信运动”最近三十天的步数。简单来说主要下面几步: 1、调用 wx.login 得到 session_key ,后面解密运动步数需要用到。由于 session_key 静默登陆即
echarts是优秀的图表插件,它的formatter可以设置漂亮的tooltip,通过function实现个性化定制。下面的代码就可以实现下图的效果。其中,param是鼠标移动到图形上的当前参数,可以用它来实
第一种超级省事的方法就是利用正则 方法如下: //获取get传值的方法function getQueryString(name) { var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !
后台添加的富文本标签,经常会需要解析,可以通过 wxParse 插件,但是,有时候可能不需要显示,这时就要用正则的方法将它们都去掉: 在需要进行去html标签的wxml内加入下面的代码:
在做项目时,经常会遇到手快重复点击,重复发送请求的情况,这里是从网上找的一段代码,可以给element-ui的button加上防止重复点击的自定义指令,不用一个一个去写防止重复点击的方
在使用 js-xlsx插件 来读取excel时,会将2018/10/16这种数据读取成类似于48264的number格式,而日期通常是字符串格式。遇到这种情况,通常有两种方法: 一、将excel文件中的日期全部改成文本
之前,我爱模板网分享了 apiCloud调用百度和高德地图进行导航 。这次的app是使用uni-app实现的,并且也需要实现相同的功能,下面是点击导航按钮的最终效果: 通过传入经纬度、地址(地
1、制作缩略图的函数 imagecopyresampled(dest,src,dx,dy,sx,sy,dw,dh,sw,sh) 说明: dest 目标画布 src 原图(要缩略的图片) dx,dy 目标画布上的一个点 sx,sy 原图上的一个点 dw,dh 画布的 宽高 sw,sh 原图的宽
需求: 当向后端请求接口返回 403 的时候,直接跳到登录页面让用户登录 实现方案: 在请求结束后拦截器中判断,如果是 403 就跳转 遇到难题: 一级页面(我的) onShow() 中有接口请求,用户在没
我爱模板网在用uni-app做一个维修app时,里面有个功能:维修完,要拍摄现场照片,打上水印,进行上传。百度了下,找到了下面的代码,进行整理后成功实现! wxml文件 !-- 拍照上传图片
我爱模板网在《 flutter 在vscode Terminal打包安卓apk 》中略微提到了生成安卓秘钥的方法,但不详细。 今天又遇到了这个问题,折腾出来了,这里再详细记录下android生成key.jks秘钥证书和通
我们都知道,web端和公众号,如果实现扫码获取code,必须在扫码后跳转到线上地址,调用线上接口,才能解码code,如: getWechatCode:function(){ var that = this; var url = encodeURIComponent('http://ww
ECharts创建图形时,控制Y轴数据只显示整数: 在创建柱形图时,Y轴数据默认是有小数点的,如下图: 如果不显示小数,只显示整数可以设置minInterval属性成1保证坐标轴分割刻度显示成整
echarts三种方法解决x轴标签文字过多导致显示不全。 echarts如果x轴标签文字过多,导致显示不全: 如图: 下面介绍三种方法,来解决这个问题: 解决办法1:xAxis.axisLabel 属性 axisLabel的类
无论是什么样的系统,大多数都会有用户登录功能,这是非常常见的功能,只要你是开发人员就会碰到。 作为最常见的功能,ThinkPHP6似乎更像出现了BUG一样。当使用Base公共控制器判断没
后台一般都需要登录,不登录浏览自动跳转到登录界面。所以首先就想到让后台所有需要登陆的界面都继承一个common类,然后再common类的initialize中判断是否登录,如果未登录,用redire
我爱模板网在做微信小程序时,后台传过来一段html,不是很复杂,就没有用 wxParse 了,而是直接用的 rich-text 。但是我发现,后台返回的内容很长,可是显示到页面中,只显示了部分。
很多程序员朋友都会遇到这样的问题,看一个离线版的帮助文档(chm文件),总会产生一个索引文件(该文件的chw文件),而且有些chm文件在编译时遗留的问题,可能会导致一些排版无
实例 检测数组中是否有元素大于 18: var ages = [3, 10, 18, 20];function checkAdult(age) { return age = 18;}function myFunction() { document.getElementById("demo").innerHTML = ages.some(checkAdult);} 输出结果为: true 定义和
受现代 JavaScript 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它
PHP中 private 和 public 还有 protected 的区别: public 表示全局,类内部外部子类都可以访问; private 表示私有的,只有本类内部可以使用; protected 表示受保护的,只有本类或子类或父类中可
这里是thinkPHP5配合PHPMailer-5.2.24,给邮箱发送邮件的具体步骤(亲测,可行): 1、在自己的邮箱设置中,开启SMTP服务,以163邮箱为例: ①、登录邮箱,在侧边栏找到“邮箱中心”后面的
php合并数组array_merge、array_merge_recursive、array_combine详解: 1.合并数组 array_merge()函数将数组合并到一起,返回一个联合的数组。所得到的数组以第一个输入数组参数开始,按后面数组参数
在微信公众号里边的调用JSSDK接口,从而实现在微信公众号里边进行图片的上传(可以选择拍照,也可以选择本地的相册),大致流程就是,点击上传的图片,开始调用chooseImage()接口,
uniapp打包成H5,放到服务器访问空白,本地打开也空白,在调试工具中发现js加载全部出错: 解决方法很简单:点击“发行”-“网站-H5手机版”-“高级按钮”,进入到manifest.json的h5配置
解构是ES6新加的解构功能,可以使得我们获取数据更方便,从而提高日常编码效率。 解构可以用于对象,也可以用于数组,这篇文章我们只讲在对象类型上使用解构可以做哪些事情:
前言 Selenium多用于系统的自动化测试,但有时候也可以用来做一些类似外挂一样的东西,比如定时打开某个网站去做一些操作,在不久前的项目中由于需要定时(实际是我方系统检测到
php正则表达式有匹配输入和匹配全文两种: preg_match() 和 preg_match_all() 。 手机号码的规律通常是:长度11位、1开头、第二个数字是“ 345789 ”
之前,我爱模板网写了一个 js+dom的日历教程 。最近在做一个基于element ui的项目,需要用到日历,但是需要深度定制。比如显示工作计划等。element-ui自带的日历放在node modules里面,不好
方案一:instanceof 变量 instanceof 类型 返回的是布尔值 true falsebr例: var a = [] a instanceof Array 方案二:原型prototype + toString + call() 首先: Object.prototype.toString.call(variable)来判断,返回值是字符
今天,我爱模板网来到公司,打开电脑,连接了无线网,发现无法上网,右下角无线网显示叹号。可能是ip冲突了,于是进去无线网属性,发现ip是自动获取的。而且,手机连接这个无线
echarts获取图片base64字符串
我爱模板网在使用echarts时,要实现左侧显示柱状图,右侧显示饼图,左侧柱状图里面有个线条总计,右侧不能显示,效果图如下: 如果直接套用官网的效果,那么柱状图和线条的数据,
echarts 图表中经常需要对不同的颜色设置图例标识不同的意义,而仪表盘的指针只存在一个值,如何表示不同颜色的意义,官网配置项并未给出该功能; 不同段的颜色是通过axisLine-line
PHP isset函数作用 isset函数是检测变量是否设置。 格式:bool isset( mixed var [, mixed var [, ...]] ) 返回值: 若变量不存在则返回FALSE 若变量存在且其值为NULL,也返回FALSE 若变量存在且值不为
PHP使用内置函数file_put_contents写入文件及追加内容的方法: 以追加形式写入内容: 当设置 flags 参数值为 FILE_APPEND 时,表示在已有文件内容后面追加内容的方式写入新数据: ?php file_pu
在ThinkPHP6中如何设置全局常量,其实和之前的版本是一样的,即在入口文件index.php文件设置: define('IMG_UPLOADS',__DIR__ . '/../public/uploads'); //图片上传路径 代码如下: 在文件中获取全局常量
一、概述 FormData类型是XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据提供便利。 作用: 1.利用一些键值对来模拟一系列表单控件:即将form中的所有表单元素的
blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码
借助js的Blob对象FormData对象可以实现大文件分片上传的功能,关于Blob和FormData的具体使用方法可以到如下地址去查看 FormData对象的概述与使用 js中关于Blob对象的介绍与使用 以下是实现代
获取页面内容,不直接输出到页面, CURLOPT_RETURNTRANSFER 参数设置 使用PHP curl获取页面内容或提交数据,有时候希望返回的内容作为变量储存,而不是直接输出。这个时候就必需设置curl的
一、curl拓展下载: composer require curl/curl 二、安装https证书: 1、要首先在php.ini中开启 curl,才能用php调用接口 2、必须要ssl安全证书 ssl证书配置方法: a、免费证书下载地址:https://cu
uni-app的H5端map组件默认使用的是腾讯地图,首先需要在腾讯申请key,然后在manifest.json的H5配置key。因为uni-app官网已经说明:map组件的@tap点击地图时触发事件仅App-nuve、微信小程序2.9支持
uni-app的APP端实现的点击获取map经纬度和地址,并在点击的地方显示markers。这里要注意,在打包成正式的app,需要申请安卓和IOS高德appkey。并且将manigfest.json-App模块配置-Maps-高德地图勾选
gta5 圣安地列斯和罪恶都市鼠标无法控制人物解决方法。这里以罪恶都市为例(圣安地列斯同理)。运行罪恶都市,然后回到桌面,按Ctrl键+Alt键+小键盘.键打开任务管理器,或在电脑任
树状结构的业务 今天咱们要讨论的树,它不是现实结构的树,也不是数据结构要讨论的树,而是「从业务视角抽象出来的树形结构」。 树形结构可以用在很多的业务上,比如组织结构
thinkPHP5 实现token生成、验证和登录: 1、首先在数据库的 users 表中添加两个字段 1): token 2): time_out token 用于存储用户的 token time_out 用于设置用户 token 的过期时间 2、创建函数: checkToken
thinkPHP5的$request-header()方法并没有header的Authorization值,但是发送请求头部有的: 解决方案: 在.htaccess 文件中加入 设置 SetEnvIf Authorization ^(.*) HTTP_AUTHORIZATION=$1
ECharts非常详细的仪表盘案例,注释非常详细,比看官方文档过瘾。下面是效果图: 下面是相近的代码 html容器
做开发的,都知道电脑用时间长了,会配置一堆环境,如果更换操作系统,之后要安装一系列软件,配置一系列环境,非常麻烦。 如果采用升级的方法,就不会出现这些问题,只是把系
ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我
我爱模板网前几天升级了自己的操作系统,从 win7升级到了win10 ,环境、软件全都可以用,不需要重新安装和配置。但是,由于win10在权限方面可能更加严格,导致很多地方不能访问。首
之前,我爱模板网做了一个功能: uni-app H5端实现移动地图显示当前地图中心位置的坐标和地址 。但是上线之后,发现IOS下问题比较大: 1、经常无法获取经纬度 2、如果定位了,无论成
我爱模板网在之前发过过关于 车牌号键盘的js插件 ,但这个是基于jQuery和layer-mobile的,如果用在vue项目中,感觉不太划算,毕竟要引入这么多,还要使用jQuery库。还好,在《简书》找到
登陆时生成token和刷新用的refresh_token,返回给客户端,客户端收到保存本地localStorage等,每次访问接口带上token,后端验证token存在并且一致后方可执行接下来的动作,假如不存在就返回
目前谷歌浏览器、Microsoft Edge支持文件夹上传,具体操作方法是:在input type="file"上加入一个属性:webkitdirectory后才支持: input type="file" name="file" webkitdirectory / 加入webkitdirectory后的效果可
什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到,这也就是我们本次要实现的效果,进入页面的时候,只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页
中文状态下,php的md5和js的md5不一致,主要是编码造成的,这里就不说转换编码了,麻烦,直接将php和js的中文转成字符就能解决了: php下md5: md5(urlencode('中文内容')); js下md5: md5.hex_
作为PHP常用的加密方法MD5 在加密相同字符的数字与数字字符串是出现的不一致问题 例 echo 'int :'.md5 (1046191101562142034).PHP_EOL;echo 'string:'.md5 ('1046191101562142034').PHP_EOL; //结果int :87ab7e2de7b9732
在项目中遇到了上传文件,同时要附带此文件的md5,其实文件的md5就是文件二进制md5,用spark-md5.js+FileReader就能实现: 首先要做的当然是在html文件中引入spark-md5.js咯,根据自己的需求可
WFPlayer.js和wavesurfer.js都是能够实现音乐播放波峰图效果的js插件。 wavesurfer.js : 实现的效果图如下: 代码如下: script src="./wavesurfer.js"/scriptdiv id="waveform"/divscript var wavesurfer = WaveSurfer.c
vue页面在刷新之后,router传参用this.$route.query无法获取参数,刷新之前是可以获取的。 先看下传参代码: this.$router.push({ name: 'admin/', query:{ accountInfo:data.data, }}) 获取参数,初次载入 conso
php并没有提供关于如何判断数组是否为索引数组,可以使用下面的函数来实现
在逛cnblogs时,看到的一篇文章,写的太好,就转载了: html5 AudioContext音频处理,绘制音乐波峰图。先看下效果图: 本例子可以工作在最新的Chrome及Firefox浏览器下,其他未测试。点击
js ArrayBuffer和Array区别: 区别: 1、数组里面可以放数字、字符串、布尔值以及对象和数组等,ArrayBuffer放0和1组成的二进制数据 2、数组放在堆中,ArrayBuffer则把数据放在栈中(所以取数
我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码;在这我们引用的一张图片如下: var img = "https://img.alicdn.com/bao/uploaded/TB1qimQIpXXXXXbXFXXSutbFXXX.jpg"; 我们如下编写代码:
将图片的绝对路径转换成base64编码,请看 这篇文章 我们先来理解基本知识点: 1. 理解HTML5中的FileList对象与file对象。 在HTML5中,FileList对象表示用户选择的文件列表。通过添加multipe属性
假如后端传过来一个 a.jpg 图片文件,但这个文件的数据类型是 ArrayBuffer,想要用 URL.createObjectURL 展示图片,如何做到? createObjectURL 函数的参数是 File 对象、Blob 对象或者 MediaSource 对象
在用thinkphp6写一个项目的接口时,需要用wxacode.getUnlimited获取小程序码,代码如下: //获取小程序码$curl = curl_init();curl_setopt($curl, CURLOPT_URL, 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_to
PHP如何判断变量是否为null,总结下,有以下几点: 1、判断一个变量是否为null直接用"==="就可以了 2、empty 判断一个变量所存储的内容是否为零或者为空, 0、"0"、null、false、array()、va
关于在宝塔运行ThinkPHP项目时,接口404的解决办法: 首先说下,据说php5.4没有问题,线上和线下版本一致就没这个问题,不用像下面那样配置。我朋友是这样,但我爱模板网遇到了这个
一、“内容为王” 做baiseo,内容的du作用不容忽视,试想一下,如zhi果一个网站连基dao本的内容都没有,那么你让网民来浏览些什么,内容的充实,原创,是seo工作的重中之重。网站的
js的字符串有indexof方法,可以查询到当前字符在字符串中出现的位置,php也有: strpos 函数 定义和用法 strpos() 函数返回字符串在另一个字符串中第一次出现的位置。如果没有找到该字符
我们在日常PHP数组开发中,很多项目中都少不了对数组的排序,那么在PHP数组中有几种排序的方法,分别是:asort()函数和ksort()函数,今天一一跟大家介绍! 第一种方法:asort() asort()函
php对多维数组进行排序,假设有下面的多维数组,现在要对每个item的id进行升序和降序排序: ?php$data = [ [ 'id' = 1, 'name' = '张三', ], [ 'id' = 2, 'name' = '李四', ], [ 'id' = 3, 'name' = '王二', ],];
打开vs code后一直显示 Flutter Setup: Running pub upgrade.. Flutter Setup:Building flutter tool... flutter doctor也失败,提示 :Building flutter tool... Running pub upgrade... 系统找不到指定的路径 解决办法: 删除
Flutter upgrade升级一直停留在 Running pub upgrade...,我用的是VPN,也不行。使用 Flutter Setup: Running pub upgrade 这个方法也不行。 最后用国内镜像解决了。方法: 1、计算机-属性-高级系统设置
vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。
1.javascript模块规范 CommonJS 主要用于服务器端编程,比如node.js的模块系统,就是参照CommonJS规范实现的。在CommonJS中,有一个全局性方法require(),用于加载模块。 引用一段代码: // pack
在写这篇文章之前,先来个前提条件:因为这个项目是警用项目,只有内网能用,其次是请求的时候要经过一个中转,而这个中转就导致了无法发送文件,只能以base64传输。也就是说,
apicloud、uni-app都有获取状态栏和安全区域的方法,flutter当然也不例外: flutter获取状态栏高度的代码如下: final double statusBarHeight = MediaQuery.of(context).padding.top; 而安全区域,就是适配现在
本文通过Android Studio连接真机调试flutter程序,Vscode如果想真机调试,也能够通过Android studio来实现。 打开 Android Studio,找到 tools-SDK Manager,在打开的SDK Manager界面,选择SDK Tools选项卡,勾
工作中遇到了HTML5公众号,需要拾取图片,识别图片中的身份证号、驾驶证。也就是ORC。注册了百度的ORC,将图片转为base64,直接使用百度的ORC接口实现了。估计将来可能还会遇到,于是
有时候想写出只能被继承使用的类,这时候就要用到new.target 1、含义: new.target返回使用new方法调用类时的类的名称,子类继承父类时,new.target会返回子类 class Rectangle { constructor(length
dart笔记1:dart命名构造函数fromJson、toJson
dart笔记2:顶部tabbar
dart笔记3:flutter的下拉刷新,上拉加载
dart笔记4:flutter折叠菜单
dart笔记5:重构override+画圆
dart笔记6:重写操作符
这里是ThinkPHP5.0 PDF格式的手册下载。 手册目录: 零、序言 一、基础 二、URL和路由 三、请求和响应 四、数据库 五、查询语言 六、模型和关联 (1)模型定义 (2)基础操作 (3)读取
mysql中bigint、int、mediumint、smallint 和 tinyint的取值范围详解
dart笔记7:dart abstract抽象类
dart笔记8:dart abstract抽象类和接口实现多继承效果
dart9:dart mixin的with混入:接口 implements 和 mixin的with混入,都可以继承,但是,implements继承后,必须强制重写继承类所有的方法,而混入只需要重写自需要的方法即可。
dart笔记10:自定义异常
dart笔记11:dart Future microTask和eventTask
dart笔记12:Future.delayed延迟任务
dart笔记13:用future实现等待多个任务完成后,再得到所有的执行结果
flutter上拉刷新下拉加载示例
dart笔记15:通过periodic创建stream流
dart笔记16:stream流创建的另外三种方法
stream流的listen监听、forEach循环、where筛选。
stream流的transform转换
基于stream流的Flutter StreamBuilder组件
基于Bloc stream流实现数据处理和UI渲染分离
1、main()是Dart程序必需的顶级入口函数 2、没有public、protected、 和 private关键字。如果名字 以下划线(_)开头,则是库私有成员 3、Dart中一切皆对象,故没有初始化的变量的值为null 4、
1、类型测试操作符 操作符 描述 as Typecase(类型转换) is 如果对象是该类型,则返回true is! 如果对象是该类型,则返回false is的使用如下:如果person是null或不是一个Person,则不执行判断里
dart笔记21:BlocProvider工具实现管理多个stream流,此笔记代码是基于“ 基于Bloc stream流实现数据处理和UI渲染分离 ”代码的基础上进行的修改,通过实现BlocProvider类,来管理多个stream流,
dart笔记22:Isolate使用案例
flutter大大简化了isolate的使用方法,通过引入foundation.dart来使用isolate,通过computed来创建isolate。使用起来就像js的worker一样。 isolate不能滥用,只有非常耗时的任务(如图片裁切、数据加
一、@deprecated 被弃用的 使用时,代码提示会有删除线,但能正常使用: void main() { Mobile mobile = Mobile(); // ignore: deprecated_member_use_from_same_package mobile.netWork2G();}class Mobile { @deprecated void ne
1、在 pubspec.yaml 添加三个依赖: json_annotation :添加在 dependencies 下,自定反序列化处理库,即用注解(元数据)处理JSON的工具: @JsonSerializable :实体类注释 @JsonKey :实体类的属性注释
1、下载安卓studio,安装会自动安装安卓SDK,默认路径:c:\users\用户名\AppData\Local\Android\Sdk。如果此目录下没有,则手动下载,并且在安卓studio的File-setting-Appearance Behavior-System Settings-And
dart中,通过使用part、part of、library来实现拆分库,这样,就可以将一个庞大的库拆分成各种小库,只要引用主库即可,用法如下: 假设有三个文件,两个子库calculator和logger,一个主库
dart export导出和拆分库很像,在上一节,有三个文件,calculator.dart、logger.dart和util.dart,这里依然使用这三个文件,用util.dart导出这两个文件: calculator.dart代码: import 'dart:math';int add(i
我爱模板网在用真机调试时,请求本地接口,发现提示下面的错误: E/flutter ( 9416): [ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: SocketException: OS Error: Connection refused, errno = 111, addre
flutter Provider.of without passing `listen: false`.
Flutter笔记1:Provider的使用详细笔记如下,其中遇到了一些坑,比如: ChangeNotifierProvider(create: (_)=Counter()) 1、这里的create是新版本的,老版本是build,而教程是老版本 2、这里的listen参数是
Align-对齐组件的常用属性
AppBar就是app的顶部标题栏,但是,不仅仅限于顶部,可以放在其他地方,可定义左侧按钮,中间标题和右侧按钮: class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { retur
本文简单实现了通过BottomAppBar底部应用栏和floatingActionButton实现中间凸起的底部导航栏效果,底部应用栏(导航栏)除了BottomAppBar,还有BottomNavigationBar,这里采用BottomAppBar实现的效果
BottomNavigationBar是设置底部导航栏的wiget,和BottomAppBar很相似,通过BottomNavigationBarType属性,有两种选中样式可选,一种是改变颜色表示选中效果,一种是通过是否显示文字体现出来: c
DecoratedBox装饰盒子,是用来给别的容器进行装饰的widget
FittedBox内容填充模式,就是对内容进行裁切、压缩等,以适应与子容器的大小,有点类似于背景图片的填充
RotatedBox旋转Widget
Flutter的DropdownButton下拉框组件和html的select下拉选择框非常类似
FloatingActionButton可以放在Scaffold的floatingActionButton属性中使用,也可以单独拿出来作为独立的Widget使用,FloatingActionButton还有个扩展的功能,可以做出带文字+图标的效果的按钮: class MyA
Flutter的button有:FloatingActionButton、IconButton、OutLineButton、FlatButton等,它们的很多属性和方法都是一样的,这篇文章是比较常用的FlatButton扁平化按钮,可以用来做图标按钮、普通文字按钮
IconButton图标按钮,属性和方法详解
Flutter按钮之OutlineButton线框按钮,就是边框按钮,其实用其他类型的按钮也能模拟出线框按钮效果。它分为有图标的线框按钮和无图标的线框按钮: class MyApp extends StatelessWidget { @overrid
Flutter笔记14:RaisedButton凸起按钮
前面介绍的按钮都是继承于 MaterialButton,而 MaterialButton都自带了一些样式,MaterialButton又是继承自RawMaterialButton,RawMaterialButton即无默认样式的按钮
ButtonBar末端对齐按钮容器有点类似于CSS3中的flex容器,能够通过alignment对子元素进行排列。ButtonBar主要对按钮进行排列,当然,如果要对其他容器,如Container等进行排列,也可以 class M
Card组件+ButtonBar实现购物车效果
flutter CheckBox复选框案例
CheckBoxListTitle复选框实现全选全不选
Chip组件非常强大,包括普通的Chip、ActionChiop、FilterChip、ChoiceChip,普通的Chip相当于tags标签,而且,这个标签还可以设置头像、图标,还有删除回调,而ActionChip则相当于可点击的Chip,
Flutter的showDatePicker和showTimePicker方法,可以调用原生的日期选择框和时间选择框,两个方法都是Future方法,因为选择的结果需要等待选择完毕才能得到
Dialog是普通弹窗组件,可定制性非常高,子元素可以放任何内容,按钮可以任意自定义。Dialog仅仅是一个弹窗。其实Dialog完全可以实现下面三种Dialog,只不过需要布局,比较麻烦。 Ab
Expanded和Flexible组件都是填充组件,都是配合Row或Column或Flex组件使用,决定剩下的空间如何分配,Expanded会将剩下的空间填充完,但Flexible不会
FlexibleSpaceBar可折叠的应用栏,必须在SliverAppBar的flexibleSpace属性中实现,单独使用没有意义,具体表现效果为上拉的时候,FlexibleSpaceBar会自动折叠,仅显示标题,以便于查看NestedScrollV
GridView、GridTile、GridPaper组件案例,GridTile、GridPaper不一定要放在GridView里面,这里只是为了好看。 GridView网格布局,GridTile为带标题、内容和底部的组件,而GridPaper和GridTile很像,只不过
Grid网格组件创建的方法一共有四种之多,每种都有自己的特色,有的是设置一行列数,有的是根据单个元素的宽度和一行的总宽度来决定一行显示几个,下面是四种主要的创建方式,前
Flutter图标、图片图标ImageIcon和IconButton图标按钮详解
Flutter的IconData可以自定义字体图标,Flutter的Icons自带的字体图标其实就是封装的IconData。
IconTheme图标主题通过data属性的IconThemeData可以对图标进行更加强大的设置,可以在顶层就定义好,这样整个项目的Icon颜色、透明度等风格都能同一,这里进行简单的使用示例
在assets目录,放不同分辨率的图片,如1.jpg、2.0x/1.jpg、3.0x/1.jpg,在pubspec.yaml中引入此图片
DecorationImage装饰图片主要配合BoxDecoraion使用,相当于给容器加背景
ImageFile本地资源图片,和AssetImage不同,前者是显示手机中存储的图片,而后者是显示app内的图片,需要在pubspec.yaml中设置图片路径
概览 图片常用的格式主要有bmp,jpg,png,gif,webp等。图片也是一种二进制文件,每种格式的图片都由固定的头信息和真实数据块组成。图片原始数据每个像素在内存中的占用一般从2byte-4by
Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded
Flutter Column和Row水平垂直布局组件,属性方法都一样,只不过把主轴和交叉轴进行了交换
Container和html的div非常想,是非常常用的组件,Container如果不设置宽高,默认占满父组件,这和css的div不一样
ListBody常常配合Row实现宽度不同的水平排列,或者配合Column实现高度不通的垂直排列,还可以根据自身的reverse属性实现列表内容的正序或倒叙排列。也可以和ListView配合使用
Flutter通过ListView的controller属性配合ScrollController实现上拉加载,通过RefreshIndicator的onRefresh方法,实现下拉刷新。
ListView滚动列表组件在开发中非常常用,在诸如商品列表、会员列表等涉及到滚动的都需要使用ListView,这里详细记录了ListView的四种构造方法,同时,顺便详细记录了ListTile的属性方法
vue滚动条美化插件vueScroll不仅仅可以美化滚动条,还支持上拉刷新下拉加载、支持平滑滚动、支持截断配置,每次滚动固定的距离、支持自动检测内容是否发生变化、支持分页等等,非常
Flutter的app风格主要有两种:Material和Cupertino。这里记录下Material的主要常用属性: title:任务管理窗口中显示的名称 theme:应用各种UI所使用的主题颜色 color:应用的主要颜色值(primary colo
CheckedPopupMenuItem可勾选的弹出菜单,常常与PopupMenuButton,作为PopupMenuButton构造方法的元素
DropdownButton相当于html的select下拉框,注意它与PopupMenuButton的区别。下面是代码演示:
PageView滚动组件,支持左右滚动和上下滚动,滚动回调等,一个最简单的页面滚动组件
Flutter ProgressIndicator进度条组件主要两种:圆形进度条CircularProgressIndicator和LinearProgressIndicator
今天,在使用transform写多个值时,又用了逗号隔开,导致老是不起作用,这里记下: css3变换属性transform单个值很简单: transform:translateX(500px); 多个值用空格隔开,不是逗号!多个值用空
ElementUI tree树如果设置了复选框,父节点默认也是显示复选框的,点击父节点的复选框,可以选择此父节点下所有的子节点,但有时候,父节点前有箭头,又有复选框不好看,有需要隐藏
Flutter的Radio单选组件非常简单
RadioListTile组件,相当与强化了radio组件,显示的内容更多,当然,用radio也能实现RadioListTile的效果,但是比较麻烦
Scaffold组件非常重要,决定了整个页面的风格,里面包含了很多属性,如body放置正文主体,drawer侧边弹出抽屉、bottomNavigationBar底部导航栏等等
Slider滑块组件就是按住拖动功能的组件,如音乐播放器的音量调节等
Slider滑块组件本身能够满足一些简单的样式需求,但是如果想进行更多的自定义设置,就可以用到SliderTheme滑块主题组件了,SliderTheme必须将Slider包裹起来,才能对Slider进行更深层次的定
SliverAppBar相比与AppBar,可以滚动,还可以展开和折叠,它和AppBar都继承于StatefulWidget,需要和NestedScrollView结合使用
SnackBar底部弹出消息组件,可以设置消息内容、操作按钮,关闭SnackBar等
AnimatedPadding组件,顾名思义:带动画的padding
Padding组件,Flutter一切皆组件,padding在html中是填充,即边距,是属性,但在Flutter,它即是一些组件的属性,如Container的padding属性,又可以拿出来,单独作为Padding组件
IndexedStack索引层叠组件,Index-索引,Stack-层叠,有索引的层叠组件,根据索引,显示它的子元素,不管多少个子元素,只显示指定的哪个。
Stack层叠组件,层叠顺序:后面的元素覆盖前面的元素
AnimatedSwitcher设置文字或形状发生变化时的动画效果,这里以数字加加为效果,当然如Container的宽高变化都可以用这种方法来实现过渡效果
Switch开关组件比较常用,定义方法也比较简单,在使用inactiveThumbImage和activeThumbImage作为背景图片时,最好是通过ps处理的比较小的圆图
SwitchListTile是Switch开关组件的增强版,带了标题等功能,基础实行和Switch一样:
TabBar选项卡组件
elementUI是一款非常常用的前端框架,基于vue,使用方便。但是它的官方文档却没有提供关于滚动条美化的相关组件。其实是有的,就是el-scrollbar。使用方法如下: 1、在需要溢出滚动的地
js通过递归方式,查找到复杂的多级对象数组中,所有匹配的项,并返回结果
父元素设置了z-index,导致position:fixed的子元素z-index失效
FullCalendar设置周六和周日的样式
我爱模板网在做基于elementUI的项目时,需要美化滚动条,美化滚动条,一般又两个可选插件:el-scrollbar 这是elementUI自带的滚动条美化插件vueScroll 这是基于vue的滚动条插件这两个都是插
鼠标浮上去边框渐渐包裹容器的css3动画
Flutter的Table表格组件也非常常用,主要用columnWidths来设置列,TableRow来显示行内容,可以放置任何内容
RichText富文本组件,当文字段落样式比较复杂时,可以用RichText拆分,进行修饰
Text文本组件,非常常用的组件,在很多组件中,如果有属性为文字时,一般都需要用到Text组件,如AppBar的title属性的值等,但是像MaterialApp的title,它的属性值就是纯文字。
TextField文本输入框组件就是html里面的input输入框,可以用来获取用户的输入内容。
Fluter路由Route导航Navigator最基本的使用:push进入某个页面(入栈)、pop关闭本页面(出栈)
利用两个页面构造函数接受参数实现最简单的路由传参
我爱模板网不知道上次安装了什么,还是升级了什么,然后发现,用vscode开发dart、flutter时,每次保存会自动格式化,但是格式化的效果非常差: 格式化之前: 格式化之后: 格式化之后
简单的页面关闭并返回数据给上一页的效果,在打开一个页面时,用异步的方法等待接收这个路由打开的方法的结果,这个结果将在下一个页面关闭时得到
这里是根据教程来的,Flutter Fluro路由组件的简单使用
我爱模板网 在使用element ui做项目时,在修改一个起始日期,需要将日期回显到datepicker中: 日期代码如下: el-date-picker@change="changeDate"v-model="startEndDate"type="daterange"range-separator="至"star
Flutter本地存储比较常用的插件shared_preferences,它其实就是对IOS的NSUserDefaults和安卓的SharedPreferences的分别实现
我爱模板网在做大屏展示时,在某个按钮上加了下面的代码: .btn{ transition:all 100ms;}.btn:hover{ transform:scale(1.2)} 发现移动到这个按钮上,周围的一些元素会发生抖动,这时,只要让这些的
path_provider文件操作模块主要提供了下面三个方法: getTemporaryDirectory:获取临时目录 getApplicationDocumentsDirectory:获取应用文档目录 getExternalStorageDirectory:获取外部存储目录,注意:I
由于之前的公司的项目中的工作流管理要用到流程图,而bpmn-js官方的文档是全英的而且使用的js框架是jQuery,可能是比较新的技术,官方也还在不断的更新,相关的文档或者资料很少很
2.新建空的图,功能要求: ① 空的,能自己画; ② 以SVG image格式、BPMN diagram格式下载在本地; 参考链接:(其实就是理解它的思路,把jQuery转化成vue) https://github.com/bpmn-io/bpmn-js-example
3.关于节点的配置,功能要求: ①在服务器取到图并显示出来 ②不能编辑和改动图 ③可以获取到具体某个节点的信息 参考链接:https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonj
给节点和线上色,其实就是找到这个节点的id,然后改变它的样式。 这里是写死的某几个节点和线,真正应该通过与后台交互获取到已经走过的流程然后上色。 div class="containers" ref="co
Flutter动画相关类: Animation:Flutter中动画的核心类,是个抽象类(abstract),通过Listeners和StatusListeners可以进行监听。 AnimationController:动画管理类,AnimationController继承自Animation,是特殊
用CurvedAnimation做缓动动画效果,用AnimatedBuilder是一个中间件,将Animation和Widget关联起来。 main.dart: import 'package:flutter/material.dart';import 'easing.dart';void main(){ runApp(MyApp());}class MyApp extends
通过BorderRadiusTween和Tween共用一个AnimationController,即叠加多个动画,实现类似遮罩的效果,Tween动画负责宽高,BorderRadiusTween负责边框圆角动画
数字变化的补间动画IntTween,可以给数字变化加上补间动画
AnimatedContainer和AnimatedSwitcher组件差不多,都是动画容器。使用这种动画容器非常方便,无需定义AnimationController、Tween等
AnimatedOpacity和 AnimatedContainer 以及 AnimatedSwitcher 组件差不多,都是动画容器。使用这种动画容器非常方便,无需定义AnimationController、Tween等。 import 'package:flutter/material.dart';class OpacityAnim
一、Hero Widget 在某些场景下我们可能需要通过图片进行页面的转场,这种场景在大众点评等APP上非常常见,Feed 流中有图片,点击之后,通过图片进行页面的转场 进行转场,就需要两个
如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用深度(穿透)选择器
vue获取所有路由的方法this.$router.options.routes只能获取addRoutes动态路由添加前的路由,即静态路由,如果想获取所有的路由,不管是静态还是动态,可以在router目录的index里面单独导出所有
zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置。另外他
在VUE中,使用下面的方法,可以任何方法中调用这个方法销毁想要销毁的方法,而不用刻意去生命周期函数destroyed中销毁
vue中$refs, $emit, $on, $once, $off的使用详解,eventBus事件总线的用法。其实$refs和另外几个有本质的区别,其他几个都与数据传递或事件有关,而$refs则是选择节点。但这里也放到一起了。本
Flutter的DefaultTextStyle组件用于给子Text加样式,所有隶属于它的子元素的Text都会应用这种样式。如果Text组件指定了自己的样式,则使用自己的样式,否则就继承DefaultTextStyle的样式。
vue老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue,但是标签都能匹配上啊,如下图: 去掉这个烦人的提示有两个方法: 方法一、File-Preferences-Settings,搜索“vetur.val
队列是一个可以在两端操作的集合。当您想要构建先进先出集合时,队列非常有用。简而言之,队列从一端插入数据并从另一端删除。按插入顺序删除/读取值。### 语法:创建队列```ja
Map对象是一个简单的键/值对。地图中的键和值可以是任何类型。地图是动态集合。换句话说,Maps可以在运行时增长和缩小。dart:core库中的Map类提供了对它的支持。## 例```javavoid main() {
Set表示对象的集合,其中每个对象只能出现一次。dart:core库提供了Set类来实现相同的功能。### 语法```javaIdentifier = new Set()```**或者**```javaIdentifier = new Set.from(Iterable)```其中, **Iterable** 表
List只是一组有序的对象。该 **dart:core** 库提供的列表类,使创建和列表的操作。Dart中的列表可归类为 * **固定长度列表** \- 列表的长度在运行时不能更改。 * **可增长列表** \- 列表的长
在每个Map条目上应用指定的函数。换句话说, **forEach** 允许迭代Map的条目。## 语法```javaMap.forEach(void f(K key, V value));```## 参数 * **f(K key, V value)** \- 将f应用于地图的每个键值对。调用 **
从地图中删除键及其关联值(如果存在)。该函数还返回与键关联的值。## 语法```javaMap.remove(Object key)```## 参数 * **密钥** \- 标识要删除的条目。**返回类型** \- 返回与指定键对应的值。##
从地图中删除所有对。## 语法```javaMap.clear()```**返回类型** \- void## 例```javavoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.clear();
该 **Map.addAll()** 函数添加的其他所有键值对这个地图。## 语法```javaMap.addAll(MapK, V other)```### 参数 * **other** \- 表示键值对。**返回类型** \- void## 例```javavoid main() { Map m =
如果Map至少有一个项,则返回true。## 语法```javaMap.isNotEmpty```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isNotEmpty); va
如果Map为空,则返回true。## 语法```javaMap.isEmpty```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isEmpty); var hosts = {}
返回Map的大小。## 语法```javaMap.length```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.length);}```它将产生以下 **输出**
返回表示Map中的值的可迭代对象。## 语法```javaMap.values```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.values);}```它将产生以下 *
返回表示键的可迭代对象。## 语法```javaMap.keys```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.keys);}```它将产生以下 **
默认情况下,还可以为函数参数指定值。但是,这些参数也可以显式传递值。## 语法```javafunction_name(param1,{param2= default_value}) { //......}```## 例```javavoid main() { test_param(123);} void tes
与位置参数不同,必须在传递值时指定参数名称。Curly brace {}可用于指定可选的命名参数。## 语法 - 声明函数```javavoid function_name(a, {optional_param1, optional_param2}) { }```## 语法 - 调用函数```
要指定可选的位置参数,请使用square []括号。## 语法```javavoid function_name(param1, [optional_param_1, optional_param_2]) { }```如果可选参数未传递值,则将其设置为NULL。## 例```javavoid main() { test_para
参数是一种将值传递给函数的机制。参数构成函数签名的一部分。参数值在调用期间传递给函数。除非明确指定,否则传递给函数的值的数量必须与定义的参数数量相匹配。现在让我们
函数也可以将值与控件一起返回给调用者。这些函数称为 **返回函数** 。## 语法```javareturn_type function_name(){ //statements return value; }``` * 该 **return_type** 可以是任何有效的数据类型。 * 在
必须调用函数才能执行它。此过程称为 **函数调用** 。## 语法```javafunction_name()```以下示例说明了如何调用函数```javavoid main() { test();} test() { //function definition print(function called);
函数定义指定特定任务的执行方式和方式。在使用函数之前,必须先定义它。定义标准函数的语法如下```javafunction_name() { //statements }```要么```javavoid function_name() { //statements}```该 **void**
dart:core库中List类支持的以下函数可用于删除List中的项目。## List.remove()List.remove()函数删除列表中第一次出现的指定项。如果从列表中删除指定的值,则此函数返回true。### 语法```javaL
## 更新索引Dart允许修改List中项目的值。换句话说,可以重写列表项的值。以下 **示例** 说明了相同的情况```javavoid main() { List l = [1, 2, 3,]; 1[0] = 123; print (1);}```上面的示例使用索引0更新
可变列表可以在运行时动态增长。所述 **List.add()** 函数将指定值到列表的结尾,并返回修改的列表对象。下面说明了相同的内容。```javavoid main() { List l = [1,2,3]; l.add(12); print(l);}```它将产
检查列表是否只有一个元素并返回它。## 语法```javaList.single```## 例```javavoid main() { var lst = new List(); lst.add(12); print(The list has only one element: ${lst.single});
以相反的顺序返回包含列表值的可迭代对象。## 语法```javaList.reversed```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The list values in reverse order: ${
返回列表中的最后一个元素。## 语法```javaList.last```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The last element of the list is: ${lst.last});
返回列表的大小。## 语法```javaList.length```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The length of the list is : ${lst.length});}
如果集合至少包含一个元素,则返回true。## 语法```javaList.isNotEmpty```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isNotEmpty);} ```它将产生
如果集合没有元素,则返回true。## 语法```javaList.isEmpty```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isEmpty);} ```它将产生以下 **输出**
此属性返回列表中的第一个元素。## 语法```javaList.first```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The first element of the list is: ${
返回给定索引处的16位UTF-16代码单元。## 语法```javaString.codeUnitAt(int index)```## 参数 * **索引** \- 表示字符串中的字符索引。## 返回值类型返回一个整数。## 例```javavoid main() { var res = Good D
返回对象的字符串表示形式。## 语法```javaval.toString()```## 返回值类型返回一个字符串。## 例```javavoid main() { int n = 12; var res = n.toString(); print(New String: ${res});}```
返回此字符串的子字符串,该字符串从startIndex(包括)延伸到endIndex,exclusive。## 语法```javasubstring(int startIndex, [ int endIndex ])```## 参数 * **startIndex** \- 从(包含)开始提取的索引。 * **endIndex
在指定分隔符的匹配处拆分字符串并返回子字符串列表。## 语法```javasplit(Pattern pattern)```## 参数 * **pattern** \- 代表分隔符。## 返回值类型返回String对象的列表。## 例```javavoid main() { Strin
用给定值替换与指定模式匹配的所有子字符串。## 语法```javaString replaceAll(Pattern from, String replace)```## 参数 * **From** \- 要替换的字符串。 * **replace** \- 替换字符串。## 返回值类型返回
通过删除所有前导和尾随空格返回一个新字符串。但是,此方法不会丢弃两个字符串之间的空格。## 语法```javacompareTo(String other)```## 返回值类型返回表示两个字符串之间关系的整数。
通过删除所有前导和尾随空格返回一个新字符串。但是,此方法不会丢弃两个字符串之间的空格。## 语法```javaString.trim()```## 返回值类型返回一个字符串。## 例```javavoid main() { String str1
通过将给定字符串中的所有字符转换为大写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; print(
通过将给定字符串中的所有字符转换为小写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; p
返回字符串的长度,包括空格,制表符和换行符。## 语法```javaString.length```## 例```javavoid main() { String str = Hello All; print(The length of the string is: ${str.length});}```它将产生以下
如果字符串为空,则返回 **true** ; else返回 **false** 。## 语法```javaString.isEmpty```## 例```javavoid main() { String str = Hello; print(str.isEmpty);}```它将产生以下 **输出**``
返回给定字符串的UTF-16代码单元列表。## 语法```javaString.codeUnits```## 例```javavoid main() { String str = Hello; print(str.codeUnits);}```它将产生以下 **输出** ```java[72, 101,
丢弃任何小数位后返回一个整数。## 语法```dartNumber.truncate()```## 返回值返回不带小数点的 **int** 。## 例如```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The trun
此方法返回数字值的字符串表示形式。## 语法```dartNumber.toString()```## 返回值返回表示指定Number对象的字符串。## 例如```dartvoid main() { int n1 = 2; var value = n1.toString(); pr
此方法返回数字值的整数表示形式。## 语法```dartNumber.toInt()```## 返回值返回表示指定Number对象的 **int** 。## 例如```dartvoid main() { double n1 = 2.0; var value = n1.toInt(); print(Output =
此方法返回数字值的双重表示。## 语法```dartNumber.toDouble()```## 返回值返回表示指定Number对象的 **double** 。## 例如```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output
此方法返回舍入到最接近整数的数字的值。## 语法```dartNumber.round()```## 返回值返回舍入到最接近整数的数字的值。## 例如```dartvoid main() { double n1 = 12.023; double n2 = 12.89; var value = n1.round(
它在分割两个数字后返回截断的余数。## 语法```dartNumber.remainder(x)```## 参数 * **x** \- 表示除数## 返回值返回除法的余数。## 例如```dartvoid main() { var a = 10; var b = 17; prin
此方法返回小于或等于数字的最大整数。## 语法```dartNumber.floor()```## 返回值返回小于或等于数字 **x** 的最大整数。## 例如```dartvoid main() { var a = 2.9; print(The floor value of 2.9 = ${a.floor()})
它返回一个整数,表示两个数字之间的关系。## 语法```dartNumber.compareTo(x)```## 参数 * **x** \- 代表一个数字。## 返回值返回值 * **0** \- 如果值相等。 * **1** \- 如果当前数字对象大于指定的数
此属性返回上限值,即大于或等于数字的最小整数。## 语法```javaNumber.ceil()```## 例```javavoid main() { var a = 2.4; print(The ceiling value of 2.4 = ${a.ceil()});}```它将产生以下 **输出**``
此属性用于返回表示数字绝对值的整数。## 语法```javaNumber.abs()```## 例```javavoid main() { var a = -2; print(a.abs());}```它将产生以下 **输出**```java2```
如果数字是奇数,则此属性返回布尔值true。## 语法```javanum.isOdd```## 例```javavoid main() { int posNum = 10; print(posNum.isOdd);} ```它将产生以下 **输出**```javafalse```
如果数字是偶数,则此属性返回布尔值true。## 语法```javanum.isEven```## 例```javavoid main() { int posNum = 10; print(posNum.isEven);} ```它将产生以下 **输出**```javatrue```
返回减一,零或加一,具体取决于数字的符号和数值。如果数字小于零,则此属性返回减1,如果数字大于零,则返回1,如果数字等于零,则返回0。## 语法```javanum.sign```## 例```javavoid m
如果数字是负数,则此属性返回布尔值true。## 语法```javanum.isNegative```## 例```javavoid main() { int posNum = 10; int negNum = -10; print(posNum.isNegative); print(negNum.isNegative);
如果数字不是NaN或正无穷大或负无穷大,则该属性返回布尔值true。## 语法```javanum.isInfinite```## 例```javavoid main() { int n = 5000; print(n.isInfinite);}```它将产生以下 **输出**```javaFalse```
如果数字不是NaN或正无穷大或负无穷大,则该属性返回布尔值true。## 语法```javanum.isFinite```## 例```javavoid main() { int n = 5000; print(n.isFinite);}``` 它将产生以下 **输出**```javatrue```
该属性返回一个整数,表示数值的哈希码。## 语法```javanum.hashcode```## 例```javavoid main() { int n = 5000; print(n.hashCode);} ```它将产生以下 **输出**成功执行代码后会显示以下输出。```java5000
`switch`语句计算表达式,将表达式的值与`case`子句匹配,并执行与该`case`相关的语句。以下是语法。```dartswitch(variable_expression) { case constant_expr1: { // statements; } break; case constant_expr2: {
在 **else…if** 可用于检测多个条件。以下是相同的语法。```dartif (boolean_expression1) { //如果expression1的计算结果为true,则返回语句}else if (boolean_expression2) { //如果expression2的计算结果为tru
`if`后面可以跟一个可选的`else`块。如果`if`块测试的布尔表达式求值为`false`,则执行`else`块。以下是语法。```dartif(boolean_expression){ // 如果布尔表达式为true,则将执行语句。} else { // 如果
**if ... else** 语句在执行的代码块之前判断条件。以下是语法。```dartif(boolean_expression){ // 如果布尔表达式为true,则将执行语句。}```如果布尔表达式的计算结果为 **true** ,则将执行if语句
在 **continue** 语句跳过当前迭代的后续语句,并采取控制回到循环的开始。与 **break** 语句不同, **continue**语句不会退出循环。它终止当前迭代并开始后续迭代。以下示例显示如何在Da
该 **break** 语句用来作为控制了结构的。在循环中使用 **break** 会导致程序退出循环。以下是 **break** 语句的示例。## 例```javavoid main() { var i = 1; while(i=10) { if (i % 5 == 0) { print(The first multi
`do ... while`循环类似于`while`循环,只是`do ... while`循环不会在第一次循环执行时评估条件。但是,将对后续迭代评估条件。换句话说,代码块将在`do ... while`循环中至少执行一次。![do w
**while** 循环执行指令指定的每个条件计算为真时。换句话说,循环在执行代码块之前评估条件。下图显示了 **while** 循环的流程图![while 循环](/static/assets/tutorials/lang/dart/while_loop.jpg)以下
`for ... in`循环用于循环对象的属性。以下是`for ... in`循环的语法。```javafor (variablename in object){ statement or block to execute }```在每次迭代中,来自对象的一个属性被分配给变量名称,并且
**for** 循环是一个明确循环次数的循环实现。在 **for** 循环执行用于指定次数的代码块。它可用于迭代一组固定的值,例如数组。以下是 **for** 循环的语法。```dartfor (initial_count_value; te
每个网页都位于浏览器窗口内,可以将其视为对象。**Document对象** 表示被显示在窗口中的HTML文档。**Document对象** 具有各种属性,这些属性引用允许访问和修改文档内容的其他对象。访
单元测试涉及测试应用程序的每个单元。它可以帮助开发人员在不运行整个复杂应用程序的情况下测试小功能。名为“test” 的Dart外部库提供了编写和运行单元测试的标准方法。dart单元
并发是同时执行多个指令序列。它涉及同时执行多个任务。Dart使用 Isolates作为并行工作的工具。`dart:isolate`是dart的解决方案,以单线程dart代码,并允许应用程序更好地利用现有的硬代码
一个 **异步操作** 从执行主应用程序线程中分出来,在一个单独线程中执行。当应用程序调用方法异步执行操作时,应用程序可以在异步方法执行其任务时继续执行。## 例如让我们举个
编程语言中的库表示例程集合(编程指令集)。Dart有一组内置库,可用于存储经常使用的例程。Dart库由一组类,常量,函数,typedef,属性和异常组成。## 导入库导入使库中的组件可用于调
`typedef` 或函数型的别名,有助于存储器内定义指针的可执行代码。简单地说, `typedef` 可以用作引用函数的指针。下面给出了在Dart程序中实现 `typedef` 的步骤。**第1步:定义typedef**一个
开发人员在编码时,时常会犯错误。程序中的错误被称为bug。查找和修复bug的过程称为调试,是开发过程的正常部分。本节介绍可以帮助您完成调试任务的工具和技术。VSCode/WebStorm编辑
异常(或异常事件)是在执行程序期间出现的问题。发生异常时,程序的正常流程中断,程序/应用程序异常终止。内置dart异常包括table class=table table-borderedtbodytrth style=text-align:center序号/
包是一种封装一组编程单元的机制。应用程序有时可能需要集成某些第三方库或插件。每种语言都有一种机制来管理外部软件包,如`Maven`或`Gradle for Java`,`Nuget for .NET`,`npm for Node.js`等
Dart是一种可选类型语言。Dart中的集合默认是异构的。换句话说,单个Dart集合可以托管各种类型的值。但是,可以使Dart集合保持同质值。泛型的概念可用于实现相同的目的。泛型的使用
与其他编程语言不同,Dart不支持数组。Dart集合可用于复制数组结构等数据结构。dart:core库和其他类在Dart脚本中启用Collection支持。dart集合基本上可归类为table class=table table-borderedtbodyt
面向对象编程将对象定义为 **具有已定义边界的任何实体** 。对象具有以下内容* **状态** \- 描述对象。 类的字段表示对象的状态。* **行为** \- 描述对象可以执行的操作。* **标识** \- 区
Dart是一种面向对象的语言。它支持面向对象的编程功能,如类,接口等。OOP方面的类是创建对象的蓝图。类为对象封装的数据。Dart为这个名为`class`的概念提供了内置支持。## 声明类使
一个接口定义任何实体必须遵守的语法。接口定义了一组对象可用的方法。Dart没有声明接口的语法。类声明本身就是Dart中的接口。### 类应该使用`implements`关键字来使用接口。实现类必
函数是可读,可维护和可重用代码的构建块。函数是一组用于执行特定任务的语句。函数将程序组织成逻辑代码块。一旦定义,就可以调用函数来访问代码。这使得代码可以重用。此外
枚举用于定义命名常量值。使用 `enum` 关键字声明枚举类型。## 语法```dartenum enum_name { enumeration list}```* `enum_name` 指定枚举类型名称* `enumeration list` 是一个逗号分隔的标识符的列表枚举列
字符串是一系列字符。Dart将字符串表示为Unicode UTF-16代码单元序列。Unicode是一种格式,用于为每个字母,数字和符号定义唯一的数值。由于Dart字符串是一系列UTF-16代码单元,因此字符串
Dart中的符号是不透明的动态字符串名称,用于反映库中的元数据。简而言之,符号是一种存储人类可读字符串与优化供计算机使用的字符串之间关系的方法。`Reflection`反射是一种在运行
Map对象是一个简单的键/值对。Map中的键和值可以是任何类型。Map是动态集合。换句话说,Maps可以在运行时增长和缩小。可以通过两种方式声明Map* 使用Map字面量* 使用Map构造函数## 使用
在本章中,我们将讨论如何对列表执行一些基本操作,例如 - table class=table table-borderedtbodytrth style=text-align:center序号/thth style=text-align:center基本操作和说明/th/trtrtd class=ts1/t
编程中非常常用的集合是数组。Dart以 List 对象的形式表示数组。一个列表仅仅是对象的有序组。`dart:core`库提供的列表类,使创建和列表的操作。Dart中列表的逻辑表示如下![列表的逻辑
Dart为布尔数据类型提供内置支持。Dart中的布尔数据类型仅支持两个值`true`和`false`。关键字`bool`用于表示DART中的布尔值。在dart中声明布尔变量的语法如下所示```dartbool var_name = true; 或者
`String`数据类型表示一系列字符。Dart字符串是一系列UTF 16代码单元。Dart中的字符串值可以使用 **单引号** 或 **双引号** 或 **三引号** 表示。单行字符串使用单引号或双引号表示。三引号
Dart数字可以分为:* **int** \- 任意大小的整数。 **int** 数据类型用于表示整数。* **double** -64位(双精度)浮点数,由IEEE 754标准规定。 在 **double** 数据类型用于表示小数**int** 和 **double** 类
条件/决策构造在执行指令之前评估条件。![做决定](/static/assets/tutorials/lang/dart/decision_making.jpg)下表是Dart中的条件语句 table class=table table-borderedtbodytrth style=text-align:center序号/tht
有时,某些指令需要重复执行。循环是一种理想的方法。循环表示必须重复的一组指令。在循环的上下文中,重复被称为迭代 。下图说明了循环的分类![循环分类](/static/assets/tutorials/l
表达式是一种特殊类型的语句,它计算为一个值。每个表达都由* **操作数** \- 表示数据* **运算符** \- 定义如何处理操作数以生成值。考虑以下表达式 `2 + 3`。在该表达式中,`2`和`3`是操
变量是“存储器中的命名空间”,用于存储值。换句话说,它作为程序中值的容器。变量名称称为标识符。以下是标识符的命名规则 -* 标识符不能是关键字。* 标识符可以包含字母和数
编程语言最基本的特征之一是它支持的数据类型集。这些是可以用编程语言表示和操作的值的类型。Dart语言支持以下类型* 数字* 字符串* 布尔* 列表list* map## 数字Dart中的数字用于表示数
语法定义了一组用于编写程序的规则。每种语言规范都定义了自己的语法。Dart语法有如下内容组成:* 变量和运算符* 类* 函数* 表达式和代码块* 判断和循环结构* 注释* 库和包* 类型定义
本章讨论在Windows平台上为Dart设置执行环境。## 使用DartPad在线执行脚本您可以使用`https://dartpad.dartlang.org/`上的在线编辑器在线测试您的脚本。Dart编辑器执行脚本并显示HTML和控制台输出
Dart是一种面向对象的语言,具有C风格的语法,可以选择将其编译成JavaScript。它支持各种编程辅助工具,如接口,类,集合,泛型和可选类型。Dart官方网站:`https://www.dartlang.org/`Dart有三
# Dart语言教程img src=/static/assets/images/tutorial/dart.png alt=Dart教程 style=float:left; margin-right:10px;/Dart是一种开源的通用编程语言。它最初由Google开发,后来被ECMA批准为标准。Dart是一种新的编程
## Dart编程实例 - 更新一个列表```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before replacing ${l}); l.replaceRange(0,3,[11,23,24]); print(The
## Dart编程实例 - 位运算符```dartvoid main() { var a = 2; // Bit presentation 10 var b = 3; // Bit presentation 11 var result = (a b); print((a b) = ${result});
## Dart编程实例 - null值```dartvoid main() { int num; print(num);}```
## Dart编程实例 - 条件表达式```dartvoid main() { var a = 10; var res = a 12 ? value greater than 10:value lesser than or equal to 10; print(res);}```
## Dart编程实例 - 同步```dartimport dart:isolate; void foo(var message){ print(execution from foo ... the message is :${message});} void main(){ Isolate.spawn(foo,Hello
## Dart编程实例 - 异步```dartimport dart:io;void main() { print(Enter your name :); // prompt for user input String name = stdin.readLineSync(); // this i
## Dart编程实例 - 封装错误```dartlibrary loggerlib; void _log(msg) { print(Log method called in loggerlib msg:$msg); }```
## Dart编程实例 - 导入和使用库```dartimport dart:math;void main() { print(Square root of 36 is: ${sqrt(36)});}```
## Dart编程实例 - Typedefs 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signatureAdd(int firstNo,int second){ print(Add result is ${firstNo+second});}
## Dart编程实例 - Typedef 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signature Add(int firstNo,int second){ print(Add result is ${firstNo+second});}
## Dart编程实例 - 添加断点```dartvoid main() { int a = 10, b = 20, c = 5; c = c * c * c; print($a + $b = ${a+b}); print($a%$b = ${a%b}); // Add a break point here prin
## Dart编程实例 - 自定义异常```dartclass AmtException implements Exception { String errMsg() = Amount should be greater than zero;} void main() { try { withdraw_amt(-1);
## Dart编程实例 - 抛出异常```dartmain() { try { test_age(-2); } catch(e) { print(Age cannot be negative); }} void test_age(int age) { if(ag
## Dart编程实例 - 异常处理Finally 块 ```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException { prin
## Dart编程实例 - on…catch```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException catch(e) {
## Dart编程实例 - 异常处理 使用catch块```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } catch(e) { print(e); }}``
## Dart编程实例 - 异常处理 使用 ON 块```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException { print(
## Dart编程实例 - 泛型 Map```dartvoid main() { Map String,Stringm={name:Tom,Id:E1001}; print(Map :${m}); }```
## Dart编程实例 - 泛型 Queue```dartimport dart:collection;void main() { Queueint queue = new Queueint(); print(Default implementation ${queue.runtimeType}); queue.addLa
## Dart编程实例 - 泛型 Set```dartvoid main() { Set intnumberSet = new Setint(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); num
## Dart编程实例 - 泛型列表实例```dartvoid main() { List String logTypes = new List String(); logTypes.add(1); logTypes.add(ERROR); logTypes.add(INFO); //iterating acr
## Dart编程实例 - 泛型列表```dartvoid main() { List String logTypes = new List String(); logTypes.add(WARNING); logTypes.add(ERROR); logTypes.add(INFO); // iter
## Dart编程实例 - addLast()```dartimport dart:collection; void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); print(Printing Q.. ${numQ}); numQ.a
## Dart编程实例 - addFirst()```dartimport dart:collection; void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); print(Printing Q.. ${numQ}); numQ.ad
## Dart编程实例 - 添加多个值到Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.addAll([10,12,
## Dart编程实例 - 集合 Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.add(10); qu
## Dart编程实例 - 集合 Maps```dartvoid main() { var details=new Map(); details[Usrname]=admin; details[Password]=admin@123; print(details);}```
## Dart编程实例 - 从HashSet删除值```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Printing hashet.. ${numberSet
## Dart编程实例 - 添加多个值到HashSet```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Default implementation :${n
## Dart编程实例 - HashSet```dartimport dart:collection; void main() { Set numberSet = new HashSet(); numberSet.add(100); numberSet.add(20); numberSet.add(5);
## Dart编程实例 - 从HashMap删除值```dartimport dart:collection;main() { var accounts = new HashMap(); accounts[dept] = HR; accounts[name] = Tom; accounts[email] =
## Dart编程实例 - 添加多个值到HashMap```dartimport dart:collection;main() { var accounts = new HashMap(); accounts.addAll({dept:HR,email:tom@xyz.com}); print(Map after add
## Dart编程实例 - HashMap```dartimport dart:collection;main() { var accounts = new HashMap(); accounts[dept]=HR; accounts[name]=Tom; accounts[email]=tom@xyz.
## Dart编程实例 - Set.from()```dartvoid main() { Set numberSet = new Set.from([12,13,14]); print(Default implementation :${numberSet.runtimeType}); // all elements are retriev
## Dart编程实例 - 集合 Set```dartvoid main() { Set numberSet = new Set(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); numberSet.add
## Dart编程实例 - 集合列表```dartvoid main() { List logTypes = new List(); logTypes.add(WARNING); logTypes.add(ERROR); logTypes.add(INFO); // iterating across list
## Dart编程实例 - 迭代集合```dartimport dart:collection;void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); Iterator i= numQ.iterator; while(i.moveNext())
## Dart编程实例 - toString() 方法```dartvoid main() { int n = 12; print(n.toString());}```
## Dart编程实例 - 级联操作符 (..)```dartclass Student { void test_method() { print(This is a test method); } void test_method1() { print(This is a test method
## Dart编程实例 - Object```dartclass Student { void test_method() { print(This is a test method); } void test_method1() { print(This is a test me
## Dart编程实例 - Super 关键字```dartvoid main() { Child c = new Child(); c.m1(12);}class Parent { String msg = message variable from the parent class; void m1(int a){
## Dart编程实例 - Static 关键字```dartclass StaticMem { static int num; static disp() { print(The value of num is ${StaticMem.num}) ; }} void main() { Sta
## Dart编程实例 - 方法覆盖```dartimport dart:io;void main() { Child c = new Child(); c.m1(12);}class Parent { void m1(int a){ print(value of a ${a});}}class Chi
## Dart编程实例 - 类继承```dartvoid main() { Child c = new Child(); c.m1(12);}class Parent { void m1(int a){ print(value of a ${a});}} class Child extends Parent {
## Dart编程实例 - 继承的类型```dartvoid main() { var obj = new Leaf(); obj.str = hello; print(obj.str);} class Root { String str;} class Child extends Root {}
## Dart编程实例 - dart getters 和 setters```dartclass Student { String name; int age; String get stud_name { return name; } void set stud_name(String na
## Dart编程实例 - This 关键字```dartvoid main() { Car c1 = new Car(E1001);} class Car { String engine; Car(String engine) { this.engine = engine; print(T
## Dart编程实例 - 命名构造函数```dartvoid main() { Car c1 = new Car.namedConst(E1001); Car c2 = new Car();} class Car {
## Dart编程实例 - 构造函数```dartvoid main() { Car c = new Car(E1001);}class Car { Car(String engine) { print(engine); }}```
## Dart编程实例 - 访问属性和函数```dartvoid main() { Car c= new Car(); c.disp();} class Car { // field String engine = E1001; // function void disp()
## Dart编程实例 - 实现多个接口```dartvoid main() { Calculator c = new Calculator(); print(The gross total : ${c.ret_tot()}); print(Discount :${c.ret_dis()});} class Calculat
## Dart编程实例 - 实现一个接口```dartvoid main() { ConsolePrinter cp= new ConsolePrinter(); cp.print_data();} class Printer { void print_data() { print(__________Print
## Dart编程实例 - Lambda 表达式```dartvoid main() { printMsg(); print(test());} printMsg()=print(hello);int test()=123; // returning function
## Dart编程实例 -递归函数```dartvoid main() { print(factorial(6));} factorial(number) { if (number = 0) { // termination case return 1; } else {
## Dart编程实例 - 可选参数和默认值```dartvoid main() { test_param(123);} void test_param(n1,{s1:12}) { print(n1); print(s1);}```
## Dart编程实例 - 可选命名参数```dartvoid main() { test_param(123); test_param(123,s1:hello); test_param(123,s2:hello,s1:world);} test_param(n1,{s1,s2}) { print(n1);
## Dart编程实例 - 可选位置参数```dartvoid main() { test_param(123);} test_param(n1,[s1]) { print(n1); print(s1);}```
## Dart编程实例 - 函数参数```dartvoid main() { test_param(123,this is a string);} test_param(int n1,String s1) { print(n1); print(s1);}```
## Dart编程实例 - 返回函数```dartvoid main() { print(test());} String test() { // function definition return hello world;}```
## Dart编程实例 - 调用函数```dartvoid main() { test();} test() { //function definition print(function called);}```
## Dart编程实例 - 枚举```dartenum Status { none, running, stopped, paused} void main() { print(Status.values); Status.values.forEach((v) = print(value: $
## Dart编程实例 - Runes类构造函数```dartmain() { Runes input = new Runes( \u{1f605} ); print(new String.fromCharCodes(input));} ```
## Dart编程实例 - String runes 属性```dartvoid main(){ A string.runes.forEach((int rune) { var character=new String.fromCharCode(rune); print(character); }); }``
## Dart编程实例 - String codeUnits 属性```dartimport dart:core; void main(){ f1();} f1() { String x = Runes; print(x.codeUnits);}```
## Dart编程实例 - String codeUnitAt() 方法```dartimport dart:core;void main(){ f1();}f1() { String x = Runes; print(x.codeUnitAt(0));}```
## Dart编程实例 - Symbol```dartimport dart:mirrors;void main(){ Symbol lib = new Symbol(foo_lib); String name_of_lib = MirrorSystem.getName(lib); print(lib); print(na
## Dart编程实例 - Map forEach() 方法```dartvoid main() { var usrMap = {name: Tom, Email: tom@xyz.com}; usrMap.forEach((k,v) = print(${k}: ${v}));}```
## Dart编程实例 - Map remove() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); dynamic res = m.remove(name); print(Value popped from the Ma
## Dart编程实例 - Map clear() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.clear(); print(Map after invoking clear() :${m});}```
## Dart编程实例 - Map addAll() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.addAll({dept:HR,email:tom@xyz.com}); print(Map after
## Dart编程实例 - Map isNotEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isNotEmpty); var hosts = {}; print(hosts.isNotEmpt
## Dart编程实例 - Map isEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isEmpty); var hosts = {}; print(hosts.isEmpty);}
## Dart编程实例 - Map Length属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.length);}```
## Dart编程实例 - Map Values属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.values);}```
## Dart编程实例 - Map Keys属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.keys);}```
## Dart编程实例 - Map 构造方法```dartvoid main() { var details = new Map(); details[Usrname] = admin; details[Password] = admin@123; print(details);}```
## Dart编程实例 - 添加值到map```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; details[Uid] = U1oo1; print(details);}```
## Dart编程实例 - Dart Map ```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details);}```
## Dart编程实例 - 列表removeLast()方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); dynamic res = l.removeLas
## Dart编程实例 - 列表removeAt()方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); dynamic res = l.removeAt(1);
## Dart编程实例 - 列表 remove() 方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); bool res = l.remove(1);
## Dart编程实例 - 列表insertAll()方法```dartvoid main() { List l = [1,2,3]; l.insertAll(0,[120,130]); print(l);}```
## Dart编程实例 - 列表insert()方法```dartvoid main() { List l = [1,2,3]; l.insert(0,4); print(l);}```
## Dart编程实例 - 列表 addAll() 方法```dartvoid main() { List l = [1,2,3]; l.addAll([12,13]); print(l);}```
## Dart编程实例 - 插入元素到列表```dartvoid main() { List l = [1,2,3]; l.add(12); print(l);}```
## Dart编程实例 - 列表 single 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(10); print(lst.single);}```
## Dart编程实例 - 列表 reversed 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The list values in reverse order: ${lst.reversed});} ```
## Dart编程实例 - 列表 last 方法 ```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The last element of the list is: ${lst.last});}```
## Dart列表 last 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The last element of the list is: ${lst.last});}```
## Dart编程实例 - 列表 length 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The length of the list is : ${lst.length});}```
## Dart编程实例 - 列表 isNotEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isNotEmpty);}```
## Dart编程实例 - 列表 isEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isEmpty);} ```
## Dart编程实例 - 列表first方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The first element of the list is: ${lst.first});} ```
## Dart编程实例 - dart变长列表实例```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst);}```
## Dart编程实例 - dart变长列表```dartvoid main() { var num_list = [1,2,3]; print(num_list);}```
## Dart编程实例 - dart固定长度列表```dartvoid main() { var lst = new List(3); lst[0] = 12; lst[1] = 13; lst[2] = 11; print(lst);}```
## Dart编程实例 - Boolean 实例```dartvoid main() { var str = abc; if(str) { print(String is not empty); } else { print(Empty String); }}```
## Dart编程实例 - 在Dart中声明布尔变量```dartvoid main() { bool test; test=12 5; print(test);}```
## Dart编程实例 - 字符串 codeUnitAt 方法```dartvoid main() { var res = Good Day; print(Code Unit of index 0 (G): ${res.codeUnitAt(0)}); }```
## Dart编程实例 - 字符串 toString 方法```dartvoid main() { int n = 12; var res = n.toString(); print(New String: ${res});}```
## Dart编程实例 - 字符串substring 方法```dartvoid main() { String str1 = Hello World; print(New String: ${str1.substring(6)}); // from index 6 to the last index print(New Str
## Dart编程实例 - 字符串 split() 方法```dartvoid main() { String str1 = Today, is, Thursday; print(New String: ${str1.split(,)});}```
## Dart编程实例 - 字符串 replaceAll() 方法```dartvoid main() { String str1 = Hello World; print(New String: ${str1.replaceAll(World,ALL)});}```
## Dart编程实例 - 字符串 compareTo() 方法```dartvoid main() { String str1 = A; String str2 = A; String str3 = B; print(str1.compareTo(str2): ${str1.compareTo(str2)});
## Dart编程实例 - 字符串 trim() 方法```dartvoid main() { String str1 = hello; String str2 = hello world; String str3 = hello; print(str1.trim()); print(str2.trim());
## Dart编程实例 - 字符串 toUpperCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```
## Dart编程实例 - 字符串 toLowerCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```
## Dart编程实例 - dart字符串属性 length```dartvoid main() { String str = Hello All; print(The length of the string is: ${str.length});}```
## Dart编程实例 - dart字符串属性 isEmpty```dartvoid main() { String str = Hello; print(str.isEmpty);}```
## Dart编程实例 - dart字符串属性 codeUnits```dartvoid main() { String str = Hello; print(str.codeUnits);}```
## Dart编程实例 - dart字符串插值```dartvoid main() { int n=1+1; String str1 = The sum of 1 and 1 is ${n}; print(str1); String str2 = The sum of 2 and 2 is ${2+2}; print(
## Dart编程实例 - dart字符串```dartvoid main() { String str1 = this is a single line string; String str2 = this is a single line string; String str3 = this is a multiline line
## Dart编程实例 - Truncate 方法```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The truncated value of 2.123 = ${value});}```
## Dart编程实例 - toString 方法```dartvoid main() { int n1 = 2; var value = n1.toString(); print( value is String );}```
## Dart编程实例 - toInt 方法```dartvoid main() { double n1 = 2.0; var value = n1.toInt(); print(Output = ${value});}```
## Dart编程实例 - toDouble 方法```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output = ${value});}```
## Dart编程实例 - round 方法```dartvoid main() { double n1 = 12.023; double n2 = 12.89; var value = n1.round(); print( value ); value = n2.round(); print( value );
## Dart编程实例 - Remainder 方法 ```dartvoid main() { var a = 10; var b = 17; print(a.remainder(2)); print(b.remainder(2));}```
## Dart编程实例 - Floor 方法```dartvoid main() { var a = 2.9; print(The floor value of 2.9 = ${a.floor()});}```
## Dart编程实例 - CompareTo 方法```dartvoid main() { var a = 2.4; print(a.compareTo(12)); print(a.compareTo(2.4)); print(a.compareTo(0));}```
## Dart编程实例 - Ceil 方法```dartvoid main() { var a = 2.4; print(The ceiling value of 2.4 = ${a.ceil()});} ```
## Dart编程实例 - Abs 方法```dartvoid main() { var a = -2; print(a.abs());}```
## Dart编程实例 - 数字 isOdd 属性```dartvoid main() { int posNum = 10; print(posNum.isOdd);}```
## Dart编程实例 - 数字 isEven 属性```dartvoid main() { int posNum = 10; print(posNum.isEven);}```
## Dart编程实例 - 数字 sign 属性```dartvoid main() { int posNum = 10; int negNum = -12; int valZero = 0; print(posNum.sign); print(negNum.sign); print(valZero.sign)
## Dart编程实例 - 数字 isNegative 属性```dartvoid main() { int posNum = 10; int negNum = -10; print(posNum.isNegative); print(negNum.isNegative);}```
## Dart编程实例 - 数字 isInFinite 属性```dartvoid main() { int n = 5000; print(n.isInfinite);} ```
## Dart编程实例 - 数字 isFinite 属性```dartvoid main() { int n = 5000; print(n.isFinite);}```
## Dart编程实例 - 数字 hashcode 属性```dartvoid main() { int n = 5000; print(n.hashCode);}```
## Dart编程实例 - parse函数```dartvoid main() { print(num.parse(12A)); print(num.parse(AAAA));}```
## Dart编程实例 - 数字实例```dartvoid main() { int num1 = 10; // declare an integer double num2 = 10.50; // declare a double value print(num1); pr
## Dart编程实例 - Dart Switch Case 语句```dartvoid main() { var grade = A; switch(grade) { case A: { print(Excellent); } break; case B: { print(Go
## Dart编程实例 - else if```dartvoid main() { var num = 2; if(num 0) { print(${num} is positive); } else if(num 0) { print(${num} is negative);
## Dart编程实例 - 简单 if else 语句```dartvoid main() { var num = 12; if (num % 2==0) { print(Even); } else { print(Odd); }}```
## Dart编程实例 - If 语句```dartvoid main() { var num=5; if (num0) { print(number is positive); } }```
## Dart编程实例 - continue 和 Label```dartvoid main() { outerloop: // This is the label name for (var i = 0; i 3; i++) { print(Outerloop:${i}); for (var j = 0; j
## Dart编程实例 - break和label```dartvoid main() { outerloop: // This is the label name for (var i = 0; i 5; i++) { print(Innerloop: ${i}); innerloop: for (
## Dart编程实例 - Continue 语句```dartvoid main() { var num = 0; var count = 0; for(num = 0;num=20;num++) { if (num % 2==0) { continue; } coun
## Dart编程实例 - Break 语句```dartvoid main() { var i = 1; while(i=10) { if (i % 5 == 0) { print(The first multiple of 5 between 1 and 10 is : ${i});
## Dart编程实例 - do while 循环```dartvoid main() { var n = 10; do { print(n); n--; } while(n=0);}```
## Dart编程实例 - dart while 循环```dartvoid main() { var num = 5; var factorial = 1; while(num =1) { factorial = factorial * num; num--; } print(The
## Dart编程实例 - dart for-in 循环 ```dartvoid main() { var obj = [12,13,14]; for (var prop in obj) { print(prop); }}```
## Dart编程实例 - Dart for循环```dartvoid main() { for(var temp, i = 0, j = 1; j30; temp = i, i = j, j = i + temp) { print(${j}); }}```
## Dart编程实例 - 逻辑操作符```dartvoid main() { var a = 10; var b = 12; var res = (ab)||(b10); print(res); var res1 =!(a==b); print(res1);} ```
## Dart编程实例 - 赋值操作符```dartvoid main() { var a = 12; var b = 3; a+=b; print(a+=b : ${a}); a = 12; b = 13; a-=b; print(a-=b : ${a});
## Dart编程实例 - 类型测试操作符 is! ```dartvoid main() { double n = 2.20; var num = n is! int; print(num);}```
## Dart编程实例 - 类型测试操作符is```dartvoid main() { int n = 2; print(n is int);}```
## Dart编程实例 - 相等和关系操作符```dartvoid main() { var num1 = 5; var num2 = 9; var res = num1num2; print(num1 greater than num2 :: +res.toString()); res = num1num2;
## Dart编程实例 算术操作符```dartvoid main() { var num1 = 101; var num2 = 2; var res = 0; res = num1+num2; print(Addition: ${res}); res = num1-num2; print(Sub
## Dart编程实例 - Const 关键字```dartvoid main() { final v1 = 12; const v2 = 13; v2 = 12;}```
## Dart编程实例 - Final 关键字```dartvoid main() { final val1 = 12; print(val1);}```
## Dart编程实例 - Dynamic 关键字```dartvoid main() { dynamic x = tom; print(x); }```
## Dart编程实例 - Dart 面向对象编程```dartclass TestClass { void disp() { print(Hello World); }} void main() { TestClass c = new TestClass(); c.d
## Dart编程实例 - Enabling Checked Mode```dartvoid main() { int n=hello; print(n); } ```
## Dart编程实例 - 第一个Dart程序```dartmain() { print(Hello World!);}```
## Dart编程实例 - HelloWorld```dartvoid main() { print(hello world);}```
1、 localeCompare ()方法实现中文排序: 定义:用本地特定的顺序来比较两个字符串。 语法:stringObject.localeCompare(target) 参数:target——要以本地特定的顺序与 stringObject 进行比较的字符串
首先,您的浏览器支持js的localeCompare方法,然后才能实现。这段代码是我爱模板网在项目中使用的,可以实现中文姓名按照拼音首字母进行降序升序排序。下面是简单的解释: 1、sort
ElementUI的table可以显示序号,只要新增一个列,将type属性定义为index就可以显示了: el-table-column type="index" label="序号" width="50"/el-table-column 但是这个序号,切换页码后,又从1开始。现在
app中的底部tab栏通常用Scaffold.bottomNavigationBar的BottomNavigationBar和BottomNavigationBarItem配合来实现。但是如果像实现更复杂的效果,如底部tabbar中间凸出按钮效果,类似于咸鱼,就需要使用到
elementUI的el-table在加载和切换页码时,没有加载动画会非常不好看,没有数据还会闪烁,加上加载动画会好看很多。el-table的v-loading属性可以指定显示隐藏loading效果,可以在加载的时候进
vue-cli打包提示: TypeError: Cannot read property 'upgrade' of undefined 的错误,截图如下: 原因是在vue.config.js中配置的process.env.target对应在.env中删了,如下: [process.env.VUE_APP_PROXY_PREFIX_DICPRO]: {
我爱模板网在做用elementUI做常德应急时,用的是客户自己的产品框架,element ui 2.13.2,遇到了一个问题,就是打包到线上部署的生产环境,图标经常性乱码,如下图: 打开调试工具,查
最近,我爱模板网打开Adobe Photoshop CC 2018,老是会弹出“adobe crash reporter service 已经停止工作”的弹窗,如下图: 虽然不影响PS的使用,但是还是比较烦人。解决办法如下: 1、对着ps快捷
可选链?即可选的链接操作符,用以简化之前的判空操作。 你可能写过这样的代码 var street = user.address user.address.street; 有了可选链,你可以写成 var street = user.address?.street 你可能还写过这
字符串加密和解密的关键是算法设计,字符串经过复杂的编码处理,返回一组看似杂乱无章的字符串。对于常人来说,输入的字符串是可以阅读的信息,但是被函数打乱或编码之后显示
本例将根据字符在 Unicode字符表中的编号对字符串进行个性编码。例如,字符中的 Unicode编码为 20013说如果在网页中使用 Unicode编码显示,则可以输入#20013。 使用charCodeAt()方法能够把指定
在接收表单数据时,经常需要检测特殊字符,过滤敏感词汇。本例为 String扩展一个原型方法filter(),用来检测
Base64是一种编码方式,可以将任意字符(包括二进制字符流)转成可打印字符。JavaScript定义了两个与 Base64相关的全局方法。 btoa():字符串或二进制值转为 Base64编码。 atob():把 Base64编
JavaScript定义了 6个全局方法用于 Unicode字符串的编码和解码,说明如表所示。 JavaScript 编码和解码方法 方法 说明 escape() 使用转义序列替换某些字符来对字符串进行编码 unescape() 对使用
ECMAScript 5为 String新增了trim()原型方法,用以从字符串中移除前导空字符、尾随空字符和行终止符。该方法在表达处理中非常实用。 空字符包括:空格、制表符、换页符、回车符和换行符
JavaScript定义了一组格式化字符串显示的方法,说明如表所示。 String 类型的格式化字符串方法 方法 说明 anchor() 返回 HTMLa标签中name属性值为 String字符串文本的锚 big() 返回使用 HTMLbig标签
使用字符串的split()方法可以根据指定的分隔符把字符串切分为数组。 如果使用数组的join()方法,可以把数组元素连接为字符串。 示例1 如果参数为空字符串,则split()方法能够按单个字
JavaScript能够根据字符的 Unicode编码大小逐位比较字符串大小。 示例1 小写字母a的编码为 97,大写字母 A的编码为 65,则字符a就大于A。 console.log(a A); //返回true 使用字符串的localeCompare()方
String定义了 4个原型方法实现字符串大小写转换操作,说明如表所示。 String 字符串大小写转换方法 字符串方法 说明 toLocaleLowerCase() 把字符串转换成小写 toLocaleUpperCase() 将字符串转换成
使用字符串的replace()方法可以替换指定的子字符串。该方法包含两个参数第一个参数表示执行匹配的正则表达式。第二个参数表示准备替换匹配的子字符串。 示例1 下面代码使用replace
String定义了 3个字符串截取的原型方法,说明如表所示。 String 类型的截取字符串方法 字符串方法 说明 slice() 抽取一个子串 substr() 抽取一个子串 substring() 返回字符串的一个子串 截取指
在开发中经常需要检索字符串、查找特定字符串。用户可以选用下面的方法执行对应的操作,说明如表所示。 String 类型的查找字符串方法 字符串方法 说明 charAt() 返回字符串中的第n个
在 JavaScript中,使用字符串连接有 3种方式。 使用加号运算符 连接字符串最简便的方法是使用加号运算符。 示例1 下面代码使用加号运算符连接两个字符串。 var s1 = abc , s2 = def; console.
字符串的值 使用字符串的toString()方法可以返回字符串的字符表示,使用valueof()方法可以返回字符串的值。两个方法的返回值始终相同,所以一般不直接调用这两个方法、 示例1 下面示
字符串操作主要包括匹配、替换、截取转换、比较、格式化等,下面分别进行说明。 在 JavaScript中,定义字符串有以下 3种方法。 字符串直接量 使用双引号或单引号包含任意长度的文本
杨辉三角是一个经典的编程案例,它揭示了多次放二项式展开后各项系数的分布规律。简单描述,就是每行开头和结尾的数字为 1,出第一行外,每个数都等于它上方两数之和,如图所示
循环时最耗费资源的操作,任意一点小小的损耗都会被成倍放大,从而影响到程序整体运行的效率。一下两个因素会影响到循环的性能。 每次迭代做什么 迭代的次数 通过减少这两者中
for和while语句都可以完成特定动作的重复性操作。不过,使用时不可随意替换。简单比较如下。 语义 for语句是以变量的变化来控制循环进程的,整个循环流程是计划好的,可以事先知道
多分支结构的优化有很多好处:既方便代码维护,又可以提升代码执行效率。例如,设计有多个条件,只有当多个条件都成立时,才允许执行特定任务。 示例1 遵循简单的设计思路,使
if和switch都可以设计多重分支结构,一般情况下switch执行效率要高于if语句。但是也不能一概而论,应根据具体问题具体分析。简单比较如表所示。 if 和 switch 的比较 语句 If 语句 Switch
ECMA-262规范了 7种错误类型,具体说明如下。其中 Error是基类,其他 6种错误类型是子类,都继承 Error基类。Error类型的主要用途是自定义错误对象。 Error:普通异常。与throw语句和try/ca
JavaScript break 和 continue 关键字都可以用在 for 和 while 循环结构中,表示跳出循环;break 关键字还可以用在 switch case 选择结构中,表示结束当前的选择语句。 break 和 continue 关键字可以在
使用label、break、continue、return语句可以中途改变分支结构、循环结构的流程方向,以提升程序的执行效率。 label语句 在 JavaScript中,使用label语句可以为一行语句添加标签,以便在复杂结
for语句是一种更简洁的循环结构。语法格式如下: for (expr1;expr2;expr3) statement 表达式expr1在循环开始前无条件地求值一次,而表达式expr2在每次循环开始前求值。如果表达式expr2的值为真,
在程序开发中,存在大量的重复性操作或计算,这些任务必须依靠循环结构来完成。JavaScript定义了while、for和do/while三种类型循环语句。 while语句 while语句是最基本的循环结构。语法格式
switch语句专门用来设计多分支条件结构。与else/if多分支结构相比,switch结构更简洁,执行效率更高。语法格式如下: switch (expr) { case value1 : statementList1 break; case value2 : statementList2 break
在正常情况下,JavaScript脚本是按顺序从上到下执行的,这种结构被称为顺序结构。如果使用if、else/if或switch语句,可以改变这种流程顺序,让代码根据条件选择执行的方向,这种结构被
语句分类 JavaScript语言定义了 20套(或个)语句命令,分别执行不同的操作。 以用途划分,JavaScript语句可以分为:声明、分支控制、循环控制、流程控制异常处理和其他。 以结构划分
在表达式运算中,求值是运算的核心。由于运算只产生值,因此可以把所有命令式语句都转换为表达式,并进行求值。 把命令转换为表达式,循环和分支中的一些字句可以弃用,如bre
JavaScript是函数式编程语言,表达式运算的能力比较强大,通过连续运算可以设计敏捷的程序代码。 示例1 最常用的是连续赋值运算。 var a = b = c = 1; 上面代码相当于声明 3个变量,并全部
使用中括号运算符 [] 可以存取数组元素值,使用点运算符 . 可以存取对象属性值。其语法格式如下: a.b //点运算符的用法 c[b] //中括号运算符的用法 操作数a表示对象,操作数b表示属性
new是一个运算符,可以创建对象,初始化实例。其语法格式如下: newcontructor(arguments) constructor必须是一个构造函数表达式,参数arguments可有可无,参数之间用逗号分隔。如果没有逗号,
在语法概念中,运算符属于词,表达式属于短语。表达式由一个或多个运算符、操作数组成的运算式。表达式的功能是执行计算,并返回一个值。 表达式的形式 表达式是一个比较富有弹
void是一元运算符,它可以出现在任意类型的操作数之前执行操作数,却忽略操作数的返回值,返回一个undefined。void常用语 HTML脚本中执行 JavaScript表达式,但不需要返回表达式的计算结
逗号运算符是二元运算符,它能够先执行运算符左侧的操作数,然后再执行右侧的操作数,最后返回右侧操作数的值。 逗号运算符可以实现连续运算,如多个变量连续赋值。 var a = 1,b
条件运算符是唯一的三元运算符,其语法格式如下: b ? x : y b 操作数必须是一个布尔型的表达式,x和y是任意类型的值。 如果操作数b的返回值为true,则执行x操作数,并返回该表达式的
移位运算就是对二进制进行有规律低移位。移位运算可以设计很多奇妙的效果,在图形图像编程中应用广泛。 运算符 运算符执行左移位运算。在移位运算过程中,符号位始终保持不变。
位运算就是对二进制数执行计算,是整数的逐位运算。例如,1+1=2,在十进制计算中是正确的,但是在二进制计算中,1+1=10;对于二进制数 100取反,等于 001,而不是 -100。 位运算符有
对象操作运算主要是针对对象、数组、函数这 3类复合型对象执行某种程序,设计的运算符包括 in、instanceof、delete。 归属检测 in运算符能够检测左侧操作数是否为右侧操作数的成员。其
赋值运算符左侧的操作数必须是变量、对象属性或数组元素,也称为左值。例如,下面的写法是错误的,因为左侧的值是一个固定的值,不允许操作。 1 = 100; //返回错误 赋值运算有以下
等值检测运算符包括 4个,详细说明如表所示。 等值检测运算符 等值检测运算符 说明 ==(相等) 比较两个操作数的值是否相等 !=(不想等) 比较两个操作数的值是否不相等 ===(全等)
关系运算也称比较运算,需要两个操作数,运算返回值总是布尔值。 比较大小的运算符有 4个,说明如表所示。 大小关系运算符 大小运算符 说明 如果第一个操作数小于第二个操作数,
逻辑非运算 ! 是布尔取反操作(NOT)。作为一元运算符,直接放在操作数之前,把操作数的值转换为布尔值,然后取反并返回。 示例1 下面列举一些特殊操作数的逻辑非运算返回值。
逻辑或运算 || 是布尔 OR操作。如果两个操作数都为true,或者其中一个为true,就返回true,否则就返回false。具体如图所示。 逻辑或运算 第一个操作数 第二个操作数 运算结果 true true t
逻辑运算又称布尔代数,就是布尔值(true和false)的算数运算。逻辑运算符包括:逻辑与 、逻辑或 || 和逻辑非 ! 。 逻辑与运算 逻辑与运算()是 AND布尔操作。只有两个操作数都为tr
算术运算符包括:加 + 、减 - 、乘 * 、除 / 、求余运算符 % 、数值取反运算符 - 。 加法运算 示例1 注意特殊操作数的求和运算。 var n = 5; //定义并初始化任意一个数值console.log(NaN + n);
JavaScript定义了 47个运算符,另有 4个存在争议的运算符。它们具有多重功能,在不同环境中可能会执行不同的操作,而且它们拥有更高的优先级(15级)。简单说明如下: .(点号):读
JavaScript 能够根据运算环境自动转换值的类型,以满足运算需要。但是在很多情况下需要开发者手动转换数据类型,以控制运算过程。 转换为字符串 常用值转换为字符串,如图所示。
使用typeof 运算符可以检测基本数据类型,但是 typeof 有很多局限性。本章介绍两种更灵活的方法,以应对高级开发可能遇到的各种复杂情况。 使用 constructor constructor 是 Object 类型的原型
ECMAscript5 新增了严格运行模式。推出严格模式的目的如下: 消除 JavaScript 语法中不合理、不严谨的用法。 消除代码运行的一些安全隐患。 提高编译器效率,提升程序运行速度。 为未来
JavaScript 支持把十进制数值转换为二进制、八进制和十六进制等不同进制的数值。 示例1 十六进制数值以0X或0x作为前缀,后面跟随十六进制的数值直接量。 var.num = 0xlF4; //十六进制数值
undefined 是 Undefined 类型的唯一值,它表示未定义的值。当声明变量未赋值时,或者定义属性未设置值时,默认值都为 undefined。 示例1 undefined 派生自 null, null 和 undefined 都表示空缺的值,
数字(Number)也称为数值或数。 数值直接量 当数字直接出现在程序中时,被称为数值直接量。在 JavaScript 程序中,直接输入的任何数字都被视为数值直接量。 示例1 数值直接量可以细分
JavaScript字符串(String)就是由零个或多个Unicode字符组成的字符序列。零个字符表示空字符串。 字符串直接量 字符串必须包含在单引号或双引号中。字符串直接量有以下几个特点。 1) 如果
本节我们先介绍 JavaScript 两个常用的类型,包括:基本类型、数字类型。在下一节里面我们继续介绍剩余的类型。 基本类型 JavaScript 定义了 6 种基本数据类型,如表所示。 JavaScript 的基本
变量污染 定义全局变量有 3 种方式: 在任何函数体外直接使用 var 语句声明。 var f = value1; 直接添加属性到全局对象上。在 Web 浏览器中,全局作用域对象为 window。 window.f = value; 直接使
变量相当于容器,值相当于容器内装的东西,而变量名就是容器上贴着的标签,通过标签可以找到 变量,以便读、写它存储的值。 声明变量 在 JavaScript 中,声明变量使用 var 语句。 示例
转义字符是字符的一种间接表示方式。在特殊语境中,无法直接使用字符自身。例如,在字符串中包含说话内容。 子曰:学而不思则罔,思而不学则殆。 由于 JavaScript 已经赋予了双引号
注释就是不被解析的一串字符。JavaScript 注释有以下两种方法: 单行注释://单行注释信息。 多行注释:/*多行注释信息*/。 示例1 把位于//字符后一行内的所有字符视为单行注释信息。
分隔符就是各种不可见字符的集合,如空格(\u0020)、水平制表符(\u0009)、垂直制表符(\uOOOB)、换页符(\uOOOC)、不中断空白(\uOOAO)、字节序标记(\uFEFF)、换行符(\uOOOA)、 回
关键字就是 ECMA-262 规定的 JavaScript 语言内部使用的一组名称(或称为命令)。 这些名称具有特定的用途,用户不能自定义同名的标识符。具体说明如表所示。 ECMAScript 关键字 break dele
JavaScript 遵循 ECMA-262 规范,目前其最新版是 ECMAScript 2018,而获得所有主流浏览器完全支持的则是 ECMAScript 5。以ECMAScript 5版本为基础,兼顾 ECMAScript 6 版本 中获得较大支持的新特性进行介
JavaScript 遵循 Unicode 字符编码规则。Unicode 字符集中每个字符使用 2 个字节来表示,这意味着用户可以使用中文来命名 JavaScript 变量。 提示: Unicode 是 Latin-1 字符集的超集,编码数目达到
代码块就是使用 script 标签包含的 JavaScript 代码段。 示例1 在下面示例中,使用了两个 script 标签分别定义两个 JavaScript 代码块。 script //JavaScript 代码块 1 var a = 1;/scriptscript //JavaScript 代码
对于导入的 JavaScript 文件,也将按照 <script 标签在文档中出现的顺序来执行,而且执行过程是文档解析的一部分,不会单独解析或者延期执行。 般情况下,在文档的 head 标签中包含
JavaScript 程序不能够独立运行,只能在宿主环境中执行。一般情况下可以把JavaScript代码放在网页中,借助浏览器环境来运行。 编写第一个程序 在HTML页面中嵌入JavaScript脚本需要使用scr
js中数组的常用方法进行一个总结,摘自博客园的Rachid的文章,并对文章进行了部分修复。同时根据CSDN的苍穹尘的文章,增加了几项(两位大佬莫见怪): 1、Array.map() 此方法是将数组
js中, 双问号?? 和双竖杠||的区别:它们的共同特点是语法一样,前面是值,后面也是值,中间是符号;都是根据前面的值来决定到底取前面还是取后面。 经过我爱模板网进行简单比较
IE条件注释 在前几年很好用,那个时候用IE6-IE8的用户很多,而IE对css3等的兼容性又差,但是IE9以下版本都是支持条件注释的。现在做项目很少遇到要兼容IE的了。而且,现在大多都是单
## Python JSON本章节我们将为大家介绍如何使用 Python 语言来编码和解码 JSON 对象。## 环境配置在使用 Python 编码或解码 JSON 数据前,我们需要先安装 JSON 模块。本教程我们会下载 Demjson 并
## Python IDE本文为大家推荐几款款不错的Python IDE(集成开发环境),比较推荐 PyCharm,当然你可以根据自己的喜好来选择适合自己的 Python IDE。## PyCharmPyCharm是由JetBrains打造的一款Python I
## Python2.x与3.x版本区别Python的3.0版本,常被称为Python 3000,或简称Py3k。相对于Python的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0在设计的时候没有考虑向
## Python CGI编程**什么是CGI**CGI 目前由NCSA维护,NCSA定义CGI如下: CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如:HTTP服务器,提供同客户端HTML页面的接口。## 网页
## Python XML解析**什么是XML?**XML 指可扩展标记语言(eXtensible Markup Language)。 你可以通过本站学习XML教程 XML 被设计用来传输和存储数据。 XML是一套定义语义标记的规则,这些标记将文
## Python 多线程1. 多线程类似于同时执行多个不同程序,多线程运行有如下优点:2. 使用线程可以把占据长时间的程序中的任务放到后台去处理。3. 用户界面可以更加吸引人,这样比如用
## Python使用SMTP发送邮件SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。 python的smtplib提供了一种很方
## Python 网络编程Python 提供了两个级别访问的网络服务。:- 低级别的网络服务支持基本的 Socket,它提供了标准的 BSD Sockets API,可以访问底层操作系统Socket接口的全部方法。- 高级别的网
## python操作mysql数据库Python 标准数据库接口为 Python DB-API,Python DB-API为开发人员提供了数据库应用编程接口。 Python 数据库接口支持非常多的数据库,你可以选择适合你项目的数据库:
## Python CGI编程**什么是CGI**CGI 目前由NCSA维护,NCSA定义CGI如下: CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如:HTTP服务器,提供同客户端HTML页面的接口。## 网页
## Python正则表达式正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配。Python 自1.5版本起增加了re 模块,它提供 Perl 风格的正则表达式模式。 re
## Python 面向对象Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对象是很容易的。本章节我们将详细介绍Python的面向对象编程。 如果你以前没有接触
## Python 异常处理python提供了两个非常重要的功能来处理python程序在运行中出现的异常和错误。你可以使用该功能来调试python程序。 - 异常处理: 本站Python教程会具体介绍。 - 断言(Assert
## Python 文件I/O本章只讲述所有基本的的I/O函数,更多函数请参考Python标准文档。## 打印到屏幕最简单的输出方法是用print语句,你可以给它传递零个或多个用逗号隔开的表达式。此函数
## Python File及os模块file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa target=_
## Python 模块模块让你能够有逻辑地组织你的Python代码段。 把相关的代码分配到一个 模块里能让你的代码更好用,更易懂。 模块也是Python对象,具有随机的名字属性用来绑定或引用。
## Python函数函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段。 函数能提高应用的模块性,和代码的重复利用率。你已经知道Python提供了许多内建函数,比如pri
## Python 日期和时间Python 程序能用很多方式处理日期和时间,转换日期格式是一个常见的功能。 Python 提供了一个 time 和 calendar 模块可以用于格式化日期和时间。 时间间隔是以秒为单位
## Python 字典(Dictionary)字典是另一种可变容器模型,且可存储任意类型对象。 字典的每个键值(key=value)对用冒号(:)分割,每个对之间用逗号(,)分割,整个字典包括在花括号({})中 ,格式如下
## Python 元组Python的元组与列表类似,不同之处在于元组的元素不能修改。 元组使用小括号,列表使用方括号。 元组创建很简单,只需要在括号中添加元素,并使用逗号隔开即可。如下
## Python 字符串字符串是 Python 中最常用的数据类型。我们可以使用引号来创建字符串。 创建字符串很简单,只要为变量分配一个值即可。例如:```pythonvar1 = Hello World!var2 = Python CodingDic
## Python 列表(List)序列是Python中最基本的数据结构。序列中的每个元素都分配一个数字 - 它的位置,或索引,第一个索引是0,第二个索引是1,依此类推。Python有6个序列的内置类型,但最
## Python 数字Python 数字数据类型用于存储数值。 数据类型是不允许改变的,这就意味着如果改变数字数据类型得值,将重新分配内存空间。 以下实例在变量赋值时数字对象将被创建:``
## Python 循环语句本章节将向大家介绍Python的循环语句,程序在一般情况下是按顺序执行的。 编程语言提供了各种控制结构,允许更复杂的执行路径。 循环语句允许我们执行一个语句或
## Python 条件语句Python条件语句是通过一条或多条语句的执行结果(True或者False)来决定执行的代码块。 可以通过下图来简单了解条件语句的执行过程:![](/static/assets/tutorials/lang/python/14
## Python 运算符## 什么是运算符?本章节主要说明Python的运算符。举个简单的例子 4 +5 = 9 。 例子中,4和5被称为操作数,+号为运算符。 Python语言支持以下类型的运算符:- 算术运算符- 比
## Python 变量类型变量存储在内存中的值。这就意味着在创建变量时会在内存中开辟一个空间。 基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中。 因
## Python 基础语法Python语言与Perl,C和Java等语言有许多相似之处。但是,也存在一些差异。 在本章中我们将来学习Python的基础语法,让你快速学会Python编程。 用一张图概况Python学习![](
## Python 中文编码前面章节中我们已经学会了如何用 Python 输出 Hello, World!,英文没有问题,但是如果你输出中文字符你好,世界就有可能会碰到中文编码问题。Python 文件中如果未指定编
## Python 环境搭建本章节我们将向大家介绍如何在本地搭建Python开发环境。Python可应用于多平台包括 Linux 和 Mac OS X,这些系统已经自带python支持,不需要再配置安装了。Windows 下直接下载
## Python 简介Python是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。 Python的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,
我爱模板网在做一个政府项目时,遇到一个需求,就是系统首页的图片放在本地的assets目录里,但是具体显示哪个图片需要后台接口获取,一开始没有写成动态,直接用下面的代码没问
vue的实例属性$options是用来获取定义在data外的数据和方法的。
很多时候,在我们得到搜索结果之后,我们需要更深入地搜索现有搜索结果的一部分。例如,在给定的文本主体中,我们的目标是获取Web地址,并提取Web地址的不同部分,如协议,域名
在自然语言处理领域,我们遇到两个或多个单词具有共同根的情况。例如,三个词 - 同意,同意和同意具有相同的词根同意。涉及任何这些词的搜索应将它们视为同一个词,即根词。因
文本摘要涉及从大量文本生成摘要,该摘要在某种程度上描述了大量文本的上下文。在下面的例子中,我们使用模块genism及其汇总函数来实现这一点。我们安装以下软件包来实现这一目
在文本处理期间经常需要计算文本主体中单词出现的频率。这可以通过应用 **word_tokenize()** 函数并将结果附加到列表以保持单词的计数来实现,如下面的程序所示。```pyfrom nltk.tokeni
从某些来源抓取的文本格式不正确无法在可用的屏幕宽度内显示时,需要进行文本换行。这可以通过使用以下包来实现,该包可以使用以下命令安装在我们的环境中。```pypip install paraw
Munging一般意味着通过改造它们来清理任何杂乱的东西。在我们的例子中,我们将看到如何转换文本以获得一些结果,这些结果为我们提供了一些理想的数据更改。在一个简单的层面上,
使用正则表达式有两个基本操作看起来相似但有显着差异。该 **re.match()** 检查只在字符串的开头匹配,而 **re.search()** 检查匹配字符串中的任何地方。这在文本处理中起着重要作用
语义分析是关于分析观众的一般意见。这可能是对一则新闻,电影或任何有关正在讨论的事项的推文的反应。通常,此类反应来自社交媒体,并通过NLP分组到文件中进行分析。我们将首
RSS(丰富站点摘要)是一种用于提供定期更改的Web内容的格式。许多与新闻相关的网站,网络日志和其他在线发布商将其内容作为RSSFeed联合到任何想要它的人。在python中,我们借助以下
要阅读word文档,我们将获得名为docx的模块的帮助。我们首先安装docx,如下所示。然后编写一个程序,使用docx模块中的不同函数按段落读取整个文件。我们使用以下命令将docx模块放入我
Python可以从中提取文本后读取PDF文件并打印出内容。为此,我们必须首先安装所需的模块 **PyPDF2**。以下是安装模块的命令。您应该已经在python环境中安装了pip。```pypip install pypdf2```成功
一些英语单词更频繁地出现在一起。例如 - 天空高,做或死,最佳表现,大雨等。因此,在文本文档中,我们可能需要识别这样的一对词,这将有助于情绪分析。首先,我们需要从现有
很多时候,我们需要通过一些预先定义的标准将可用文本分类为各种类别。nltk提供此类功能作为各种语料库的一部分。在下面的示例中,我们查看电影评论语料库并检查可用的分类。
基于分类的分块涉及将文本分类为一组单词而不是单个单词。一个简单的场景是在句子中标记文本。我们将使用语料库来演示分类。我们选择具有来自华尔街日报语料库(WSJ)的数据的
分块是根据单词的性质将相似单词分组在一起的过程。在下面的示例中,我们定义了必须生成块的语法。语法表示在创建块时将遵循的诸如名词和形容词等短语的序列。块的图形输出如
标记是文本处理的基本特征,我们将单词标记为语法分类。我们借助tokenization和pos_tag函数来为每个单词创建标签。```pyimport nltktext = nltk.word_tokenize(A Python is a serpent which eats eggs from the n
Corpora是一个展示多个文本文档集合的组。单个集合称为语料库。其中一个着名的语料库是古腾堡语料库,其中包含大约25,000本免费电子书,网址是: http://www.gutenberg.org/ 。在下面的例子
WordNet是一个英语词典,类似于传统的词库,NLTK包括英语WordNet。我们可以使用它作为获取单词,用法示例和定义含义的参考。类似单词的集合称为lemmas。WordNet中的单词是有组织的,节点
检查拼写是任何文本处理或分析的基本要求。python包 **pyspellchecker** 为我们提供了这个功能,可以找到可能错误拼写的单词,并建议可能的更正。首先,我们需要在python环境中使用以下命
替换完整的字符串或字符串的一部分是文本处理中非常常见的要求。该 **替换()** 方法返回其昔日的出现都换成了新的,可选的替代限制到最大数量的字符串的副本。以下是 **replace(
从一种语言到另一种语言的文本翻译在各种网站中越来越普遍,因为它们迎合了国际受众。帮助我们执行此操作的python包称为translate。可以通过以下方式安装此软件包。它提供主要语言
同义词和反义词作为wordnet的一部分提供,wordnet是英语的词汇数据库。它作为nltkcorpora访问的一部分提供。在wordnet中同义词是表示相同概念并且在许多上下文中可互换的单词,因此它们被
停用词是英语单词,对句子没有多大意义。在不牺牲句子含义的情况下,可以安全地忽略它们。例如,像,他,等等的单词已经在名为语料库的语料库中捕获了这些单词。我们首先将它
在Python中,标记化基本上是指将更大的文本体分成更小的行,单词甚至为非英语语言创建单词。各种标记化功能内置于nltk模块本身,可以在程序中使用,如下所示。## 线标记化在下面的
大写字符串是任何文本处理系统中的常规需求。Python通过使用标准库中的内置函数实现了它。在下面的例子中,我们使用两个字符串函数 **capwords()** 和 **upper()** 来实现这一点。虽
状态机是关于设计程序来控制应用程序中的流程。它是一个有向图,由一组节点和一组过渡函数组成。处理文本文件通常包括顺序读取文本文件的每个块并执行某些操作以响应每个块读
python模块 **pprint** 用于为python中的各种数据对象提供正确的打印格式。这些数据对象可以表示字典数据类型,甚至可以表示包含JSON数据的数据对象。在下面的示例中,我们将看到在应用
通过使用正则表达式从文本文件实现URL提取。表达式在文本与模式匹配的任何位置获取文本。只有re模块用于此目的。## 例我们可以将输入文件包含一些URL并通过以下程序处理它以提取
要从文本中提取电子邮件,我们可以采用正则表达式。在下面的示例中,我们借助正则表达式包来定义电子邮件ID的模式,然后使用 **findall()**函数来检索与此模式匹配的文本。```py
很多时候,我们需要仅针对文件中存在的唯一单词分析文本。因此,我们需要从文本中删除重复的单词。这是通过使用nltk中可用的单词标记化和设置功能来实现的。## 没有保留订单在下
当我们正常读取文件时,从文件开头逐行读取内容。但是有些情况下我们想先读取最后一行。例如,文件中的数据底部有最新记录,我们希望首先读取最新记录。为了达到此要求,我们
在读取文件时,它被读作具有多个元素的字典。因此,我们可以使用元素的索引访问文件的每一行。在下面的示例中,我们有一个包含多行的文件,这些行成为文件的各个元素。```pywi
ASCII到二进制和二进制到ascii转换由内置的binascii模块执行。它具有非常直接的用法,其功能可以获取输入数据并进行转换。下面的程序显示了binascii模块及其功能名为**b2a_uu** 和 **a2b_uu的
在从源读取文本时,有时我们还需要找出有关所用单词类型的一些统计信息。这使得有必要计算单词的数量以及给定文本中具有特定类型的单词的行。在下面的示例中,我们展示了使用
当我们处理大量文本并将其呈现为可呈现的格式时,需要格式化段落。我们可能只想打印具有特定宽度的每一行,或者在打印诗时尝试增加每一行的缩进。在本章中,我们使用名为**te
很多时候,我们需要对文件的内容进行排序以进行分析。例如,我们希望得到不同学生写的句子,以按名称的字母顺序排列。这将涉及排序不仅仅是行的第一个字符,而是从左边开始的
在python中,字符串数据类型是不可变的。这意味着无法更新字符串值。我们可以通过尝试更新字符串的一部分来验证这一点,这将导致我们出错。```py# Can not reassignt= codingdictprint type(t)
要在本教程中成功创建和运行示例代码,我们需要一个环境设置,它既包含通用python,也包含Data Science所需的特殊包。我们首先看一下安装python 2或python 3的通用python。但我们更喜欢本教
文本处理直接应用于自然语言处理,也称为NLP。NLP旨在处理人类在彼此交流时所说或写的语言。这不同于计算机和人之间的通信,其中通信是由人写的计算机程序或人的某些姿势,例如
一、WebSocket的优势 要说webSocket的好处,首先得说HTTP协议的缺陷:通信只能由客户端发起。 比如我们查询今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果,而不能实
我爱模板网 做一个项目,A用户发了消息给B用户,B用户要能实时收到,明显的,需要用到 WebSocket 。下面是我爱模板网用在vue项目中的 WebSocket 代码: template div button @click="send"发消息
我爱模板网在做 flutter 项目时,使用了1.7.8的 fluro路由 组件,flutter版本是1.20,发现引入fluro,编译时会报错: No named parameter with the name 'reverseTransitionDuration' 大概意思是flutter的navigator没
Flutter页面适配插件 flutter_ScreenUtil 3.0 版本和之前的老版本初始化不一样,之前的老版本初始化如下: ScreenUtil.init(context, width: 750, height: 1334, allowFontScaling: false); 新版本采用了 designSize 来
Flutter Timer定时器的应用场景很广,在诸如启动时的广告倒计时、弹框倒计时、获取验证码等等都会用到。 两种场景: 执行一次,相当于setTimeout 执行多次,相当于setInterval 这时,就需要
昨天我爱模板网在做一个使用yarn进行包管理的项目时,运行 yarn install 进行安装包,出现了下面的错误提示: yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统因
下面的download是请求后端接口,返回的是二进制流,通过Blob转为blob对象,然后通过a链接的download属性,进行下载
const声明变量 1.const在=号左边 声明变量,必须在声明时候赋值,一旦赋值就不允许修改。 2. const在=号右边 作用修饰值,意味着对象的深度和值在定义是就完全确定 如 final a = const [1,2
本文起因是由于一个弹窗,要实现一个能够通过点击显示隐藏的功能,效果如下: 第一选择是采用原生的PopupMenuItem,但是本应用的需求比较特殊,弹出的item自带背景图片,并且图片上
AppBar是Scaffold组件的一个属性,通常是一个标题,至多再在左侧加个按钮,右侧再加几个按钮,如果想实现页面的AppBar是个tab栏,可以左右切换,而并非一个简单粗暴的标题,就可以使用
要实现自定义AppBar,需要注意两点: 1、AppBar不是平常自定义组件简单的继承StatelessWidget或者StatefulWidget,它还必须实现PreferredSizeWidget 2、必须重写preferredSize,preferredSize比如要有return 下
## Python uwsgi 安装配置本文主要介绍如何部署简单的 WSGI 应用和常见的 Web 框架。以 Ubuntu/Debian 为例,先安装依赖包:```pyapt-get install build-essential python-dev```## Python 安装 uWSGI**1、通过 pip
Mongodb 是目前最流行的 NoSQL 数据库之一,使用的数据类型 BSON(类似 JSON)。MongoDB 数据库安装与介绍可以查看我们的 MongoDB 教程。## PyMongoPython 要连接 MongoDB 需要 MongoDB 驱动
我爱模板网通过phpMyAdmin新建MySql数据表,提交时报错: #1089 - Incorrect prefix key; the used key part isn't a string, the used length is longer than the key part, or the storage engine doesn't support unique prefix keys 截图
Python 程序能用很多方式处理日期和时间,转换日期格式是一个常见的功能。 Python 提供了一个 time 和 calendar 模块可以用于格式化日期和时间。 时间间隔是以秒为单位
JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 Python3 中可以使用 json 模块来对 JSON 数据进行编解码,它包含了两个函数:
XML 指可扩展标记语言(eXtensible Markup Language),标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。 你可以通过本站学习XML教
多线程类似于同时执行多个不同程序,多线程运行有如下优点: - 使用线程可以把占据长时间的程序中的任务放到后台去处理。- 用户界面可以更加吸引人,这样比如用户
Python 提供了两个级别访问的网络服务。: - 低级别的网络服务支持基本的 Socket,它提供了标准的 BSD Sockets API,可以访问底层操作系统Socket接口的全部方法。- 高级别的
本文我们为大家介绍 Python3 使用 PyMySQL 连接数据库,并实现简单的增删改查。**什么是 PyMySQL?**PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库,Python
正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配。 Python 自1.5版本起增加了re 模块,它提供 Perl 风格的正则表达式模式。
os模块提供了不少与操作系统相关联的函数。```python import os os.getcwd() # 返回当前的工作目录C:\\Python34 os.chdir(/server/accesslogs) # 修改当前的工作目录 o
os 模块提供了非常丰富的方法用来处理文件和目录。常用的方法如下表所示:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa href=
Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对象是很容易的。本章节我们将详细介绍Python的面向对象编程。 如果你以前没有接
作为Python初学者,在刚学习Python编程时,经常会看到一些报错信息,在前面我们没有提及,这章节我们会专门介绍。 Python有两种错误很容易辨认:语法错误和异常。
file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa href=
Python 输入和输出在前面几个章节中,我们其实已经接触了 Python 的输入输出的功能。本章节我们将具体介绍 Python 的输入输出。## 输出格式美化Python两种输出值的方式: 表达式语句和
Python 模块在前面的几个章节中我们脚本上是用python解释器来编程,如果你从Python解释器退出再进入,那么你定义的所有的方法和变量就都消失了。 为此 Python 提供了一个办法,把这些
本章节我们主要结合前面所学的知识点来介绍Python数据结构。## 列表Python中列表是可变的,这是它区别于字符串和元组的最重要的特点,一句话概括即:列表可以修改,
本章节我们将为大家介绍Python中函数的应用。 该章节可参阅Python 函数应用详解。 Python 定义函数使用 def 关键字,一般格式如下:```pythondef 函数名(参数列表): 函数体
迭代是Python最强大的功能之一,是访问集合元素的一种方式。。迭代器是一个可以记住遍历的位置的对象。迭代器对象从集合的第一个元素开始访问,
Python中的循环语句有 for 和 while。 Python循环语句的控制结构图如下所示:![](/static/assets/tutorials/lang/python3/while_loop_1.png)## while 循环
Python中if语句的一般形式如下所示:```pythonif condition_1: statement_block_1elif condition_2: statement_block_2else: statement_block_3```如果 condition
字典是另一种可变容器模型,且可存储任意类型对象。 字典的每个键值(key=value)对用冒号(:)分割,每个对之间用逗号(,)分割,整个字典包括在花括号({})中 ,格式如下所示:
Python 的元组与列表类似,不同之处在于元组的元素不能修改。 元组使用小括号,列表使用方括号。 元组创建很简单,只需要在括号中添加元素,并使用逗号隔开即可。 如
Python囊括了大量的复合数据类型,用于组织其它数值。最有用的是列表,即写在方括号之间、用逗号分隔开的数值列表。列表内的项目不必全是相同的类型。```python a = [spa
除了数字,Python也能操作字符串。字符串有几种表达方式,可以使用单引号或双引号括起来:```python spam eggsspam eggs doesn\tdoesnt doesntdoesnt Yes, he said.Yes, he said.
Python 解释器可以作为一个简单的计算器:您可以在解释器里输入一个表达式,它将输出表达式的值。 表达式的语法很直白: +, -, * 和/ 和在许多其它语言(如Pascal或C)
什么是运算符?**本章节主要说明Python的运算符。举个简单的例子 4 +5 = 9 。例子中,4 和 5 被称为操作数,+ 称为运算符。Python语言支持以下类型的运算符:1
确保对模块, 函数, 方法和行内注释使用正确的风格 Python中的注释有单行注释和多行注释: Python中单行注释以#开头,例如:```python#!/usr/bin/python3#coding=utf-8# 这是一个注释pr
Linux/Unix的系统上,Python解释器通常被安装在 /usr/local/bin/python3.4 这样的有效路径(目录)里。 我们可以将路径 /usr/local/bin 添加到您的Linux/Unix操作系统的环境变量中,这样
Python中的变量不需要声明。每个变量在使用前都必须赋值,变量赋值以后该变量才会被创建。在Python中,变量就是变量,它没有类型,我们所说的类型是变量所指的
现在,我们能使用Python完成比 2+2 更复杂的工作。在下例里,我们能写出一个初步的斐波纳契数列如下:```python # Fibonacci series: 斐波纳契数列... # 两个元素的总和确定
Python的3.0版本,常被称为Python 3000,或简称Py3k。相对于Python的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0在设计的时候没有考虑向下兼容。## 查看
Python3 基础语法编码默认情况下,Python 3源码文件以 UTF-8 编码,所有字符串都是 unicode 字符串。 当然你也可以为源码文件指定不同的编码:```python# -*- coding: cp-1252 -*-```## 标识符- 第一
手机状态栏,即手机顶部显示电池、网络、时间、信号等的位置,沉浸式状态下,状态栏的背景可能是深色,也可能是浅色,这时如果状态栏里面的内容文字也是和背景一样黑色或白色
我爱模板网新建了个MySQL数据库,往里面插入内容时,报了下面的错误: 1366: Incorrect string value: '我爱模板网' for column 'name' at row 1 插入英文或数字没问题,应该是字符编码问题。打开表
先来个函数与美女压压惊: 继续,Dart函数有现象java和js的结合和扩展。如果您学习过java和js,对理解Dart函数很有帮助: 一、Dart函数语法: 返回类型 方法名称(参数1类型 参数1,参数
我爱模板网要设置如下的效果: 从图中可以看出,有个圆弧图片在文字底部,实现方法无非两种: Stack与Positioned 结合定位实现以及背景图片 DecorationImage 来实现。这里用背景图片更加合
Flutter的ListView或Column或Row嵌套ListView,往往会报下面的错误: RenderBox was not laid out: RenderFlex..... 这是因为ListView或Column或Row嵌套ListView,会有问题,解决办法如下: 一、ListView嵌套ListVie
先看下用三种方式分别实现Flutter图片圆角的效果图: 下面分别记录下这三种方式: 1、使用ClipRRect裁切,简单高效,直接使用: ClipRRect( borderRadius: BorderRadius.circular(20), child: Image.asset(
在Flutter中,提供了不少裁剪组件,可以帮助我们实现不同形状的组件,当然,如果需要特殊的形状,那就需要自定义裁剪组件了。 ClipRect - 矩形裁剪 ClipRect组件使用矩形裁剪子组件。通
网上关于vue使用Web Worker http://www.5imoban.net/jiaocheng/CSS3_HTML5/2019/0618/3579.html,有相关的库,但是我爱模板网做的这个项目,并不需要处理多少Web Worker,于是直接用原生的来撸了。 1、在根目
我爱模板网在利用input webkitdirectory 做文件夹上传时,一次性选择的文件达到了10000个,选择文件后,需要对文件一个一个进行遍历,以便于显示在当前列表,这是一个非常耗时的操作,
Flutter报错:Cannot provide both a color and a decoration
Flutter报错:A borderRadius can only be given for uniform borders.
虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响应给子组件.如果你用data去接收$store.state,当然可以接
本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这
本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 关于vuex为什么这样做,先不要管,但请相信他这么做必然有很多的好处.在vue中,我们要
本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! Action 类似于 mutation,不同在于: 1.Action 提交的是 mutation,而不是直接变更状态。 2.Action 可以包含任意异步操作。 官方给的定义我没什么
本文通过一个案例,展示了Flutter通过bottomNavigationBar和DefaultTabController组件实现底部tab栏和顶部tab栏的实现
Flutter的TabBar选项卡一般位于AppBar下方,通常和TabBarView、TabController一起使用: TabBar:Tab页的选项组件,默认为水平排列: 属性名 类型 说明 isScrollable bool 是否可以水平移动 tabs ListWidg
js合并对象在工作中还是有很大用处的,这里根据cnblogs的小生怕怕博主,进行了简单的整理,感谢! 之前我爱模板网也简单整理过,详见: js合并对象的方法 。不全,这里补全下: 1、
我爱模板网 在给客户换主机时,将客户的程序download下来,上传到新主机上,然后从dedecms官网下载了最新版,从里面解压得到了install目录,上传到服务器根目录,运行域名/install,发现
animate.css ,不用多做介绍。这里主要写下我爱模板网在使用过程中常用的三种方法。为了便于理解,以给下面的图片加动画为例: img src="1.jpg" / 一、入场动画,即进入页面,就执行动画
element基于axios封装的request默认发送的是application/json,如果要发送form-data,需要做以下修改 一、在request.js将“application/json;charset=UTF-8”改成“application/x-www-form-urlencoded” const service = a
我爱模板网在做一个项目时,看到了类似于如下的代码: 此时,虽然不明白为什么这么写,但是能猜出来,点击div的时候,弹出
我爱模板网在用dedecms给客户做网站时,新建了个栏目,添加文章时一切正常,但是,当再此打开这个文章进行编辑时,就出现了下面的错误: Fatal error: Uncaught Error: Call to a member functio
showModalDialog和showModelessDialog都是js模态框,平时我们说的模态框是用js模拟的弹出层,实际上弹出层和当前页面是一个界面。但这里的showModalDialog和showModelessDialog是新窗口,加载新的页面
在我们实际的项目开发中,经常会遇到页面UI内容过多,导致手机一屏展示不完的情况出现,以Android为例,在Android中遇到这类情况的做法通常就是使用ScrollView将内容包裹起来,如果不做
我爱模板网在用flutter开发一个app时,报了下面的错误: D:\flutter\bin\flutter.bat --no-color packages get Error detected in pubspec.yaml: Error on line 49, column 4: Expected a key while parsing a block mapping. ╷ 49 │
art-template是一款高性能的JavaScript模板引擎,按照官方首页的描述,它是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行
在uni-app的pages.json中,有两处可以设置backgroundColor,一处是globalStyle,针对全局所有页面生效,另一处是pages-style中,针对当前设置的页面生效。其实,官方文档已经说的很清楚了,这个
我爱模板网在做一个项目时,需要使用到gulp,而客户对保密要求很严格,只能在他们提供的云桌面上使用。而云桌面只能访问他们的内网,无法访问外网。所以,运行下面的语句安装
NPM默认的源在某些国内主机(如阿里云)的某些时间段访问会非常的慢,大家在使用NPM源时常常会使用国内的淘宝镜像源: npm config set registry http://registry.npm.taobao.org/ 但是这个淘宝源亲
不得不说IE的ActiveX的确很强大,只是限制太多,而且由于安全性问题,导致很多情况下获取不到。下面这段代码是IE通过ActiveX获取本机的内网IP和网卡的物理地址: function GetAdapterInfo()
在头条看到的,觉得不错。最终答案是1,构造函数创建的函数对象,其内部scope属于始终指向全局词法环境,而不考虑其在何处创建,故输出“1”: var a = 1;function foo(){ var a = 2; var inn
js要读取光驱信息,只能通过ActiveXObject,而且,只能在IE浏览器下
document.referrer 属性可返回载入当前文档的文档的 URL,说白了就是能够获取来路URL,如果来路URL为空,则为空。使用场景: 1、 history.go(-1) 和 history.back() 都能够返回上一页,但是,如果
本文来自 CSDN 的星辉Johnson,感谢大神提供的代码,写的太好了,故转载到此处! Word.Application官网地址:https://docs.microsoft.com/zh-cn/office/vba/api/word.font.strikethrough 说真的,刚开始我也不知
flutter如果TextField获得焦点,默认点击空白的地方,是不会收回键盘的,而且也不会失去焦点。下面的方法通过给body加触摸事件隐藏键盘,实现了点击空白处隐藏键盘并让输入框失去焦点
我爱模板网在改很久之前的vue-cli项目,运行打包命令run build:prod,发现提示下面的错误 'vue-cli-service'不是内部或外部命令,也不是可运行的程序或批处理文件 运行预览命令也不行,也是
如果你需要保存较大的文件,不受 blob 的大小限制或内存限制,可以看一下更高级的 StreamSaver.js(https://github.com/jimmywarting/StreamSaver.js), 它使用强大的 stream API,可以将数据直接异步地
我爱模板网在做一个项目时,遇到一个需求:要读取文件夹内的图片,并显示到页面中,点击此图片,需要调用windows图片查看器,打开图片(不是用js显示,是用图片查看器): 1、利用
有时候可能有这个需求:用v-html渲染html内容,但是这个html里面不仅仅是原生的html内容,可能包含v-on等vue的事件、v-model等vue的数据甚至vue自定义组件标签,但是v-html是不能解析这些的,
前言 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要
阿里云服务器云安全中心提示,安装的dedecms的留言板诸如漏洞,位置在 根目录/plus/guestbook/edit.inc.php,漏洞提示如下: 这个是一个dedecms留言板注入漏洞,因为没有对$msg过滤,导致可以
阿里云服务器云安全中心提示,dedecms过滤逻辑不严导致上传漏洞: 我们找到并打开/include/uploadsafe.inc.php文件,在里面找到如下代码: if(empty(${$_key.'_size'})) { ${$_key.'_size'} = @filesize($$_ke
阿里云服务器云安全中心提示,dedecms任意文件上传漏洞,dedecms变量覆盖漏洞导致任意文件上传。位置在 根目录/include/dialog/select_soft_post.php,漏洞提示如下: 解决办法如下: 找到/includ
阿里云服务器云安全中心提示,dedecms后台文件任意上传漏洞,dedecms早期版本后台存在大量的富文本编辑器,该控件提供了一些文件上传接口,同时dedecms对上传文件的后缀类型未进行严
Cartesian的翻译为"笛卡尔",实际上Cartesian3是来储存点的X/Y/Z坐标的,其中的方法也是服务于这一点,请大家记住这一点。以下就简称之为C3。 一、经纬度转换为世界坐标 1.Cesium.Cartesian3
FractionallySizedBox组件常用来设置子元素占用父元素的宽度
http-server是基于node的非常简单的http服务器,安装 http-server 非常简单,这里就不赘述了,在这里罗列下http-server的命令。 http-server启动示例(在当前目录,启动一个允许跨域的,端口号为
我爱模板网的Sublime Text 3每次打开都会卡很久才会好,有时甚至直接卡死,但是有时候想编辑个东西,打开如vscode、Android Studio等有没必要,今天卡顿的时间尤其长,没办法,打开控制台
Cesium js加载天地图的代码
IE的ActiveXObject非常强大,可惜其他浏览器并不支持,而且在IE下也必须开启很多安全选项才能使用,而且,随着IE的结束,edge的出现,微软已经放弃了它。这里介绍通过ActiveXObject的Scri
因为函数里有return返回对象了,所以不需要new,如果写new 就不必返回对象,重复了!还有没new的和new的一样,没有哪个更省内存,因为new包括了return 对象就真么简单,感谢问题下面的评
在flutter中,给一个容器设置圆角,最简单的方法就是用Container包裹,然后给Container设置borderRadius,就像css中给div设置border-radius一样。但是,如果这个Container中的子容器含有背景色,在
JavaScript Math对象介绍: JavaScript中的math 对让我们能够对执行一些数学操作。它具有数学常数和函数的属性和方法。在今天的文章中将介绍Math对象的一些有用方法。 1. Math.min() Math.min()是
Cesium是基于webGl的优秀GIS框架,这里介绍点击Cesium地图任意位置,获取点击点的经纬度以及高度
首先,apply和call的区别: apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性,语法: Function.apply(obj,args) obj:这个对象将代替Function类里this对象 args:这个是数组,它将作
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例 1 var nama = '小王', age = 17;var obj = { name: '小张', objAge: this.age, myFun: function(){ console.log(this.name + '年龄
javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。 每一个构造函数都有一个属性叫做原型。这个属性非常有用:为一个特定类声
Cesium SkyBox天空盒可以改变原本满天星星的星空背景,换个天空,换个心情。下面是天空盒背景图规则: 下面是更换Cesium SkyBox天空盒的代码: var viewer = new Cesium.Viewer('cesiumContainer', { sk
工作中有需求,用ElementUI开发的表格字段太多,需要实现下面的效果,即动态显示列: 其实实现起来很简答,即用一组check-box的value,来绑定每一列,通过v-if来控制当前列是否显示。
我在使用Cesium加载gltf报错: RuntimeError: Unsupported glTF Extension: KHR_technique_webgl 这个gltf是很久之前的数据,使用 osgb转Cesium 3D tiles工具 转换的是没有这个问题的。 解决办法: 在初始化地球
一、根据前后经纬度和高度计算变换矩阵-平移矩阵: ①根据tileset的边界球体中心点的笛卡尔坐标得到经纬度坐标 ②根据经纬度和高度0,得到地面笛卡尔坐标 ③根据经纬度和需要的高
编译ts文件,需要敲下面的代码 tsc a.ts 会自动在同级目录生成: a.js 但是每次这样都很麻烦,这里介绍下如何让vscode自动编译ts文件: 1、创建 tsconfig.json 文件,运行tsc --init 生成配置文
typeScript中的?:问号冒号表示此参数或属性可选,使用了 –strictNullChecks,可选参数或属性会被自动地加上 | undefined: function f(x: number, y?: number) { return x + (y || 0);}f(1, 2);f(1);f(1, undefined);f(1,
ES5之前并没有什么正规的class来定义类,下面是定义类的一些变通的方法: 1.工厂模式 function createObject(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj.getName = function(){ return this.
关于ES5类的定义的几种方法,可以参考 ES5定义类 。这里介绍ES5类的继承的几种方法以及优缺点: 一、call、apply、bind对象冒充继承模式: function Persion(){ this.name = '张三'; this.age = 20; th
tinymce 是一款非常优秀的简约的美观的富文本编辑器,下面介绍如何主动去获取和设置tinymce的文本内容,以及获取纯文本不带html标签的内容: 1、如果当前页面只有一个编辑器: 获取内
javascript如何将变量作为对象的key和键值来创建对象
以下不讨论加入TypeScript 和 JSX/TSX 一、使用 require.context 实现前端工程自动化 require.context是一个 Webpack 提供的Api,通过执行require.context函数获取一个特定的上下文,主要是用于实现自动化
通过typescript的泛型和接口,定义一个操作数据库的库,支持MySql、MongoDb 要求:MySql、MongoDb功能一样,都有四个方法:add、update、delete和get方法 注意:约束统一的规范,注意代码重用 解
最近在学习开发Flutter应用项目,在创建tabbar和tabview后,进行网络请求后显示顶部tab标签,设置TabController,并使class类实现SingleTickerProviderStateMixin,代码如下: class _TravelPageState extends St
Axure RP 9最新授权码,Axure RP 9最新注册码,亲测可行: Axure RP 9.0.0.3687 正式版(目前最新版) Licensee :Freecrackdownload.com KEY:5vYpJgQZ431X/G5kp6jpOO8Vi3TySCBnAslTcNcKkszfPH7jaM4eKM8CrALBcEC1 Axure RP 9.0.0.3
webpack 原理图 vite 原理图 webpack会先打包,然后启动开发服务器,请求服务器时直接给予打包结果。 而vite是直接启动开发服务器,请求哪个模块再对该模块进行实时编译。 由于现代浏览
一、默认进行懒观察(lazy observation) 在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「
首先,在安装VUE3之前,请先卸载已经安装的VUE2,即卸载vue-cli: npm uninstall -g @vue/cli 一、通过Vue-cli创建我们的项目 1、全局安装Vue-cli: yarn global add @vue/cli# ORnpm install -g @vue/cli# ORcnpm in
currentTarget 指的是触发事件的当前对象,可以是冒泡和捕获的对象,不一定是点击或者鼠标移入等事件的直接触发对象。可以是他的父元素等。 target 指的是事件触发的直接对象。IE有兼
Decorator 是 ES7 的一个新语法,目前仍处于第2阶段提案中,正如其“装饰器”的叫法所表达的,他通过添加@方法名可以对一些对象进行装饰包装然后返回一个被包装过的对象,可以装饰的
npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细
DEDECMS利用strftime()函数格式化时间的所有参数详解,包括年份日期进制、小时格式等,可以格式化任意位置如首页、列表页、详情页的时间,使用简单,可以格式的效果非常多: dedecms首
先介绍一下 mkdir() 这个函数: mkdir($path,0777,true); 参数1:必须,代表要创建的多级目录的路径; 参数2:设定目录的权限,默认是 0777,意味着最大可能的访问权; 参数3:true表示允许创
原理:PHP中str_replace替换函数的运用, 首先需要一个数据库,我叫他newsdata. 和一张表:(news) 具体如下图: 提一点,新闻内容和后面说到的html路径的类型设为了TEXT,在MySQL—Front中会显示
获取当前文件的绝对路径:__FILE__ 获取当前文件的名称:basename(__FILE__) 获取当前脚本的目录:__DIR__ dirname返回路径的目录部分:dirname(__FILE__),相当于__DIR__ 获取当前脚本的文件名:$_
crx是谷歌chrome插件的扩展格式。谷歌扩展插件安装有两种方式,在线安装和线下安装。在线安装就不多说了,主要说线下安装: 1、从设置-更多工具-扩展程序 打开扩展程序页面,或者地
我爱模板网需要在没有联网的云桌面上H5应用的接口,需要解决跨域。谷歌chrome的跨域插件Allow CORS: Access-Control-Allow-Origin http://www.5imoban.net/texiao/other/202102244720.html比较好用,所以下载了
本CSS3参考手册为chm格式,打开即可阅读。如果出现白屏,请访问: chm格式的电子书打开是空白的解决办法 。 本参考手册非常详细的,从css3选择器和css3属性两方面介绍css3,css3属性类
uni-app常用的提示框,包括土司提示、加载框、模态框等: 1、土司提示 提交表单的时候,如果提交成功 uni.showToast({ title: '提交成功', duration: 2000}); 2、去掉图标,只显示文字的土司提示
Vue中,在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} }}sellerArr: { type: Array, default: []} 当父组件没有传这个值或者值是空时,输出的话,返回: 下面这种是错误的
之前,为了解决谷歌chrome跨域问题,我爱模板网安装了一款谷歌插件: Allow CORS: Access-Control-Allow-Origin 。但是,发现部分接口还是无法跨域。没办法,只能使用下面的方法,成功解决所有
dedecms织梦左侧菜单的会员功能客户不想要了,需要删除。删除方法如下: 1、找到dede/inc/inc_menu.php,打开,找到以下代码(修改前记得备份): $adminMenu1 = $adminMenu2 = '';if($cuserLogin-getUs
我爱模板网在使用dedecms织梦给客户做网站时,客户需要首页的三张轮播图可以自己在后台进行上传。我第一个想到的就是系统设置中的系统基本参数中的添加新变量功能。但是dedecms自带
我爱模板网根据客户需求,需要根据自定义字段进行搜索,同时还要在advancedsearch显示自定义字段,dedecms织梦实际上是支持自定义字段的查询的,但是不支持在高级搜索advancedsearch显示自
dedecms织梦在列表页无法显示自定义字段
前几天有人在评论区问我用织梦系统搭建新站,在系统基本参数设置好了之后,像往常那样点击【确定】这个按钮,没想到却出现了Token mismatch!的提示,系统的基本参数无法改变,后经
我爱模板网在使用dedecms做网站时,默认都是全站静态,有利于seo,访问速度也会稍快。但是也有麻烦的地方,比如修改个全局变量如备案号时,要更新首页、栏目页、内容页,页面少还
Vue从2升级到了3,有了质的变化,Vue Cli也和老版本不一样了,需要按照下面的步骤进行使用: 1.全局安装一个桥接工具 npm install -g @vue/cli-init 2.创建Vue CLI 2 项目 vue init webpack my-project 注:
js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'
vue3子组件调用父组件方法,除了this.$parent之外,还有$emit,这个和Vue2一样,但是,vue3多了个emits对调用之前进行参数判断,用法如下: 接收消息方(父组件) template v-login @submit='doLog
Vue3.x以后从实例中移除了 $on , $off 和 $once 方法,$emit 仍然是现有 API 的一部分,只能实现子组件触发父组件的方法。 mitt插件地址: https://github.com/developit/mitt 使用mitt之前先安装mitt模块
1、单个v-mode数据绑定 默认情况下,组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称: 父组件: templa
Vue 实现了一套内容分发的 API,将 slot 元素作为承载分发内容的出口,在调用组件时,可以在组件的标签中间插入文字、html内容或变量。 下面为案例: 1、自定义一个按钮组件 templateb
在 Vue3自定义组件slots 中,介绍了如何使用slot为自定义组件插入内容,这里介绍如何设置slot的默认值: 下面为案例: 1、在自定义组件的slot中间,加入默认的内容,可以是变量、文字和
我爱模板网之前分享过通过css和js控制html文字溢出隐藏显示...的方法: css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 文字超出一行或者指定行数
前言 最近在用uni-app开发app时,因为uni-app组件map的regionchange取不到经纬度的问题,只能改用H5自行开发map页面(本人采用的是高德地图);H5可用本地Html和网络资源 一、 uni-app引入webvi
我爱模板网做企业微信项目APP时,需要将线上地址代理到本地,项目是uni-app运行的,当访问指向本地的线上地址时,的确可以打开本地的uni-app项目,但是却不停的提示 Invalid Host header
vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问。这样有2中方
dedecms V5.7的ckeditor编辑器的批量上传,是基于强大的flash上传插件——SWFUpload,但是先在的浏览器已经抛弃flash了,但dedecms v5.6的fckeditor的批量上传插件不是基于swfupload,所以,只能先换
关于vue引入全局变量和全局函数 一、全局变量 首先单独定义一个js文件,我一般放在asset文件中,注意结尾要用export写法 在入口文件main.js(如果是多页面,就是用到该全局变量的入口文
vue3全局引入和vue2不太一样,点击查看: vue2全局引入方法 。vue3全局引入方法步骤如下: 1、新建js,导出您的方法: var func = { msg(){ alert(111) }}export default func; 2、在main.js全局引入 impor
一、Object.assign()基本用法: Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都
本案例利用VUE3的teleport实现了简单的模态框代码,将模态框生成的代码放在了VUE模块的外面,body的里面,这样z-index更加容易控制。并利用双向绑定实现了点击子组件灰色遮罩,隐藏自己
wamp环境使用thinkPHP的基本配置流程,此为最最基础的内容,使用过thinkPHP的都可以不用看了。适合第一次使用的同学: 1、打开cmd,定位到wamp的host目录,如www,执行安装最新版thinkPHP:
thinkPHP上线后关掉相关错误提示,防止一些别有用心的人通过错误代码找到漏洞: 关掉单个文件调试信息显示: error_reporting(0); thinkPHP框架在项目部署上线时,要去掉错误调试信息,需要
css3为我们提供了很好的媒体查询: 利用@media screen实现网页布局的自适应 ,而enquire.js是一个非常轻量级的纯js响应CSS媒体查询库。enquire.js是基于js的window.matchMedia()接口实现的更强的功能
vue3抛弃了vue.use等方法,当使用下面的方法时: import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter) 会提示错误: Property 'use' does not exist on type 'typeof import
thinkPHP volist列表循环要实现每一行不同颜色,必须要知道当前循环的索引
uni-app的swiper里面嵌套了列表,swiper的高度必须刚好占用除顶部tab选项卡和筛选条件高度外的屏幕剩余空间,一开始考虑用calc来计算,发现在不同的手机下还是有点问题,因为rpx也是动态
uni-app有两个方法,可以方便的获取屏幕和元素的宽高位置信息(获取元素宽高位置时,一定要等元素渲染完,否则会得不到): 一、uni-app获取屏幕宽高信息: uni.getSystemInfo(OBJECT) 详解
ThinkPHP6的inc和dec方法是老版本setInc和setDec的替代方法,用法和之前基本上一致,下面简单记录下用法: inc方法将数字字段值增加,如: public function update() { $result = M("User")-where('uid = 2
我爱模板网在使用ThinkPHP6做项目时遇到了一个问题,在使用ThinkPHP6的paginate分页方法后,翻页就会丢失自己定义的传参,需要在分页地址上增加参数
ThinkPHP6安装多应用后,提示控制器不存在。ThinkPHP6默认是单应用模式,需要多应用时,就要安装多应用模式扩展think-multi-app composer require topthink/think-multi-app 然后删除框架自带的app\cont
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机
浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。 本文详细介绍"同源政策"的各个方面,以及如何规避它。 一、概述 1.1 含义 1995年,同源
ThinkPHP5.0的助手函数汇总,转载自thinkphp.cn,很实用:
用ThinkPHP开发项目,遇到一个问题,就是在一个控制器中定义了一个方法,需要在另一个控制器中调用
thinkPHP 6.0+jQuery实现图片上传到public的upload目录,并且上传两张图片。 一、修改上传路径 找到根目录/config/filesystem.php,修改root的值如下: 'local' = [ // 'root' = app()-getRuntimePath() . 'storage'
php实现多级菜单嵌套循环输出,需要用到递归。假设数据库中有如下数据: 要实现无线嵌套效果,可以使用如下代码: 1、取出数据,这里是thinkphp的model取数据方法,取数据的方法无所
dedecms自定义了图片字段,然后添加文章正常的,点击编辑,发现报错了: Fatal error: Call to a member function GetInnerText() on string in dedecms发布的文章无法编辑、无法修改。不显示。问题解决
我爱模板网在做项目时,需要获取滚动条的宽度,但是,查遍了资料,也没发现好的方法。查到的都是获取滚动的距离。滚动条宽度在不同浏览器下还不一样,如果写死,还有偏差,如
使用uni-app开发h5应用,而且是在无外网的云桌面,按照下面的方法即可安装使用 vconsole 调试工具。 1、在本地有网的电脑上,安装vconsole npm install vconsole -S 2、安装完得到下面的目录:
hinkPHP后台添加的富文本,前台直接如下调用: {$content} html标签将不会被解析,直接显示出来,就像js的innerText一样。 此时,需要借助raw和htmlspecialchars_decode方法: {$content|raw|htmlspecialc
在thinkphp开发的项目中,下面的方法可以轻松获取上一篇、下一篇文章,但是只适用于文章id必须是自增长的int型。 方法其实很简单,根据当前文章的分类id即cateid,选出所有同类型的文
isset()判断变量是否已设置 格式:bool isset ( mixed var [, mixed var [, ]] ) 1、若变量不存在则返回 FALSE 2、若变量存在且其值为NULL,也返回 FALSE 3、若变量存在且值不为NULL,则返回 TURE 注意
js如何给dom包裹一层父标签,就像jQuery的wrap方法一样,要实现这个功能,就要了解 replaceChild ,下面是 replaceChild 的用法: nodeObject.replaceChild(new_node, old_node) 其中 nodeObject 为父级节点,参
在爬来的数据中有的时候会出现零宽字符 #8203; ,一般情况对界面没有什么影响,但是当一行最后一个字后面出现零宽字符 #8203; 就会出现换行,影响界面的排版: 我的解决办法是把零宽
一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访
我爱模板网在用uni-app做项目时,做了下面的效果,在一个支持上拉加载下拉刷新的app上,有个下拉框,这个下拉框是一个组件,内部是一个局部区域滚动的效果。当向下或向上滚动这个
我爱模板网在使用uni-app开发淮矿二期项目时,并没有使用HBuilder的内置浏览器来解决跨域,而是使用了“谷歌解决跨域问题 http://www.5imoban.net/jiaocheng/other/2021/0308/4731.html”的方法解决的跨
1、在 contenteditable=true 中插入 contenteditable=false 的元素,如果为其设置css user-select: none; 后会导致删除连续的 contenteditable=false 元素被一次性删除。 2、想让 contenteditable 元素粘贴时自
我爱模板网有个需求,即将后台传回的html转成DOM,然后用 replaceChild 来替换页面中已经存在的DOM。JavaScript里动态创建标准DOM对象一般使用: document.createElement() 方法,但这个并不能直接
原理: 播放视频,canvas截图,base64转文件 播放视频:input file选择文件,video播放视频 video id="videoPlayer" controls="controls" style="width:100%;max-height:400px;"/video 用户选择了本地视频文件后,设置
一、什么是函数节流(throttle) 概念:限制一个函数在一定时间内只能执行一次。 举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口
一、什么是函数防抖 概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。 举个栗子,
一、前言 前端开发中,“函数节流(throttle)” 和 “函数防抖(debounce)” 作为常用的性能优化方法,两者都是用于优化高频率执行 js 代码的手段,那具体它们有什么异同点呢?有对
一、背景介绍 【此处为铺垫内容,可跳过】 随着 Web 前端的不断发展,各种各样的前端规范和新知识、新技术层出不穷,极大地拓展了开发者的操作空间,也大大地提升了用户体验。而
js数组去重的方法总结: 1、利用 indexOf() 方法之一 Array.prototype.unique = function(){ var temp = []; for (var i = 0;i this.length;i++){ // 如果当前数组的第 i 项已经保存到了临时数组,那么跳过 if(temp.
一、原生JS中的ajax 1、创建 XMLHttpRequest 异步对象 var xhr = new XMLHttpRequest() 2、设置回调函数 xhr.onreadystatechange = callback 3、使用 open 方法与服务器建立连接 // get 方式xhr.open("get", "test.php",
我爱模板网在用react native开发app时,运行yarn android时,报了下面的错误: Make sure you have an Android emulator running or a device connected and have set up Command failed: gradlew.bat app:installDebug -PreactNativeD
全局的样式配置 如何定义样式,是使用一个UI组件的关键。UILib内置了多种全局样式的配置方式,包括Colors, Typography, Shadows, Border Radius等。 下面的例子中,我们通过接口 Colors.loadColors
在使用Ant Design Mobile的InputItem文本输入时提示"受控组件建议使用rc-form",rc-form是一个将输入框变为受控组件的库,也是一个React的高阶form组件。它集合了对于输入框的各种方法,可以使
我爱模板网在使用react-native开发项目,需要显示chart图表,用了native-echarts,遇到了很大的坑,弄了半天才弄好,这里详细记录下: 1、安装 npm install native-echarts --S 2、引入 import Echarts
react-native的native-echarts在更新数据的时候,老是会闪烁,应该是过度渲染的问题导致的。其实echarts本身的渲染机制是非常优秀的。闪烁是此插件本身的问题。下面是修复方法,亲测可用
我爱模板网用react-native的webview回显后台传过来的html时,遇到了三个问题: 1、webview高度不能自适应,必须设置死,可以在html种执行js,获取document的高度,然后通过postmessage,通知页面
我爱模板网在使用uni-app做H5和小程序的混合开发时,要实现下面的购物车按钮效果: 从图中分析,左下角的购物车按钮应该是可以拖拽的,以免挡住后面的内容。首先想到了uni-app的mo
我爱模板网在做react-native app时,需要实现抽奖效果,正好前段时间,找了个不错的抽奖代码:GB Canvas Turntable —— 基于canvas的转盘抽奖js插件 http://www.5imoban.net/texiao/choujiangpingfen/2021/05
react的useEffect,如果用的不好的话,里面的方法会一直执行,导致性能损耗严重,下面是网上总结的,比较不错: import { useState, useEffect } from 'react'// useEffect(callback,arr);/*useEffect接受两个
前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame
用作类型断言 identifier! 从 identifier 的类型里去除了 null 和 undefined function broken(name: string | null): string { function postfix(epithet: string) { return name.charAt(0) + '. the ' + epithet; // 错误, 'name' 可能是
ActivityIndicator的效果类似我们平时看到了loading,在android中ActivityIndicator是progressBar 的Indeterminate(false)模式,说白了就是一个半圆转啊转。 具体属性: 1、ViewPropTypes props… :包含View控
我爱模板网 在做一个网站时,需要录入用户的个人简历,使用的是textarea组件,客户的意思是能够根据填写的内容自动撑高高度。百度一番,找到下面的文章感觉不错: 方法一:使用
转载自csdn的歪歪100博主的文章:vue点击事件修饰符@click.native、@click.stop、@click.self的总结,写的非常不错! 参考一: vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上
今天我爱模板网在做一个项目时,给input设置color发现无效。用谷歌调试工具发现,这个input设置了如下的样式: -webkit-text-fill-color:#888 发现把这个样式注释了就有效果了。 百度了下这个
我爱模板网在做一个微信小程序的项目时,需要用到AES、RAS进行加密。 一、RSA 加密流程:获取到后台传来的公钥,调用小程序登录接口获取到tokenId和userId,通过公钥使用RSA加密参数,
记录下在linux环境下,安装了宝塔面板,部署egg.js项目的全过程。 前提:安装了PM2插件、安装了nginx,域名已绑定,网站目录已创建。 1、将文件原封不动传到网站根目录(node_modules不用
使用Cesium开发三维GIS应用离不开笛卡尔坐标系,在CesiumJS中定义类型是Cartesian3,这是Cesium的基础数据类型,所有坐标最后均转换成这个类型参与三维渲染,包括屏幕坐标,地理坐标系坐
倾斜模型自带地形起伏,该地形起伏的精度与测量精度有关,精度不在本文讨论范围内,本文讨论的是,如何在Cesium加载倾斜数据时,自动调整其变换矩阵,使其更加贴近真实地表。 一
最近一个基于layuiadmin的项目需要实现国际化多语言,百度了一番,还是挺麻烦的。尝试了一下,没有成功,于是就自己实现了: 1、将 language.zip 解压放到page文件夹下(也可以放在其他
非常不错的一款cesium测量插件:cesium-measure。能够对空间距离, 空间面积 和三角量测 ,可以对 球面 ,地形 和 3DTilset 模型等数据进行量测,对gltf的测量方法:pickPosition方法里边判断是
最近有一个项目,数据看板,里面都是饼形,折线图,条形图,还有一个没研究过的地图,因为都是用echarts实现的,就研究下如何用echarts实现 先看看实现的效果图 下面是实现方法:
在使用VUE Echarts的3d地图时,遇到了下面两个报错,原因是要么没引入,要么没安装: 第一个报错: Component series.map3D not exists. Load it first 这个问题是由于没有安装echarts-gl,安装一下,再
echarts map显示甘肃省的地图,首先进入https://pan.baidu.com/s/1n4jD8FhbUT8A_CCXHncZXQ 提取码: rh9e,下载下来,然后使用下面的代码就可以显示甘肃地图了(需要注意的是map: ‘甘肃’,需要和你下载
我爱模板网 在使用vue echarts实现map地图时,报了下面的错误: Uncaught (in promise) Error: Component series.map not exists. Load it first 错误已经描述的非常清楚了,没有map模块,这是因为在vue.js中使
想要使用Echarts的3D地图,除了需要echarts.js之外,还需要echarts-gl.js(WebGL 的扩展包,提供了丰富的三维可视化组件以及常规图表的性能增强),下载地址: https://echarts.apache.org/zh/downloa
下面的方法通过禁用F12,禁用CTRL+SHIFT+I,来禁止打开控制台,通过禁用图片、文字被拖拽、禁用选择等方法来禁止网站内容被复制。这是通用的方法,只能表面上禁止,对于不太懂计算
1.前言 最近有需要加载一些三维的数据,所以研究了下Cesium,写了一个加载json的小程序,加载json线数据,点击线会加高亮效果,先看看效果图。 2.正文 照例还是先看看代码,在简单说
一、首先介绍几个重要的坐标对象: 1.世界坐标:Cartesian3(笛卡尔空间直角坐标系) new Cesium.Cartesian3(x, y, z) 可以看作,以椭球中心为原点的空间直角坐标系中的一个点的坐标,示意图
相信shadow dom很多前端开发工作者都遇到过(点击查看 HTML5 audio、video原生样式修改,查看shadow dom的方法 ),它是web component的一部分。不过对于shadow dom很多人并不深入了解,只晓得是影
实现上传文件夹,只要使用file上传框的webkitdirectory即可,见 webkitdirectory 文件夹上传功能 。要实现拖拽上传文件夹,百度了一圈,没有找到靠谱的,直到看到这个polyfill.js实现的效果,
最近使用vue-baidu-map,自定义底图时,老是出现加载失败的情况。一开始以为是网络问题,但是连接了百兆宽带的网线还是不行。然后以为是百度地图本身的问题,去官网提了工单也石沉
我爱模板网 的客户在做网站时,需要用到一个特殊的字体,字体名称这里就不写了。由于这个特殊的字体,客户是在线上使用的,不提供下载功能。只能自己去百度下载。我爱模板网搜
我爱模板网在写一个自定义下拉框时,下拉框的显示隐藏由输入框的焦点获取和失去来决定,而下拉框的点击事件此时则无效了,代码如下: div class="select" input type="text" v-model="projectN
Cesium从屏幕坐标(pixel)获得世界坐标(cartesian)的方法大概有三种。 1.camera.getPickRay(pixel) 2.camera.pickEllipsoid(pixel) 3.scene.pickPosition(pixel) 它们的区别如下: 1.pickEllipsoid获得的是二维坐标,即高
我爱模板网要在3Dtiles三维模型上实现单体化, 那么就要获取到需要单体化的建筑物的四周坐标。 于是使用Cesium的pickEllipsoid方法来拾取坐标, 发现拾取的坐标最终渲染出来, 偏差总是
vue报错:template or render function not defined,截图如下: 这种原因主要有下面几种: 1、引入的外部组件,没有注册,要进行注册: 2、引入了,也注册了,还提示,可能是因为组件没有ex
今天,我爱模板网在对一个项目进行二次开发时,运行npm install安装依赖时,报了一大堆错误: 都是提示 npm WARN tar ENOENT: no such file or directory, open... ... 百度了一下,npm不行,就cnpm上,执
我爱模板网要实现地区的级联选择器,而项目用的是element ui,刚好elementUI有个el-cascader,正好是级联选择器: 那么,只要将地区整合进去就可以了。废话不多多说,直接开搞: 1、首先
相信一定有很多跟我一样刚入前端的小菜,会在前辈的代码中看到单竖杠 |,这里介绍它的作用 console.log(0.6|0)//0console.log(1.1|0)//1console.log(3.65555|0)//3console.log(5.99999|0)//5console.log(-7.777|0)//
我爱模板网在开发vue项目时,需要用到上拉加载,如果为了这个特地引个组件有点麻烦,根据滚动条判断下滚动距离,就能轻松实现滚动加载更多了。下面是简单的实现方法: 1、css代码
之前,我爱模板网分享了 Vue如何实现滚动条滚动到底部加载更多 ,其实,js原生和vue实现方法几乎一样,加上次的代码稍加改造,即可实现: 1、css #box{ width: 500px; height: 500px; overflow-y
highlight.js是一款非常不错的高亮插件,我爱模板网之前写过“ dedecms kindeditor编辑器UTF8和SyntaxHighlighter代码高亮 ”的文章,这次,是要将highlight.js用在vue中。网上有很多这方面的介绍,但
我爱模板网在使用ElementUI进行项目布局时,侧边栏的内容比较多,需要使用自定义的图标,element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon,只要将svg图标放到 src/icons/svg
form-create-designer 是一款基于 @form-create/element-ui 实现的自定义表单设计器组件,可以通过拖拽的方式快速创建表单,自定义表单的高效实现方法,效果如下: form-create-designer核心功能:
form-create-designer 很完美,但是后台需要表单生成后的JSON和配置的JSON数据,form-create-designer本身提供的API,结合vue-codemirror 和 jsonlint-mod就能实现预览、导入导出了,效果如下: 使用方法
我爱模板网在使用uni-app开发一个小程序时,使用了openType="getUserInfo",结合bindgetuserinfo来获取用户的头像、昵称等,代码如下: tui-button shape="circle" shadow type="green" height="88rpx" openType="ge
我爱模板网在使用form-create-designer做表单设计器时,由一个需求:选择表单设置时,里面要能选择此表单关联的数据库表,是个下拉框,能展示接口返回的所有数据表。选择某个组件(如
利用Ajax请求服务器的数据(也可以是静态页面),利用History主要用于更新浏览器Url,实现前进后退等。 首先看下效果 思路 1、通过Ajax请求服务器的数据,渲染到页面 2、通过History改变
常规的网站,点击一个链接的时候,先是浏览器显示刷新,跳转页面,再呈现页面信息,过程耗时大约1-2秒。为了提升用户体验,无刷新切换页面很有必要。jQuery pjax就可以实现无刷新页
最近我爱模板网在做一个网站,这个网站不大,也需要seo,就没有用vue了,纯H5原生。但是里面有一块tab切换,需要实现无刷新切换。考虑到tab页内容不少,不适合放在一个页面用显示隐
利用jQuery的load或者ajax的方法,能够轻松实现前端的无刷新载入页面。详见: Ajax+History实现局部刷新页面,局部载入页面 。但是,如果被载入页面有js的话,会发现js无法执行。下面的代
replaceState和pushState可以修改浏览器地址而不刷新界面,非常好用。但如果要实现浏览器的前进后退,页面也会变化,就需要对replaceState和pushState行为进行监听。此时,我们就得自己添加
我爱模板网在使用php模板,用include导入头部时,头部出现了20像素高度的空白,打开控制台,看到#xFEFF;的字符: 这个我爱模板网知道,是bom头,如果php文件保存为带bom头的文件立马会报
在flex布局下,一行两个input或者一个input+一个select,为了保证每行的宽度对其,就给所有的input和select一个样式: .row input, .row select{flex-grow:1} 当一行都是input或者都是select的时候,都能
我爱模板网在给一个客户的小程序做官网时,所有的图片需要从客户的小程序中下载。但是小程序中的图片并没有提供longtap弹出下载的功能,又不能像网页那样能够右键下载。那么只能
微信小程序wx.showActionSheet无法调起。一开始以为是无法触发,但是在浏览器上是可以调起的,代码如下: pickReason(){ let list = this.reasonList.map(item = { return item.reasonTitle }) wx.showActionSheet({
bpmn-process-designer是一个基于 bpmn.js,Vue 2.x 和 ElementUI 开发的流程设计器(前端部分),支持监听器,扩展属性,表单等配置,可自由扩展。我们都知道bpmn.js是一个BPMN2.0渲染工具包和we
我爱模板网在给客户做一个博客网站时,客户表示不允许使用“微软雅黑”,并列出了下面的可用字体: 这里面的字体,有的太有“书法”气息,不适合网站正文使用,有的又和微软雅
我爱模板 网在使用elementUI的弹窗插件el-dialog时,因为每次打开必须要重新渲染里面的内容,所以使用了destroy-on-close属性,发现并没有用: el-dialog :key="popupType" title="选择用户" :visible.
获取上一个、下一个兄弟节点,jQuery非常方便,next()和prev()方法即可。但有时候可能只是简单的操作以下DOM,没必要引入这么大的框架,js通过nextElementSibling和previousElementSibling或nextSib
JS获取DOM节点的宽高和vue获取其实是一样的,不同点是获取元素的方法不同
在使用选择器嵌套的时候有一种情况需要特别注意,先看一段scss代码实例: text a { color: blue; :hover { color: red }} 也许写此段代码目的是为了将其编译成如下css代码: text a { color: blue;} tex
在vue中,我们要获取一个组件的宽高尺寸、定位距离等信息可以给该组件一个ref,然后使用this.$refs就可以获取组件的信息。如: var width= this.$refs.text.offsetWidth; 详见:vue $ref 获取DOM节点
经常能看到下面的这种写法: if (!~cbs.indexOf(cb)) { cbs.push(cb);} 将indexOf取到的值进行按位非~后进行判断。为什么要这么判断?最后再做解释。 ~ 运算符查看表达式的二进制表示形式的值,
uni-app的midButton非常强大,可以实现中间加号效果,先看下效果图: 一开始准备自定义tabbar,但是这样就不是原生的,性能很差。看了下官网,发现tabBar里面有个midButton,完全可以实现上
进行uni-app开发wx小程序时,测试那边遇到了一个情况:页面有概率拉到最顶端的时候 本应判断scrolltop100的情况下导航条消失,但是小概率会发现置顶时仍带有透明度。根据手机配置,越
1.indexOf方法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到返回-1。 语法: stringObject.indexOf(searchvalue,fromindex) 说明: 该方法将从头到尾地检索字符串
最近我爱模板网在做一个网站,这个网站不大,没必要用Vue-cli。而且,客户特别强调需要做SEO,那就更不能做成vue单页面形式了。但是当项目快完成时,客户特别强调要用mavonEditor编辑
ES6新增的before、after、prepend、append方法类似于jQuery的before、after、prepend、append方法,只不过不用再引入jQuery这么大的库了,可以看出JS也在越来越简化DOM操作。 before() before()是个ChildNod
今天我爱模板网给一个网站做分享的时候,需要用到很久都不用但过去很常用的弹窗功能——模态框。 我记得模态框是这么写的: window.showModalDialog(url,配置参数,宽高) 于是写了下面的代
我们在发送异步请求遇到问题的时候,都会先打开Chrome的控制台来看一下http请求,有时候会在请求头看到Provisional headers are shown的报错 问题描述: 这个问题字面意思是“显示了临时报文
在用uni-app开发app时,需要通过uni.chooseLocation获取位置的同时,还得知道这个位置所属城市的code。但是,这个接口并不能返回当前所属城市的code,但是却能得到经纬度。所以要调用高德
将下面的代码加入到网站中,就有可能让您的网站的所有文字编程繁体: body{ font-variant-east-asian: traditional;} 当然,也很有可能没有变化。这是因为这个属性生效的前提是,您网站使用的
PHP请求页面,PHP获取远程页面内容的几种方法: file_get_contents函数 $file_contents = file_get_contents( http: www 5imoban net );echo $file_contents; 有些主机服务商把php的allow_url_fopen选项是关闭了, 就是
一、mysql与mysqli的概念相关: 1、mysql与mysqli都是php方面的函数集,与mysql数据库关联不大。 2、在php5版本之前,一般是用php的mysql函数去驱动mysql数据库的,比如mysql_query()的函数,属于面
相较于PHP的mysql方法,mysqli更具有优势。详见: mysql与mysqli的区别与用法 。本文不再细究二者的区别,这里只是简单演示下MySQLi的简单的连接数据库,选择数据表、更新数据用法: 连
uni-app的弹窗,如果不用原生的,直接用css控制,是无法覆盖tabbar和原生头部等原生组件的。这里的方法是将popup作为一个页面来弹出,页面是可以覆盖原生组件的,将这个页面的背景设
我爱模板网在使用PHP做个推的推送时,调用个推的鉴权接口的时候发现curl_exec返回值为false,代码如下: 个推鉴权public function doAuth($cid){ $curl = curl_init(); $headers = array( "Content-type: appli
我爱模板网在做一个论坛时,这个论坛的云课堂需要实现在线播放视频,并且要能自适应页面,做到PC、手机播放都没问题。遇到了一些问题,例如layer的尺寸以及video的尺寸等,不过都
我爱模板网在开发uni-app时,需要实现uni-app 点击震动(即“触感反馈”), uni-app并没有对应的API,而如果调用震动的方式来模拟触感反馈,即uni.vibrateShort,官方文档 https://uniapp.dcloud.io/
从HBuilderX 2.3.8起,uni-app已经统一了生物认证的实现,并且支持iOS App端的faceID首先需要获取得到权限。官方生物认证说明:https: //uniapp.dcloud.io/api/system/authentication。 在使用官方生物认证
TP6的Request::instance()提供了非常全面的接收请求参数的方法: $request = Request::instance();$method = $request-method(); //获取上传方式$param = $request-param(); //获取所有参数,最全$get = $request-get(); //获
可以通过Request对象完成全局输入变量的检测、获取和安全过滤,支持包括$_GET、$_POST、$_REQUEST、$_SERVER、$_SESSION、$_COOKIE、$_ENV等系统变量,以及文件上传信息。 检测变量是否设置 可以使
下面是android studio开发flutter快捷键的一些总结,非常实用,掌握后能明显提高编码速度和编码质量: 1、快速创建widget:在dart文件中输入stf或stl出现提示后按回车即可 2、快速修复:op
昨天升级了下HBuilderX,今天编译打包APP时,出现了下面的提示: 本应用使用HBuilderX 3.2.2 或对应的cli版本编译,而手机端SDK版本是3.1.22,不匹配的版本可能造成应用异常 具体原因已经说
uni-app自带的原生loading、原生toast,即uni.loading以及uni.showToast样式不好看且只能支持很少的自定义样式。如果用H5的方法自定义,虽然样式千变万化,非常好看,但是有两个缺点: 1、无法
uni-app没有提供专门的设置角标的方法,但是H5+提供了相关的方法: plus.runtime.setBadgeNumber(10); setBadgeNumber传入数字,在手机桌面上,应用图标的右上角就显示传入的数字,如果要消除数字
PHP进行SHA256加密的方法hash public encrypt_sha256($str = ){ return hash( "sha256 ", $str);} PHP hash延申: PHP 有什么 hashing 工具? Hash Functions Hash value 的长度 (bit) CRC32 32 MD5 128 SHA-1 160 (在PHP5 12以后可以
自2020年6月30日起,苹果App Store审核要求应用在启动时,不能使用启动图片,必须改为使用Storyboard来制作启动界面。之前使用静态png图片做启动屏的方式,最大的问题是多尺寸适配,iO
HBuilder IOS 云打包的自定义基座,无法运行到手机上,提示下面的错误: HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\ProgramData\HBuilder\iOS_debug. 查看了官方文档,原因
一个简单的PC端分享到微信、QQ控件、微博的代码,分享到微信采用的是 qrcode.js 生成二维码,可以用微信扫一扫
uniapp点击标题滚动到对应锚点,点击标题,滑动到对应位置。利用了uni-app提供的DOM节点操作方法和uni.pageScrollTo页面滚动方法。先看下效果图: 下面是具体实现: 一、html内容 template v
uni-app App端微信登录流程如下: 1、去微信公众平台(https://open.weixin.qq.com/)添加app,如下: 这里要注意,安卓的应用签名,可以使用 安卓查询md5、SHA1、SHA256 的方法获取,即查询出来的
我爱模板网在做一个对接工商银行支付的项目时,工行要求回调地址不能有#号。如下: 将: http://api.5imoban.net:9095/#/online-pay/list 改为: http://api.5imoban.net:9095/online-pay/list 这个项目是基于
我爱模板网在做一个对接工行支付的公众号项目时,在点击支付时,后端会返回一串form表单的字符串,要求这个form表单能够自动提交并跳转到表单action属性指向的地址。先看下代码:
uni-app原生的标题栏titlebar的按钮是在pages.json中配置的,没法像html、css中用法那样直接使用class或svg,必须使用Unicode格式才可以。下面是详细的步骤: 1、进阿里图标库,搜索想要的图标
我爱模板网在做职工服务网的H5时,使用的时vue的技术栈。其中有一个跳转出现了Loading chunk 12 failed的错误,如下: 在众多跳转中,只有这个出了问题,非常简单,代码如下: 一番百度
axios是比较常用的ajax请求库,在脱离jQuery时代后,经常会用到它,下面这个是思否上一会童鞋的关于axios发送post请求的一个总结: 1、axios POST提交pplication/json数据 import axios from 'axios' l
今天在使用nginx代理一个新项目时,启动不了,查看error.log,发现报了下面的错误
富文本的图片如果过大,在微信小程序的rich-text显示时,经常显示不下,或显示错乱,这时,需要给图片加上: max-width:100%; height:auto; display:block; 保证图片显示正常。可以用正则表达式
就在今天,给一个项目做二开,需要用到nginx代理,之前开发的同事发通过微信发了一段代理给我: 我直接粘贴到nginx的配置文件,双击运行,dos窗口一闪而过,一看任务管理器,nginx并
最近在用layAdmin做项目时,遇到了一个问题:layAdmin页面跳转定时器不销毁。具体看下面的代码: layui.define(function(exports){ // 定义了一个定时器 let timer = setInterval(()={ console.log(1) }, 1000)
Node环境变量 在做react、vue的单页应用开发的时候,经常会遇到 process.env : process.env 属性,在 development 和 production 不同环境上,配置会有些不同。 process 官方解释: process 对象是一个
我爱模板网在使用react开发项目时,需要设置一个object对象,并且传递到子组件: 定义了下面的这个字段,以及修改和传递给子组件的代码: const [showColumn, setShowColumn] = useState(initialCo
我爱模板网在开发基于react antd框架的项目时,日期回显报了 date.clone is not a function 截图如下: 组件代码: Form.Item label="预计成交时间" name="transactionTime" DatePicker style={{ width: '100%' }} for
visualMap = [ //视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素。视觉元素可以是:symbol: 图元的图形类别。symbolSize: 图元的大小。color: 图元的颜色。 // colorAlpha: 图
react antd的input,onchange事件,监听event,代码如下: Input placeholder="请输入联系人姓名" maxLength={50} allowClear onChange={onChange} /const onChange = (e) = { console.log(e)} 运行后,出现了下面的错误:
我爱模板网在使用uni-app做一个app时,遇到了需要从打开的H5页面中返回app。具体流程如下:APP端调用接口-跳转到第一个H5页面(此页面是第三方,再此页面执行完后,会跳转到一个网络
react antd出现这个错误: [antd: Form.Item] `children` is array of render props cannot have `name`. 如果在Form.Item里面嵌套超过两个子元素,就会出现上面的错误,代码类似于下面: Form.Item label="姓名" n
进行日期和时间显示是比较常用的,例如在选择请假日期等,不可能选择当前日期之前的日期时间。antd DatePicker的disabledDate、disabledTime属性,很好的解决了这个问题,下面是禁用后的效
我爱模板网 在用react antd Table表格做列表时,由于列表的字段太多,客户提出要能控制列表字段的显示隐藏。我爱模板网在之前分享过 ElementUI表格动态显示列 。这次自己研究了下,实现
关于react路由的history跳转 1、跳转时携带参数: this.props.history.push({ pathname:"/admin/reply", params:{ id:e.id }}) 2、在跳转后的页面获取参数: this.props.location.params.id
moment 官方声明已经不再更新了,而且moment包体积太大,有 280.9 kB,对于 Tree shaking 也无效,个人建议使用dayjs,比较轻量,包体积仅有 2 kB ,API也几乎跟moment一样 1、获取日期的23时59分
我爱模板网在用react antd做日历时,需要根据antd Calendar日历实现下面的值班效果: 其实,日历主体部分的内容效果,官网已经给出了代码示例,见官网https://ant.design/components/calendar-cn/的
echarts实现的贵州省地图,并且显示了visualMap,即数据统计范围,源码在文章末尾提供下载。先看下效果图: 如果想要改成其他省份也很简单: 1、打开guizhou.js,找到echarts.registerMap方法
我爱模板网在做一个react-native安卓项目时,遇到了需要将图片放大和长按保存的需求,而react-native-image-zoom-viewer肯定是比较合适的插件,它支持缩放图片、保存图片等常规的图片操作。
前言 大家都知道,通过浏览器的地址栏来改变切换页面,前端实现主要有两种方式: ①通过hash改变,利用window onhashchange 监听。 ②通过history的改变,进行js操作加载页面,然而histor
今天在进行一个项目的二次开发时,npm install安装依赖,然后npm run dev运行,报了下面的错误: 'cross-env' 不是内部或外部命令,也不是可运行的程序 出现这个问题可能时依赖没有安装好,
Electron作为进军js进军桌面应用程序的桥梁,最近非常火。而这两年,单页面应用框架Vue也是火的一塌糊涂。这二者结合的产物:Electron-vue,也是前端必用的框架。这里,就整理下Electr
我爱模板网在使用VUE3做项目时,运行npm run serve,安装到12%,报了下面的错:Error: module property was removed from Dependen
threejs报下面的错误:Uncaught TypeError: Cannot read properties of undefined (reading & 39;autoUpdate& 39;)这个可能是因为r
经纬度转换在项目中太常见了,下面的描述和方法非常不错,强烈推荐WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)GCJ-02
我爱模板网在二次开发一个react项目时,用到了swiper官网的一个效果:Swiper官网Swiper TFBOYS案例。这个react原本已经安装了swiper3依赖
npm在运行项目时,没有任何问题,但是打包,却提示ERROR in static js index ed562fc9e9fd5779b18e js from UglifyJs截图如下:经排查
1、注册bmap,获取token,在public index html中引入js<scriptsrc="http: api map baidu com api?v=2 0&ak=你的ak值">< script>2、安装ech
中国各城市和县城的经纬度JSON:{北京:[116 46,39 92],上海:[121 48,31 22],天津:[117 2,39 13],重庆:[106 54,29 59],石家庄:[114 48,38 03
世界主要城市经纬度json,除中国外(中国主要城市经纬度json)阿比让:[5 19,4 01],阿布扎比:[24 27,54 23],阿布贾:[9 12,7 11],阿卡普尔科:
自 HBuilderX v1 1 0 起,uni-app 的页面新增 onBackPress(event) 生命周期函数。onBackPress(event)返回event={from:backbutton|nav
下面内容转载自:知乎网友趁你还年轻的回复(https: www zhihu com question 60625915),非常形象生动,故而引用。对于值是基本类型的变
缩放立方体网格模型x轴方向放大2倍,如果连续执行两次该语句,相等于比原来方法4倍mesh scale x=2 0; x轴方向放大2倍立方体网格模型整体缩
本文转载自csdn的暮志未晚Webgl博主的内容,并在文末对npm下安装threebsp进行了补充:简介之前我们一直使用Three js默认提供的几何体,今天
序在 Vue 的文档中介绍数据绑定和响应时,特意标注了对于经过 Object freeze() 方法的对象无法进行更新响应。因此,特意去查了 Object
本文转载自 今日头条,感谢博主李景能本系列是Electron框架跨平台应用开发的入门教程:一 第一个Electron应用二 自定义菜单三 自定义应
uni-app做项目,客户提出启动图变形。为了适应各种屏幕,只能使用 9 png图了。一开始使用ps制作,发现安卓打包报错如下:Appid: __UNI__E0
hash路由就是带 的路由,history就是不带 的路由,hash路由打包后不需要配置,直接就能访问,history需要在nginx中配置才能正确访问。vue3
Node环境变量首先,咱们在做react、vue的单页应用开发的时候,相信大家对配置文件里的process env并不眼生。从字面上看,就是这个 env属性
本文作者:昵称不用太拉风,转载自简书。。著作权归作者所有。Vite 和 Vue3 在 2022 年应该不算个新事物了,但应该也有很多像我一样还
使用 vite 安装 vue3 时,如果使用了 process env,会遇到 process 未定义的情况,原因是 process env 已经被移除了。解决办法是
我爱模板网在使用vue版的form-create-design做表单设计器时,在设计模式,也就是用fc-designer时,拖进去了富文本框,并且一切正常,当保存
vue自定义组件和input等原生组件一样,能够实现v-model双向绑定。本文为CSDN博主「卖菜的小白」的原创文章,原文链接:https: blog csdn n
客户要求网站不做成响应式,一开始,忘了把手机下网站缩放的代码:去掉,客户说在手机下显示不全
keep-alive包裹动态组件的时候,会缓存不活动的组件实例,而不是摧毁他们。其是一个抽象的组件,自身不会渲染一个DOM元素,也不会出现在父组件链中。说白了被keep-alive包裹的组件其会被缓存。
background-attachment: fixed的效果非常不错,当背景设置了这个属性,内容滚动时,背景定位在那里不动,有点视差效果的感觉。但是,此方法在IOS下无效
threejs插件OrbitControls默认的垂直方向上的旋转角度很小,例如想要看到底面和天空,不行,可以通过minPolarAngle和maxPolarAngle来进行控制
天空盒是用于增强场景表现力的一个常用技术,它一般通过在相机周围包裹一个纹理来实现。
ps制作天空盒非常简单,这里以threejs的天空盒为例,其他的类似,可能也就第六步不需要做。
我爱模板网在使用THREE JS的GLTFLoader加载模型时,加载出来的是黑色的。首先,我用windows自带的3D工具打开是下面的效果
vue中需要对下面的数组通过name字段进行筛选,不涉及接口,纯前端筛选
Threejs点击事件实际的原理:获取相机和鼠标点击时的位置,发出一条射线,射线穿过的所有物体即为点击的物体集合,取第一个即可。
在Threejs中,我爱模板网要实现模型被点击弹出内容的效果(详见threejs点击事件http: www 5imoban net jiaocheng webgl 202205185008 html),然后,做出来之后发现,点击模型的确可以弹出,但是当我拖拽模型时,松开鼠标也会触发。于是想到了,用mousedown和mouseup来获取时间戳进行比对。发现并没效果。
项目开发基本结束,现在要求兼容IE。页面使用HTML+JS编写。其中封装的http请求的js用到箭头函数,导致ie打不开项目。所以此文章只适用于HTML+JS框架。
vue-cli脚手架新建项目提示:vue-cli · Failed to download repo vuejs-templates webapck: Response code 404 (Not Found)
vue打包报错:ERROR in node_modules element-ui lib theme-chalk fonts element-icons ttf Module parse failed: Unexpected character (1:0)
前端JavaScript常用方法,如返回数据类型,数组去重、字符串去重、函数防抖、判断元素有没有子元素、获取任一元素的任意属性等
Element-plus是Element-ui基于Vue3的升级版,全面支持vue3和ts。在Vue3的项目中如何使用Element-plus的Icon图标,包括按钮和动态菜单?
我爱模板网在开发vue插件时,遇到了下面的错误提示Module build failed: TypeError: this getResolve is not a function。这是因为sass-loader版本问题导致的,降低版本即可,执行下面的命令重新安装sass-loader,即可解决问题
destoon数据库配置文件在什么位置
nofollow 标签是由谷歌领头创新的一个“反垃圾链接”的标签,是 HTML 页面中 标签的属性值,后续被百度、雅虎、360、必应、神马等各大搜索引擎广泛支持。
有时候,我们可能希望自己的网站不被调试,这里推荐一个方法,只要将下面的代码,加入到当前页面中,当别人打开F12,就会进入debug模式,并且,无论怎么按F10都无法跳过
微信内置浏览器自动跳转其它浏览器下载文件
之前,我爱模板网分享了,如何利用js的debugger禁止用户调试网站代码,今天分享一篇,遇到这种情况,如何跳过debugger调试
PHP的header方法可以做很多事情,诸如跳转、延迟跳转、声明页面的content-type、返回response状态、下载操作
phpcms的确不错,但是bug也不少,这次发现的bug是,列表分页第一页的“上一页”按钮,点击竟然跳转到第0页,导致404的错误
Promise all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
开发环境好区分,process env NODE_ENV= development 就是开发环境,否则,就是生产环境。生产环境如果想区分是测试还是正式,就需要使用下面的方法
之前一直用的nginx配置文件,今天拷贝过来,放到云桌面,改了下配置,启动就报这个错:unknown directive
页面进入onload比较好触发,但是关闭时,想弹出提示,就得用beforeunload去监听。但是这个beforeunload用法很严格
我爱模板网在工作中遇到了通过后端返回的ID,在js的多维数组中通过这个ID,反向查找所有的父级id,并将结果放在一个数组中
css3的column属性可以轻松实现瀑布流,js也可以实现。瀑布流效果比普通的列表好看很多,我爱模板网页推荐几个基于js或jQuery的瀑布流
基于vue的wangEditor4利用自定义菜单实现上传功能
我爱模板网用vue开发项目时,有个页面有140万条数据,每页显示2000条数据,一开始用element-plus的el-table,表格滚动时卡顿严重,然后用vxe-table的虚拟渲染解决了这个问题。
使用 vs code 运行webpack进行打包时,报错webpack : 无法加载文件 D: nodejs node_global webpack ps1,因为在此系统上禁止运行脚本
axios json自动转换导致精度丢失
Puppeteer 是一个Chrome官方团队提供的node库,它可以通过 Puppeteer 的提供的 API 直接控制 Chrome 或 Chromiun。
先解释下:页面级指的是,楼层滚动是在整个body中滚动,div内的楼层指的是,在某个容器,如div、ul内滚动,区别在于,一个是获取document的滚动距离,监听滚动也是监听window的滚动事件,容器内滚动,获取的是子元素相对于父容器的偏移量,监听滚动也是这个容器的滚动事件
我爱模板网用form-create-designer做一个自定义表单时,客户的需求是加上一个部门选择器,可以实现从左侧拉去一个“部门选择器”的组件,就
利用css3的clip和keyframes帧动画,实现的类似于小时候看的黑白电视,信号不好的抖动效果的404文字抖动代码。代码如下
指定入口文件和输出path: 1、执行 `npx webpack --entry src main js --output-path build` 命令 2、`package json` 配置:` "dist ": "webpack --entry src main js --output-path build "`,
1 PostCSS是通过JavaScript来转换样式的工具 2 这个工具可以帮助我们进行一些css的转换和适配,比如自动添加浏览器前缀、css样式重置 3 实现上面的功能,需要借助PostCSS对应的插件
1 什么都不配置,直接就将资源文件打包在 webpack 配置的打包路径的根目录 2 js中, `require( img 1 jpg )` 在file-loader 4 X,返回的是资源,在5 x以后返回的是对象,通过 `require( img 1 jpg ) default` 才能拿到资源 3 js中,除了 require 引入资源,还可以用 `import xxx from img 1 jpg` 的方式引入资源
一、数组(Array)的合并1 forEach()遍历其中一个数组,将该数组的每一项push到另一个数组中 遍历合并letarr1=[1,2,3,4,5];letarr2=[7,8,9
1 在webpack5之前,加载图片等其他资源要用到一些loader,如raw-loader、url-loader、file-loader 2 从webpack5开始,我们可以直接使用资源模块类型(assets module type)替代上面的loader 3 资源模块类型(assets module type)通过四种心的模块类型,替换上面的loader
1 Loader是用于特定的模块类型进行转换 2 Plugin可以用于执行更加广泛的任务,比如打包优化、资源管理、环境变量注入等
webpack 模块化的四个原理: 1 CommonJs模块化原理 2 ES Module实现原理 3 CommonJs加载 ES Module 原理 4 ES Module加载CommonJS 原理
1 安装命令行工具(在webpack中使用不需要安装):`npm install @babel cli -D` 2 命令行命令:`npx babel src index js --out-dir result` src index js为处理的文件,如果要处理文件夹里所有文件,这里就传文件夹名:src
js父级窗口调用子级的iframe中定义的函数和变量,非常简单,只是有一点一定要注意,一定要在window onload里执行,否则拿不到里面的方法
typescript compiler 的使用 安装typescript编译器tsc(typescript compiler)1 全局安装的TypeScript,直接运行 tsc`npm ins
1 它是一个静态代码分析工具,在代码没有执行时,进行分析 2 帮助团队建立统一规则 3 规则可以配置
安装完vue-loader后,会自动安装 VueLoaderPlugin 插件,在webpack config js配置时,需要用到
安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件:src index js 4 创建`webpack config js`,代码如下:
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中,替换、添加、删除模块,而无需刷新整个页面
wangEditor是一款非常不错的富文本编辑器,我爱模板网之前曾分享:vue项目使用wangeditor4并自定义上传附件菜单。但是经过使用发现,wangEditor4在复制粘贴有颜色的文字时,颜色会丢失,其他样式好像不会。不知道是不是编辑器的bug
css修改原生select的下拉箭头
Array isArray() 用于判断一个对象是否为数组。如果对象是数组返回 true,否则返回 false
它默认值为空字符串,打包后引入js时,路径为bundle js 在开发中,我们也将其设置为 ,路径就是 bundle js,浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行,会将其设置为 ,路径是 bundle js,可以根据相对路径去查找资源
1 在开发中,会有各种模块依赖,这些模块可能来自于自己编写的代码,也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中,找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径
渐变主要有三种类型:线性渐变(linear-gradient)、径向渐变(radial-gradient)、圆锥渐变(conic-gradient)
什么是globalThis:全局属性 globalThis 包含全局的 this 值,类似于全局对象(global object):functioncanMakeHTTPRequest(){retur
首先,在 three js 中有THREE Mesh 网格、THREE Points 点、THREE Line 线条等模型。其中: Mesh 网格模型创建的物体是由一个个小三角形组成,如下面各图。这些小三角形又是由三个点确定,需要三个确定的位置,即确定的 xyz
将webpack配置文件分离是一种常见的方式:新建三个文件,放到config文件夹下:webpack common js 这是测试和生产都会用到的配置webpack dev js 这是测试环境的配置 webpack prod js 这是生产环境的配置 package json 中配置:
Webpack中常用的代码分离: 入口起点:使用entry配置手动分离代码 防止重复:使用Entry Dependencies或者SplitChunksPlugin去重和分离代码 动态导入:通过模块的内联函数调用来分离代码
暴露当前模块的 URL,与new URL结合使用,通过相对路径就能得到被完整解析的静态资源URL
vite速度快,node_modules里的文件比webpack少太多太多,而且,对很多文件,如js、css等都内置了解析方式,不像webpack需要配置很多loader和plugins。
甲方要求写一个js,引入到他们的很多页面上,能在页面右下角弹出内容,并且,引入的js中要有参数,弹出内容要根据这个参数来回显。
我爱模板网在云桌面上开发程序,打开chrome,按F12在network里查看请求时,发现是空的,刷新也没有任何请求,甚至连资源请求都没有
Three js的glsl语法,内置的一些函数总结
我爱模板网要实现将下面的富文本内容点击按钮进行自动复制,并且能将样式也一起复制了,粘贴到word或其他富文本背景色等不丢失
背景是这样的,用户上传音频文件,可能只需要几十秒就够了,但是常规的音乐都要3~5分钟,80%的流量都是不需要的,要是就这么传上去,其实是
微前端,之前一直都有简单了解过微服务,大概就是N个类型的服务都注册到主要服务上,然后就各自管理即可。而后期又发展了微服务,前端的微服务简单来说就是,【子应用】(N个站,或者应用,或者模块)都注册到一个【父应用】上,然后各自管理,开发即可,每个子用应又可以是独立的,也不用管子应用到底是用什么开发,总之最后对接注册到父应用上即可。
动态import使用最多的一个场景是懒加载(比如路由懒加载)封装一个 component js,返回个 component对象 我们可以点击按钮时,加载这个对象
CDN称之为内容分发网络(Content Delivery Network 或 Content Distribution Network) 它指的是通过相互连接的网络系统,利用最靠近每个用户的服务器 更快、更可靠的将多媒体、应用程序等发送给用户 来提供高性能、可扩展及低成本的网络内容产地给用户
MiniCssExtractPlugin可以将css单独抽离到一个css文件。
1 DLL全称动态链接库(Dynamic Link Library),是为软件在windows中实现共享函数库的一种实现方式 2 webpack中也有内置的DLL的功能,它指的是我们可以将可以共享、并且不经常改变的代码,抽取成一个共享的库 3 这个库在之后编译的过程中,会被引入到其他项目中的代码中
webpack 在打包的时候将会剔除掉被没有被使用到的代码达到减小报体积,缩短 http 请求时间,起到一定效果的页面优化,此即tree shaking
webpack-bundle-analyzer 可以在打包后的目录产生一个文件,用以分析打包性能
最近,我爱模板网终于安装了ps 2022版,但是用了以后,发现变形操作特别不习惯:如之前的按住shift同比例缩放现在不是这样了等等,那么如何还原旧版本变形操作习惯呢
新版ps功能的确强大,但是很多操作快捷键都变化了,例如:撤销,之前是 Ctrl+Alt+Z,可以一直撤销,想当年,这个快捷键还和QQ的弹出快捷键冲突了,为此,我爱模板玩特地把QQ的弹出快捷键换成了Ctrl+Q,一直用到现在。但是现在,PS的撤销快捷键已经变成了Ctrl+Z,非常不习惯(虽然大部分IDE的撤销都是Ctrl+Z,但无耐PS已经习惯了)
1 Loader是用于对模块的源代码进行转换(处理),之前我们已经使用过很多Loader,如css-loader、style-loader、babel-loader、vue-loader、ts-loader等 2 Loader本质上是一个导出为函数的JavaScript模块 3 Loader runner库会调用这个函数,然后将上一个loader产生的结果或者资源文件传入进去
1 在webpack函数的 createCompiler 方法中,注册了所有插件 2 在注册插件时,会调用插件函数或者插件对象的 apply 方法 3 插件方法会接收 compiler 对象,我们可以通过 compiler 对象来注册Hook事件 4 某些插件也会传入一个 compilation 对象,我们也可以监听 compilation 的 HOOK 事件
直接用路由传参,子应用用this $route query接收即可。
之前分享过一篇文章,qiankun js 微前端服务。这里的配置,当主应用的路由是hash时,就无法满足了。
git常见的查看用户信息操作
利用css3的animation实现的小球沿着椭圆轨道进行圆周运动,并且实现了近大远小的代码
在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。这时候需要把三维坐标转换为基于屏幕上的二维坐标。
js的splice非常强大,可以实现删除、添加、替换数字中的元素。但是它有个致命的问题,如果多次使用,会导致数组的索引混乱,达不到预期效果
css3提供了filter滤镜,这个属性直接作用于当前元素,而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移,相当于透过一个有特殊效果的玻璃看后面的东西,因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明
var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。
在开发移动端app时,经常会碰到需要这样一种情况 —— 网站滚动到一定高度的时候,让一部分内容作为navbar,也就是置顶显示,我们一般会
这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码
众所周知,在 python 中,+ 运算符可以使用在列表上,+ 运算符只需要第二个操作数是可迭代的,那么 + 显然可以运算在 ha 上
跟OpenGL不同,在threejs中实现一个阴影效果很简单,只需要简单的几个设置。在Three js中,物体可以形成阴影投影效果,但是由于渲染阴影需要消耗计算机大量资源,所以Three js在默认情况下是不会渲染阴影的,所以需要我们手工设置开启阴影效果。
windows或者mac的高分辨率电脑,默认都喜欢将显示分辨率放大125%或者150%(windows下,右键桌面->显示设置->缩放与布局),此时,如果在100%情况下,看起来比较舒服的页面,到了这种分辨率下,看起来会非常“臃肿”,我爱模板网就遇到了这给情况,一般都要跟客户解释下:“是您的电脑设置问题,您把缩放设置为100%看下?”,
gulp series 顺序执行,gulp parallel 用于并行执行。
EdgesGeometry在老版本中叫做EdgesHelper但是已经被移除。新版本赋予边框辅助参考线,更加灵活的使用方法,可以改变其材质以及其他属性,EdgesGeometry的作用是可以帮助查看几何体对象的边缘。
我爱模板网一个小程序很久没更新,今日更新后发布,审核通过,却提示“代码涉及未配置在app json且未开通权限的wx getLocation接口,发布后将无法使用”
Manifest version 2 is deprecated, and support will be removed in 2023 See https: developer chrome com blog mv2-transition for more details
ref和reactive是vue3基于组合式api模式下,在setup中用于声明的具有响应式的数据的方法。
git克隆到指定分支,一张git命令的图
不同的浏览器会要求不同的字体文件类型:TrueType(TTF)和OpenType(OTF)字体文件在绝大多数的浏览器上都能正常工作。IE4—IE8要求使用特殊的字体文件格式:嵌入式OpenType(EOT)唯一能够在Safari上正常工作的字体文件格式就是SVG,SVG在chrome、Opera上也能正常工作,但在Firefox上不行。WOFF的含义是Web开放字体格式。越来越多的浏览器都在添加对它的支持。
includes()和indexOf()都是用来检查数组和字符串是否包含某些元素,includes()返回值是布尔值,indexOf()返回的是索引值,如果没有返回-1
把我们定义的service引入进来,定义一个GET_USER_INFO的effects,注意这个函数名称前面要有“*”,然后在函数中通过yield call() 来调用(数据接口方法 和 请求参数),yield表示同步调用,这个是generator提供的功能,大家有兴趣的可以自己搜索一下。
qiankun js 子应用引入百度地图报错:Uncaught TypeError: application workFlow died in status LOADING_SOURCE_CODE: Failed to fetch
PHP8参考手册 chm,翻译自官网的经典读物,是款专门为了针对开发人员进行研发推出的PHP手册,我爱模板网搬运过来,提供免费下载。手册对于查找知识点解决一些疑难杂症,亦或者跟着一步一步实现上面的案例进行学习,都很有帮助。
uniapp 3 6 3后,云打包超过40M就要收费了,而本次的项目无论安卓还是IOS都超过了40M,由于用了比较大的原生插件,想压缩也很难。只能选择离线打包,而离线打包由于没有任何的 Android Studio 基础,通过摸索,按照下面的方法完全有效
uni-app开发app,底部fixed按钮等,经常会遮盖在功能按钮上,下面是有效的解决方案:1、在manifest json配置:
我爱模板网要实现下面的效果,即在textarea输入框的光标位置,插入系统变量
表格由js的数组array渲染而成的,通过右边的移动按钮,实现上下移动,代码实现如下
uni-app如何在js文件中调用globaldata?
我爱模板网在用phpcms做网站时,需要将整站生成静态文件,但是当生成列表页时出现问题(首页和文章页都没问题):列表页数据有两百条,每页10条,按理说要生成十页,但是列表只生成第一页就不生成了。经过慢慢调试,终于解决了问题。
在Windows上keytool命令放在JDK的bin目录中(比如默认安装路径C: Program Files Java jdkx x x_x bin里面,或者搜索 keytool exe 所在文件夹)
原来是因为default-expand-all属性是用来设置默认值的,不会动态渲染,初始值treeData的数据是调异步请求获取的,默认是空数组,在treeData是空数组的时候组件已经渲染了,default-expand-all属性已经使用过了,再次得到数据,这个属性并不会再次发挥作用。既然知道了原因,那么每次获取到treeData之后,再次渲染,就能解决问题了
我爱模板网运行gpedit msc,提示找不到gpedit msc文件,原来win11家庭版默认不支持组策略,使用下面方法即可找回,亲测可用
antdv的a-table分页默认只有左右箭头和数字分页,要实现下面的效果,必须配置自定义分页:
ant-design-vue在tree的每个item的右边显示自定义的按钮,代码如下
离线打包在HbuilderX的manifest json中配置是无效的,这个配置仅在云打包时生效
uni-app离线打包,配置了高德,参考uni-app离线打包之Geolocation解决方案,可以通过Geolocation获取经纬度等,但是在使用map组件时,还是提示:打包时未添加maps模块,请参考http: ask dcloud net cn article 283
uni-app离线打包,报错:Caused by: org gradle api internal plugins PluginApplicationException: Faile to app
如题,纯css3实现的三个旋转的环,每个环利用一条边比另外三条边粗的特性,做出下面的效果
最近在做一个门户网站,用到了phpcms的搜索功能,之前一直想要实现这方面功能,但苦于静不下来心研究phpcms的实现原理,今天通过这个博客记录下我分析的过程,网上的资料相对比较零散,看的总是云里雾里的,这里做一个比较系统的总结。
如果制作的静态页面中有搜索功能,那么使用phpcms怎么进行替换呢?会不会遇到很多的麻烦呢?接下来进行phpcms替换静态页面中的搜索功能。第
js通过createRange方法,在输入框中的光标所在位置插入内容,兼容Firefox、Chrome、IE等浏览器,示例代码如下
document hidden判断页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化
每一个 Network 包含的所有设备都在同一个网络里。每个网络有一个 Network ID。各客户端通过这个 ID 连接到此网络。当然,一个账号是可以创建多个网络的。网络氛围 Public 和 Private。一般我们自己组网是要用 Private,需要在页面授权设备才可以进行访问。Public 权限好像不太有人会需要吧。
因为大环境的问题和ipv4地址的限制,国内运营商并不会为每条宽带分配一个公网ip,自己申请又有诸多限制,内网穿透的软件我常用的就是natapp,但是免费版限速还有时常更换地址,处于能用但是不怎么好用的位置,可以临时使用。后来我发现了新大陆-ZeroTier。
scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。
Vue、React等框架使用了hash路由(history路由没关系),url中必须有 号,但是又需要使用锚点定位,从而产生冲突,此时就不能使用 锚点,但又要实现锚点功能,可以借助js的scrollIntoView方法
electron build之后,axios请求无法使用解决办法
CSS3 animation 地球绕着太阳公转代码
ref也可以用来定义对象或者数组类型的数据,内部会通过reactive转为代理对象
vue2的$refs可以获取dom节点,但是vue3没有this,所以不能这么使用,可以用下面的方式实现
之前我爱模板网介绍了js在textarea输入框插入文字,今天利用可编辑的div(contentEditable= "true "),仍旧配合js的createRange方法,找到光标位置,插入包含文字、图片等各种元素
银行卡往往只显示后面四位或者前四位后四位,中间显示*星号,下面的正则代码就能轻松实现这种效果
材质是用于描述多边形、折线、椭球等对象的外观特征,材质可以是几何对象表面的任一一种着色,可以是贴在其表面的一张图片、也可以是一个纹理或图案。cesium中也提供了一些材质,比如颜色、图片,棋盘、虚线,箭头线等。但这些基本是不会满足我们实际开发中的需求,需要自定义材质。使用Fabric和GLSL可以写脚本新建材质,也可以从现在的材质中派生
数组扁平化指将一个多维数组转化为一个一维数组。有时候,将数组扁平化很有用,例如在查找某些符合条件的项时,一维数组不需要递归就能轻易找到。
前端使用Element框架,出现了使用级联选择器只能点击前端小圆框选中的情况,客户不满意,要求能够点击一整行选中。
gltf和glb模型压缩,我爱模板网通常使用两种方法
gltf、glb模型经过3D软件压缩导出后,在threejs用gltfloader加载,必须借助DRACOLoader解压,否则会报错。
ant design vue 3 x之前,年选择器没有,只能使用a-date-picker日期选择器,将mode设置成year,但是,只能看到效果,并不能实现选择,需要进行下面的改造
跨域资源共享(CORS)标准新增了一组 HTTP 首部字段,允许服务器声明哪些源站有权限访问哪些资源。另外,规范要求,对那些可能对服务器数据产生副作用的HTTP 请求方法(特别是 GET 以外的 HTTP 请求,或者搭配某些 MIME 类型的 POST 请求),浏览器必须首先使用 OPTIONS 方法发起一个预检请求(preflight request),从而获知服务端是否允许该跨域请求。服务器确认允许之后,才发起实
qiankun js本地测试没问题,子应用打包放到nginx后,主应用再次加载子应用,就提示:died in status LOADING_SOURCE_CODE: Failed to fetch
我爱模板网在使用element ui的el-table、antdv的a-table时,偶尔会遇到下面的错误Cannot read property key of undefined
这个官网已经提供了方法:a-tree和a-tree-select使用getPopupContainer属性,a-datePicker使用getCalendarContainer属性,官网解释:菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。
地图阴影其实我使用了geo和series的两种地图叠加起来,第一层geo设置了阴影,第二层series的地图使用了描边。
mediaDevices 是 Navigator对象的一个 只读属性,返回一个 MediaDevices 对象,该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享。
phpcms,设置好采集规则,在第一步采集网址时,明明看到了采集到的网址,却一闪而过,又看不到了
封装组件之前我们需要知道 v-mode 的默认值。 组件上使用 v-mode 会默认传给子组件 props 一个 value 属性。 只需要把 props 里面的 value 属性拿绑定在 input 的 :value=“value” 属性上。
我爱模板网在开发项目时,遇到了一个需求,即输入框禁止输入中文。
Vue生命周期是指vue实例对象从创建之初到销毁的过程。
vue的props传递的变量的type有时候正常情况应该是单一类型
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令,对普通 DOM元素进行底层操作。
实现 input 只能输入数字和小数点,大家往往用到的都是replace方法,但是其实还有不少其他方案可选
destoon去除域名未授权,请购买授权的提示
element UI表单验证错误提示不消失
threejs OrbitControls通过enableDamping开启阻尼效果,让推拽视图有缓冲效果,不至于太生硬。
打开vscode,经常弹出“尝试在目标目录创建文件时发生一个错误”的错误提示框
js利用storage改变事件实现跨页面通信
默认情况下,当前页面修改localStorage,本页面是无法监听的,只有同源的其他页面才可以监听到本页面localStorage的改变。
IntersectionObserver 之前就有所了解,但是一直没有用,当时觉得浏览器兼容性不好,直接用onscroll监听也能实现相关功能,但是随着浏览器支持性越来越好,这个属性到迄今为止,可以用在大部分的正式项目中了,对于提升性能和用户体验,起到一定作用。
用上述的编码和解码,自己前端操作编译和解码中文都是没有问题的,但是由于需要后台,编码后传输到后台,后台返回编码格式再解码的时候就会出现中文乱码。
uniapp+uview-ui做的项目,要用到月份选择器
《ThinkPHP6 0快速开发手册(案例版)》是由PHP中文网推出的,比官网的《ThinkPHP6 0快速开发手册》更加友好,更加适合新手的手册
我爱模板网层分享一篇关于vue3使用ref的文章:vue2 $refs在vue3中的使用方法,但那个是静态的ref,使用方法如下
js事件中的event默认参数,会返回target和currentTarget来获取当前的事件触发对象
js中的 getBoundingClientRect 是用来获取DOM元素到浏览器可视范围的距离(不包含文档卷起的部分),返回页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。该函数返回一个Object对象,该对象有6个属性:top、left、right、bottom、width、height。
jQuery提供了一个方法,可以获取dom元素距离浏览器左边和顶部的距离
css3的var函数,和sass、less等预编译差不多,都可以定义变量并且进行对应的使用
它还能查询系统使用的是深色模式还是浅色模式,即prefers-color-scheme,css 媒体特性,用于检测用户是否有将系统的主题色设置为亮色或者暗色。 在过去,必须手动切换主题色,写两套css,然后通过js来切换。
resolve 具体工作方法我的理解就是从后往前先找绝对路径,如果找到了就以这个路径为开头,如果没有找到绝对路径,就以当前文件所在的工作目录为开头。
全国省市县geojson下载,包括全国、23个省、2个特别行政区、4个直辖市、5个自治区,以及下面的县,全都有,共24 2 MB,403 个文件,29 个文件夹。
momentjs对于时间的格式化和各种时间获取非常方便,这里仅简单说下怎么使用
momentjs可以非常方便的获取想要的时间,例如本周、本月、本日、本年,上一年、上一周、上个月,前几天,后几天等等,简简单单一个方法即可实现
vue3的defineProps、defineEmits和defineExpose在vue3中,如果是script setup新语法糖中,则使用非常广泛,这里总结下:definePropsconstp
shallowReactive 与 shallowRef:shallowReactive:只处理对象最外层属性的响应式(浅响应式),如果有一个对象数据,结构比较深, 但变化时只是外层属性变化。shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理,如果有一个对象数据,后续功能不会修改该对象中的属性,而是生成新的对象来替换
svn由于第一次使用,账号密码输入后,以后都不用再输入了,但是当换了个环境,就忘了密码多少了,甚至账号都不记得了。
async await 的错误捕获
有一个vue(uni-app)开发的项目,放到了安装了宝塔面板的服务器上。但是要设置代理,才能访问。
本文转载自cnblogs adouwt博主的博文,原文地址:https: www cnblogs com adouwt p 9211003 html反映问题:执行npm publish报错,因为有
这里采用的是vue-cli 脚手架,版本是2 **,vue-cli 3 0 已经出来有一段了。今天暂不用3 0 的,回头会详细说上3 0的打包使用。
vue2插件编写之前我爱模板网分享过,今天带来vue3的插件封装方法,插件可以是一个公开 install 方法的 object,也可以是 function,包含全局函数和全局组件一起封装
vue3父子组件传值主要有:emit、props、provide和inject、作用域插槽
不论是Vue2中的Vue use亦或者Vue3中的app use。其功能主要是用在插件的安装上,往往是在项目的入口文件(比如main js)中。被use的插件多数是 NPM 中的第三方库 。在必要的时候,也可以封装一个自定义的插件以供团队的使用。这样可以避免反复开发同一个功能。
Vue3 props的写法和vue2差别还是比较大的,它基于defineProps进行定义
ref和reactive是vue3基于组合式api模式下,在setup中用于声明的具有响应式的数据的方法。
工作中遇到一个需求,要将一个非常复杂的项目,改成插件并发布到npm,供其他同事使用。该组件是基于vue-cli 4 x脚手架搭建的(vue-cli 3 x同样适用)。
vscode报错Already included file name xxx differs from file name xxx only in casing的解决方法
我爱模板网在使用uni-app开发app时,遇到一个需求:用户提交的数据中不能包含中文,只能是数字、字符串、符号等
trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。
我爱模板网在使用ThinkPHP6 0上传视频时,小视频文件可以正常上传,但是稍微大一点的文件上传就会报下面的错
我爱模板网在使用php开发项目时,在上传文件这块,竟然会报下面的错
vue3 native 修饰符被弃用了
`slot-scope` are deprecated
本文基于ThinkPHP+WangEditor实现了富文本+上传图片+上传视频,前端框架采用的是layuimini-2,步骤非常详细,当然也非常简单,例如没有处理上传失败具体情况的返回等。文末提供了WangEditor的压缩包
Thinkphp6发送邮件详细步骤
Linux设置root不能直接ssh登录的方法
vue3打包提示下面错误:[@vue compiler-sfc] ::v-deep usage as a combinator has been deprecated Use :deep() instead
《编写一个vue3插件并发布它》中的错误
input type=file上传文件时,accept属性值汇总
vue3在style中用@import导入的css文件,scoped不生效影响全局样式
在Win11搜索功能很强大,系统搜索已经进化到可以搜出全局文件、系统功能以及应用程序等。但是某些文件夹,例如前端的node_modules文件夹内容繁多,可能会导致搜索很缓慢,此时,很有必要在搜索中跳过它,屏蔽它。
js要实现拖拽文件夹到页面,得到此文件夹内所有文件。如果是选择文件夹简单,在input:file中,有一个属性,用于控制在点击上传文件按钮时,用于展示文件还是文件夹的属性,这个属性就是webkitdirectory
js获取拖拽文件夹中所有的文件,遍历拖拽的文件及文件夹中所有的文件,并展示出来
noise 本身有不同的颜色,但现在它是单色的,因为我们对父元素应用了一些滤镜,这也会影响伪元素。尽管如此,我们仍然可以应用额外的滤镜(不是必需的)和混合模式以更好地与原始图片混合。我强烈建议使用不同的 mix-blend-mode 值:darken 和 multiply 产生我们想要的效果的很好的结果。
js for in的索引值是字符串导致的问题
我爱模板网在用vue3+webpack4做一个安全门户网站时,客户对代码进行了格式化,发现里面的请求接口路径直接能看到,要求对代码进行脱敏加密混淆,没办法,不得不借助强大的javascript-obfuscator插件,它能够通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆,达到无法恢复源码甚至无法阅读的目的。
恺撒密码是古罗马时代经常使用的一种经典加密算法,伴随着恺撒的南征北战而流传于世。恺撒密码的基本原理是将明文字符串中的每一位字母往后(或往前)移N位,N即是对明文进行加密的密钥;移位之后的结果是一串无明显语义信息的字符串,即密文;解密过程是将密文中的每一位字母往前(或往后)移N位。
JS实现的base64加密解密操作,可以用来作为脱敏操作
纯css实现拖拽改变宽度
clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置
jQuery实现的,多个容器(这里用的自定义的column,换成div同理)在一行,拖拽中间的分割线,实现调整其左右宽度容器宽度的功能,很实用。点击js拖拽控制容器大小查看效果。
我爱模板网在使用vite+vue3+echarts做项目,运行时并没有报错,但打包部署后,echarts统计图并没有出现,还报错
php项目部署到宝塔后,报错Warning: file_exists(): open_basedir restriction in effect File
假设项目传到 根目录 web 下,那webpack打包的vue2项目,和vite打包的vue3项目,如何配置
vue3实现,amap高德地图,沿着一系列经纬度绘制的Polyline,进行巡航动画。
uni-app vue3 store全局数据共享
在2 X版本中创建一个vue 实例是通过 new Vue()来实现的,到了3 X中则是通过使用createApp这个 API返回一个应用实例,并且可以通过链条的方式继续调用其他的方法
解决el-input使用原生JS事件修改值data后v-model值不同步的问题
uni-app默认使用的vue2,这次新项目,不能再墨守成规,改成了vue3,之前的store引入方式等都要改了
uni-app vue3公共方法定义,之前提到过一种,参见:uni-app vue3版store使用和在Vue3中使用Vue prototype。但这种由于用到了this,在使用时,如果是composition api或setup语法糖,会更加麻烦,这里推荐一个方法,直接挂载到uni这个全局对象上。
uni-app vue3子组件不显示
咱们在vue2中是不存在require is not defined问题的,那是因为webpack帮我们解决了,开发时在内部对其了转换。为什么非要使用require语法?因为require语法有时候确实蛮好用的啊,咱们在vue2中可以通过require语法,定义变量,动态获取一些静态资源。vite不是webpack,没有提供require方法,但是,有替代方案
vue3 transition 组件使用总结
我爱模板网再做一个小项目,不想使用element plus、antd这种重量级框架,但是又觉得element plus的提示插件很美观,于是就自己动手封装了一个轻量级的,不依赖任何插件的toat提示插件。
js deepClone 深拷贝主要用于对象、数组等拷贝后,操作拷贝的数据不影响原数据。下面分享两种方法,都可实现
利用js的splice方法,可以轻松实现数组元素的移动
uni-app利用pdf js实现预览pdf
纯js实现拖拽弹窗代码
bootstrap5 的模态框不支持拖拽,这里给它实现拖拽功能
我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main js做了全局引入
在JS“&&”和“||”是逻辑运算符;“&”和“|”是位运算符。
1 this和super的区别: this关键词指向函数所在的当前对象 super指向的是当前对象的原型对象
Windows 10系统默认是没有权限去编辑保存系统里的文件的,这也是权限不够才导致修改编辑hosts后无法保存的原因,解决的办法就是把自己的帐户权限给提高就可以了。
yarn install报Integrity check failed for "extension-widgets "(computed integrity doesn t match our)
我爱模板网利用SortableJS实现了列表的拖拽排序,
js格式化文件大小,将传入的字节,转成B、KB、MB、GB、TB等的两种方法
electron-log是用于在Electron应用程序中记录日志。可以在https: www npmjs com package electron-log找到该包的地址。安装electron-log:
VMware16安装macOS12详细教程。
uniapp 利用pdf js,实现h5、app的pdf在线预览功能,亲测可用,已经应用到项目中。
如果还没安装,参考:VMware16安装macOS12详细教程。安装后如果出现下面问题,可参考
Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。
使用symbol作为对象属性名不被Object key等方式访问
Midjourney是一个具有人工智能技术的数字绘画平台,它提供了AI画作生成功能,使用户可以使用AI算法创造出令人惊叹的艺术作品。
chatGpt登录提示:Access denied,You do not have access to chat openai com
在用Linux的时候,有时候要删除一个文件夹,往往会提示次此文件非空,没法删除,这个时候,就必须使用rm -rf命令。
linux修改文件的内容命令是:vi,vim
nvm安装后全局安装gulp,提示:gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
yarn、npm都是构建和打包 javascript 代码的工具(包管理工具)
在html中,script标签可以通过src属性引入一个js文件,引入的js文件可以是本地的,也可以是远程的。
umi 不是内部或外部命令,也不是可运行的程序 或批处理文件
connect 方法返回的也是一个 React 组件,通常称为容器组件。因为它是原始 UI 组件的容器,即在外面包了一层 State。
由于nvm切换版本方便,所以我爱模板网一直使用它。但是安装了nvm后,npm、yarn、pnpm等也要进行相关配置。
yarn安装依赖提示下面的错误: error https: registry yarnpkg com : Integrity check failed for " " (computed integrity doesn t match our records, got "sha512- sha1- ")
yarn设置超时时间和查看配置接口
nvm切换后,执行vue,提示:无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
vue add electron-builder一直在下载,或者卡在node install js解决方案
Electron 是一款利用 JavaScript、HTML 和 CSS 开发跨平台桌面应用的开源框架。它内置了Chromium 内核和 Node,使得我们写的单页应用程序能够运行在桌面端的类浏览器平台中。因此,我们可以通过书写 Web 代码来实现桌面应用的 GUI 布局,也可以通过 JavaScript 调用 Node js 提供的丰富的原生 API。
electron window require is not a function
我爱模板网在使用typescript开发项目时,需要操作Dom获取其innerText,
npm link命令可以将一个任意位置的npm包链接到全局执行环境,从而在任意位置使用命令行都可以直接运行该npm包。
destoon的模板里DT_PATH、DT_SKIN等常量在哪修改
The left-hand side of an assignment expression may not be an optional property access 报错处理
Chrome书签具有自动同步的功能,但是,经常因为科学上网等原因,不能及时同步,被动等待很痛苦,尤其是在多台电脑上,有时需要另一台电脑的书签,就是迟迟不出现。
数据流从类到视图则是数据绑定,即在类中改变变量的值,UI视图会跟着改变;反之,事件绑定是随着触发UI视图,类中也会产生相应的变化,比如鼠标点击、键盘点击触发事件。双向绑定则是数据绑定+事件绑定的结合。
angular2 在组件模板中可以循环数组集合等对象,语法非常简单
angular路由传参方式主要有3种
终端输入命令vim 可以使用Vim编辑器打开一个文件,然后按下i可以进行编辑。
Warning: A component is `contentEditable` and contains `children` managed by React
Unexpected useless attribute on `` vue no-useless-template-attribues
ck-editor5是一款非常优秀的富文本编辑器,我爱模板网就在开发中使用到了它。下面是按需生成build文件,引入到vue3的方法
我爱模板网在使用uni-app开发微信小程序时,有个页面采用了scroll-view组件,有个返回顶部的按钮,点击这个按钮需要返回顶部
v-model在vue中我们经常用它与input输入框的输入值进行绑定,简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定,如下vue3实现代码
ckeditor5经历了这么多年的发展,已经非常成熟,UI界面也比较精美。
ckeditor5在编辑器宽度不够时,默认会折叠工具栏
ckeditor5 添加emoji表情的步骤
ckeditor5编写自定义插件,并做国际化处理
网上有很多关于Ckeditor粘贴样式都是的解决办法,但那都是ckeditor4或者3,没有关于ckeditor5的,老版本解决办法这里就不说了,这里说下ckeditor5的解决办法。
js设置字体样式,可以分开写
2022年10月,微信回收getUserInfo()和getUserProfile()获取用户信息的能力。从此以后,不管是getUserInfo还是getUserProfile,都返回匿名的微信头像和昵称,但仍然可以获取openid。
今天,我爱模板网在element-plus中,使用原生的radio单选框,发现都不显示,F12一查看,发现宽高都是0,强制设置宽高也没用。但也没看到哪里设置了宽高,然后就发现了-webkit-appearance:none的样式,把它取消了或者设置为非none的值,就显示了。
具体的逻辑很简单,先从 binding 中提取出 value 的值,这就是当前控件所需要的权限,然后遍历 usersPermissions 用一个 some 函数,去查看 usersPermissions 中是否有满足条件的值,如果没有,说明当前用户不具备展示该组件所需要的权限,那么就要隐藏这个组件,隐藏的方式就是获取到当前组件的父组件,然后从父组件中移除当前组件即可。
element plus的el-table默认只支持加入复选框。但有时候单选框也需要。
clipboard js可以实现js复制,详见js实现复制、粘贴,clipboard min js的使用
Monaco Editor代码编辑器是一款由微软推出的,非常强大的代码编辑器。非常著名的vscode,就是基于它的内核,在node基础上开发出来的IDE
accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。VUE不好用
应客户需求,要实现在ckeditor5上进行word上传,并将word解析后,显示到编辑器中。当然,解析word前台不可行,所以就由java完成,然后将解析结果返回给我。
uniapp mainfest json中配置proxy代理
vue3开发过程中,老是提示: Added non-passive event listener to a scroll-blocking 的提示,虽然不是error,但是看着也不舒服,截图如下
这是case语法错误,但是找了半天也没找到问题所在,代码看着没问题啊,最后通过一行一行注释,发现是: const ids = [] 这行报错
ckeditor5插入内容
首先flex: 1等同于flex:11auto;flex: 1实际上是三个属性的缩写:flex-grow:1;flex-shrink:1;flex-basis:auto;flex-grow的作用flex-grow
当我们没有使用vue3的setup语法糖,我们可以这么定义name
我爱模板网在开发一个cms程序时,有这么个需求:cms的内容众所周知是核心功能之一,所以在文章列表点击添加文章时,要打开新窗口,然后在新窗口添加完文章,自动关闭这个窗口,同时通知列表页刷新。
vue3如何使用eventBus订阅发布模式
正则表达式:以字母开头且只能输入字母、数字、下划线
git hooks,即git 钩子,定义为能在特定的重要动作发生时触发自定义脚本。
js的decodeURIComponent以及encodeURIComponent转码太高级了,有时候可能只是为了防止注入,将js变的不可执行等,仅仅只需要转码和解码html的左右尖括号以及 & 符就可以了
对于函数内容的字符串,我们想要将其转换为一个函数然后执行,有2种常用的方法
js获取video名称、时长、缩略图、宽高等,缩略图的核心是用canvas画出来的base64图片,调用函数需要传入二进制的视频文件,注意这是一个promise函数,需要用then来接收
在实际开发中判断运行环境,通常用于调用不同环境的服务端API接口地址。在开发环境下需要调用测试接口,在生产环境下需要调用正式接口,这时需要判断当前的运行环境,从而调用不同的接口
ckeditor5插件开发之编写可下拉,也可直接点击执行的插件,本文是基于vue3使用ck-editor5,亲测可用这篇文章来实现的。
使用canvas将文字转换成图像数据base64
flashFxp v5 4 0秘钥,以下秘钥是授权给用户abcdef的
npm adduser、npm publish、npm login等操作报code E426错误
我爱模板网开发cms时,采用的是ckeditor5,正常粘贴别的网站内容没问题,但是当我粘贴从腾讯新闻复制来的的文章时,出问题了,403不显示
我爱模板网开发cms时,采用的是ckeditor5,正常粘贴别的网站内容没问题,但是当我粘贴从腾讯新闻复制来的的文章时,出问题了,403不显示
script引入monaco editor编辑器时报错Can only have one anonymous define call per script file
vite默认不支持路径别名@指向src,但是平时用习惯了,手动配置下即可
element-plus的隐藏组件el-scrollbar实现触底加载代码
VScode的文件每行结尾都报红色,鼠标浮上去显示Delete `␍`
react-native启动时红屏报错:Unable to load script Make sure you re either running a metro server or that
warn No apps connected Sending “reload” to all React Native apps failed Make sure your app is running in the simulator or on a phone connected via USB
Vue3动态设置ref,在循环中,尤其好用
UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f 范围内的一个32位十六进制数。在理想情况下,任何计算机和计算机集群都不会生成两个相同的UUID。
ckeditor5和vuedraggle一起使用时,拖拽会导致将内容拖拽到了编辑器里面
element ui的el-table表格实现拖拽排序,经测试,完全没问题。而且,也适用于element-plus
之前,vue3+webpack使用monaco-editor以及script引入monaco-editor,都没有问题,这次又在vue3+vite上使用到了monaco-editor。 vite没有对应的monaco-editor-webpack-plugin插件,所以,如果直接使用并初始化,可以看到效果,但是会报错
使用jquery v3 1以上的版本,如果出现下面的错误提示:Uncaught TypeError: elem getClientRects is not a function
获取元素到屏幕四周的可视距离,一般需要通过jQuery计算元素与viewport(窗口)的距离来实现。
vue路由动画让页面切换更有艺术感。
我爱模板网在使用uni-app开发app时,遇到一个需求就是视频列表默认显示图片,当点击图片的时候,全屏播放视频。研究了一番总算实现了,下面是具体的代码
$parent指向调用该组件的父组件实例,注意,是直接,如果多层,需要$parent $parent ,通过$parent调用父组件的props、 data或者methods等
js获取图片宽高的方法
之前我爱模板网介绍了 VMware16安装macOS12详细教程。今天在来一篇VMwear16安装Centos7教程。
打开虚拟机后可以正常运行,运行大约20分钟后突然卡死,风扇急速转动,然后通过任务管理器可以观察到VMware Workstation VMX应用程序的CPU占比高达80%,CPU的利用率增加至100%。使用任务管理器杀死VMware Workstation VMX程序后,CPU利用率就马上下降至恢复正常范围。
Centos7运行 yum install nginx提示:没有可用软件包nginx,或者No package nginx available的解决办法
下面是在CentOS 7上查看开放端口、查看端口占用情况、开启端口、杀掉进程等命令
centos nginx常用的命令
sscms的搜索官方文档只是介绍了如何使用search标签,并没有一个流程,这里说下我的制作心得。
centos7关闭防火墙
sscms V7利用自定义表单实现在线留言功能
sscms(site server)v7本地开发完了,怎么上线到正式服务器?或者sscmsv7开发的站点,要更换服务器,如何迁移站点?
visibilitychange事件是浏览器的新事件方法,主要是用来监听页面是否处于显示状态,现在主流的浏览器都支持此事件,当浏览器进行切换选项卡、最小化、最大化、锁屏等操作的时候会主动触发该事件。
layui input 自定义正则验证的方法:1、给input加上lay-verify的属性用以绑定验证规则,这里以phone为例 2、可一个给个提示效果(也可以不写),给input加上lay-verType的属性
js判断是否手机、平板、电脑以及浏览器类型
一般只使用代码 ,会有些浏览器会不起作用,所以在使用的时候,要完全兼顾。
js naturalWidth与naturalHeight属性是获得图片原始的尺寸,不会因外部width和height属性设置的改变而改变。
vue3+vite安装和使用scss详细步骤
之前都是用vue-cli脚手架开发的,这次是基于vite4 4脚手架开发的,其实都一样,就是打包配置不一样。
uni-app实现图片懒加载
org gradle api tasks StopExecutionException: Your project path contains non-ASCII characters
android studio 在编译的时候会下载 builde gradle 文件下 dependences {} 中 配置的各种依赖包,如果不移动到D盘或者其他盘,那么随之项目依赖的三方包逐渐增多,势必会造成C盘的容量大小会越来越小
js判断是否移动端企业微信、PC端企业微信、移动端微信、PC端微信,经测试可行
css3设置字体颜色渐变的三种方法,在web前端开发过程中,UI设计师经常会设计一些带渐变文字的设计图,在以前我们只能用png的图片来代替文字,今天可以实现使用纯CSS实现渐变文字了
uniapp自定义头部,计算状态栏和导航栏高度
uni-app修改默认的swiper 面板指示点
在编译成app和H5都没问题,但是到了小程序就无效了。这是因为uniapp中的页面,并非最终原生小程序中的页面。在HBuilderX 在对源码编译过程中,uniapp中的页面外部会包裹上page。简单说就是page是uniapp页面的父节点。在子节点上设置了 scoped ,父节点肯定就无法选中了。
swiper 一张图在中间,上一张下一张都显示一半,这种需求很常见
微信小程序中,可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意,大部分组件是不支持该属性的。
在微信小程序中跳转到另一个小程序的两种方法
最近启一个很老的项目,发现提示下面错误:Node Sass could not find a binding for your current environment: Windows 64-bit with Node js
uni-app微信小程序getLocation获取定位相关配置
element-plus el-table 按住shift实现连续勾选多选,即选中第一个,按住shift再选中最后一个,会自动将中间的都勾选
之前介绍过element-plus el-table 按住shift实现连续勾选多选,这里把vxe-table的实现方式也顺便写下,基本上差不多
undefined is not iterable (cannot read property Symbol(Symbol iterator)) at _iterableToArray 如果报了这个错误,说明你代码中可能用了es6中的拓展运算符
安装好macos 13 1后,关闭虚拟机,打开虚拟机设置,将网络连接方式改为桥接
Could not find a valid gem activesupport (= 6 1 7 3), here is why
顾名思义,shadow dom直译的话就是影子dom,但我更愿把它理解为DOM中的DOM。因为他能够为Web组件中的 DOM和 CSS提供了封装,实际上是在浏览器渲染文档的时候会给指定的DOM结构插入编写好的DOM元素,但是插入的Shadow DOM 会与主文档的DOM保持分离,也就是说Shadow DOM不存在于主DOM树上。
html5 video标签播放视频不能沾满,边缘有空白
videojs播放hls视频流的方法
详解build gradle文件
微信小程序登录提示:errMsg: "getUserProfile:fail api scope is not declared in the privacy agreement ", errno: 112
字体在设置了font-size后,不同字体,或者相同字体不同文字,如中文、英文小写、大写、空格等,字体宽度都不一样。但是canvas提供了measureText方法,可以测量宽度
js实现文字增加,字体大小自动缩小不超出范围
你可能会注意到,你访问的一些网站上的外部链接旁边会显示一个小图标。这对用户来说非常有帮助,因为它让他们知道这个链接会将他们带到站点
我爱模板网给客户开发网站时,用的是sscms,服务器是windows server系统,所以采用了IIS来启动。配置了443。后期遇到一个需求,就是需要在服务器上部署接口,接口也必须是443,否则在https的页面中无法请求。这时用nginx代理443会报错,因为端口被IIS占用了
根据应用市场审核标准。我们开发的软件想要过审就必须要在应用在运行时,向用户告知权限申请的目的,向用户索取(存储、相机、电话)等权限。但是我们会发现做了提示弹框后又会驳回弹窗评频繁弹窗等等一系列的问题出来。
position:relative相对定位去除所占空间
在用uniapp生成网页和H5时,在scoped里写的page样式有效,但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点,所以加上scoped限定后,会导致无法选中。
在vue2 0中,我们通过this $route可以获取到当前的路由,然后通过this $router来获取到路由实例来进行路由跳转
这是因为在vue3中上面的useRouter的引入方式是vue3的hooks,因此在js文件中需要导入你创建的router文件即可
中文乱码的原因在于,qrcode只是单纯采用charCodeAt()方式获取字符的Unicode编码进行转换,转换后并未处理中文字符编码(charCodeAt 是采用UTF-16编码制),所以他会出现中文乱码的问题;而下面的方法在转换为Unicode编码后,输出时再对中文字符编码进行fromCharCode代理,转为UTF-8,然后再生成二维码
微信生成自定义的VACRD二维码名片有时候很有用
env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量
在使用qrcode js时,需要在生成的url后面拼接token,这时生成二维码报错
通过阅读公众号发布出来的公众图文,点击上面的微信号名称(右上角三点),可以查看公众号,进入关注页面
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全
我爱模版网在使用CKEditor5时,从wps中拷贝内容到编辑器中,发现全是空白空格,内容无法展示出来。
关闭vue3运行过程异常出现的errors页面
uni-app实现图片宽度100%、高度自适应的效果,常规的css方法不行,默认给height:auto;就看不到图片了
EXIF(Exchangeable Image File)是“可交换图像文件”的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄
解决uni chooseImage勾选相册原图,使用pathToBase64方法转Base64,提示“targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径”的问题
电商类、外卖类web或者小程序常用,左侧点击对应的tag,右侧会滚动到对应的内容上;右侧滚动,左侧也会到指定位置高亮。
uni-app 微信小程序@import引用scss文件无法解析报错
uniapp 生成二维码的方法
uni-app将canvas生成的二维码保存到本地
假设现在有www 5imoban net,已经有这个站点了,现在想在这个站点下再建个独立的站点,域名为tool 5imoban net。假设站点是基于sscms,也就是siteserver创建的。
vue3设置和读取静态ref的方法
inset是top、left、right、bottom的一个简写方式。insert对非静态定位的元素不会生效,也就是只有设置position被设置的时候生效,这就和top之类一样。
推荐一个可以免费获取有效的rtsp流媒体测试地址的方法:1、打开https: rtsp stream 2、点击“Get started for free”按钮3、输入自己的
vue2、vue3 播放rtsp视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264如何播放
最近公司在搞流媒体,我推荐了webrtc-streamer进行搭建,使用了一段时间后,出现新的需求,需要将内网的摄像机进行公网访问,我查询了几乎所有的帖子和github的问题回复,都没有给我一个准确的答案,经过不断尝试和摸索,我终于成功了,我希望将我的过程记录下来,让更多的中国开发者可以少走弯路,我对于webrtc不是很了解,但是这并不影响我使用开源的webrtc-streamer进行
photo-sphere-viewer实现全景的方法如下
在使用photo-sphere-viewer进行全景制作时,如果不采用瓦片方式(Equirectangular tiles),全景切换提供了一个方法
要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以Index vue 会报错
win11突然alt+tab切换不了界面了,winkey点击不了
最近一段时间领导让我跟踪研究一下云服务系统的文件上传功能。问题的背景是,①文件一旦超过100M以后上传耗时就变得很长;②超过500M以后出错的几率大大增加,用户体验极其不友好。
uni-app获取微信用户信息时报错:getUserInfo:fail 业务参数配置缺失
在用uni-app开发微信小程序,启动小程序时报错了
vue3项目使用tinymce作为编辑器,tinymce默认的视频是不能上传的,仅支持网络地址,官方插件也看了下,没有视频上传插件。客户要求必须能够上传,而且还要限制上传大小。
我爱模版网在使用 `@vue cli 5 0 8`(目前最新版本)创建的脚手架项目运行之后,会在控制台打印下面的警告信息:main js:11 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle
在手机上安装要备案的软件(这一步必须的),再安装“APP备案助手”(各大应用市场应该都能搜到,搜不到就百度下载),打开APP备案助手,搜索这个要备案的软件,点击查询即可
uniapp微信小程序将base64图片绘制到canvas画布上并点击画布保存图片到相册
微信小程序项目需求:显示当前位置与目标位置之间的距离,优先选择最近的,关键思路如下,只需把对应坐标替换即可,当前坐标和目标坐标都可以通过微信小程序接口获取,坐标不唯一时需要进行循环遍历,排序算法较简单就不贴了
微信小程序获取当前页面路径及参数代码
要删除或修改某个文件夹或文件,就提示被占用,即使感觉已经关了可能使用了它的程序,还是提示这个
微信小程序导出base64格式的excel并自动打开
一般情况下,pc版和手机版的切换,比如在网站底部搞个按钮,手机下显示pc版,pc下显示手机版,这种都不是响应式,而是手机一套模板,pc一套模板。响应式不用这个,它是自适应的。但是,客户不懂啊,非要在手机下能切换到pc看效果
100 个鲜为人知的 CSS 技巧汇总整理合集
Three js背景透明度
使用三维软件导出 obj模型文件的时候,会同时导出一个材质文件 mtl, obj和 stl文件包含的数据一样都是几何体对象的顶点位置、顶点法向量等顶点相关数据, 材质文件 mtl包含的是RGB颜色值等材质信息。
uni-app H5端打开地图进行导航
uniapp H5和APP实现pdf预览功能,注意是H5和APP,小程序无法用此方法
uniapp微信小程序PDF和word预览
运行nvm命令:nvm list available报错:PS C: Users Administrator> nvm list available Could not retrieve https: npm taobao org mirrors node index json
webpack 打包css时提示Unexpected character @
element-plus v-for循环中form表单必填校验其实注意两点就能很好实现1、循环中的el-form-item的props必须是唯一的【字符串】,主要是为了校验时找到相应的dom:
mtl文件是一种文本文件,通常用于与三维模型文件(如 obj文件)一起描述三维模型的材质(Material)属性和外观。这些属性包括颜色、纹理、光照等信息,以便在渲染或展示三维模型时能够正确地呈现出模型的外观效果。
我爱模板网在做一个模型展示的站点时,客户上传的模型太大了,导致显示出了问题
获取路由有四种方法,获取到的path和fullpath的区别是fullpath会携带参数,所以要根据业务需求获取不同的数据项。
百度编辑器ueditor粘贴文本 自动添加white-space为nowrap的解决方法
npm install报错 npm ERR! Unexpected token 解决办法
点击下载:xlsx js文档:https: docs sheetjs com 纯前端导入excel代码:constXLSX=require(& 39; utils xlsx js& 39;)functionimportUs
UEditor百度编辑器粘贴本地图片上传并回显
Cannot find module vite Did you mean to set the moduleResolution option to node , or to add aliases to the paths option?Cannot find module @vitejs plugin-vue Did you mean to set the moduleResolution option to node , or to add aliases to the paths option?
vue3+vite+electron 渲染进程使用ipcRenderer报错,使用require报错
这个错误是由于在 TypeScript 配置文件(tsconfig json)中使用了 --resolveJsonModule 选项,但是没有正确配置 moduleResolution 选项。
此时可以渲染出对应语言下的title,可是当切换语言无法实时变化,$t 在setup 的声明中不生效原因是本身$t() 该函数并不是一个响应式的方法,所以需要通过Vue3的方法使其变成响应式,这边使用了计算属性来监听
endsWith() 是 JavaScript 中字符串对象的一个方法,用于检查一个字符串是否以指定的子字符串结尾。
在前端开发中,经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况,以下总结了几种常见的获取当前url的几种情形
unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件),作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后,不需要手动编写 import { Button } from ant-design-vue 这样的代码了,插件会自动识别template中使用的自定义组件并自动注册。
unplugin-vue-components 是由 Vue官方人员开发的一款自动引入插件,可以省去比如 UI 库的大量 import 语句。unplugin-vue-component
本文介绍了如何在Vue项目中使用unplugin自动导入第三方库和组件,以及如何配置unplugin-auto-import和unplugin-vue-components插件,包括resolvers和文件路径设置。
Fatal: Out of memory, malloc failed (tried to allocate 42446849 bytes)
在H5页面有个按钮,点击能够在手机浏览器 微信中直接跳转到对应的APP的具体页面,如果未安装对应的APP,则进行提示下载或在应用商店打开该应用下载页。也就是我们常见的“在APP中打开”功能。
在选项式写法中,in(this)需要指定它在哪个组件实例内部执行,这是为了确保查询的上下文正确。
uni-app 小程序和APP实现点击tab自动屏幕居中显示
在现代前端开发中,TypeScript 由于其强大的类型系统和对 JavaScript 的增强功能,已成为许多团队的首选。特别是在大型项目和组件库的开发中,TypeScript 可以显著提高代码的可维护性、可读性和可靠性。
原始类型文本const value1 = ref<string>(& 39;我是文本& 39;)数值const value2 = ref<number>(100)布尔const value3 = ref<boole
Mac钥匙串无法导出 p12证书
请确保您已经申请了苹果开发者账号(个人、公司账号99美元,企业账号299美元),否则无法进行以下操作。
element-plus中实现点击按钮触发el-image进行图片预览
原生js获取div的高度、padding值
js去除html字符串中的style样式
js如何利用正则去除html字符串中style属性里的width样式
解决curl error 28 while downloading https: repo packagist org packages json: Timeout was reac head
宝塔面板 thinkphp6 上传报错:Class finfo not found
两种方法从详细地址中解析出地址省市区(含自治区,直辖市,县,自治县)
npm 查看源和nrm使用
在使用uni-app开发的IOS APP上架后,安装到手机上,底部tabbar竟然出现了横线
我爱模板网要将某个文件夹从git仓库中剔除,可以采用以下三种方法
uni-app require引入文件没有被编译到小程序的解决方法
删除数据表内重复数据的常规顺序是:创建备份、确定重复记录、编写删除语句
MySQL 是一个将数据以行和列的形式存储在表中的数据库应用程序。这个数据库应用程序可以在表中存储重复记录,这可能会影响MySQL中的数据库性能。然而,数据重复是由于各种原因而发生的,删除表中的重复值是在使用MySQL数据库时的一项重要任务。
thinkphp 隐藏入口index php的nginx配置
CSS3实现霓虹灯背景的卡片
uni-app实现图片第一次加载,后面直接读取缓存,只有缓存加载失败,才会在下一次重新加载图片,亲测,IOS和安卓都没问题。
JS中的定时器 是setInterval ,参数:第一个参数是要定时执行的代码,第二个参数是时间。
HarmonyOS next 鸿蒙next启动浏览器打开指定的网址,假设设备上安装了一个或多个浏览器应用。为了使浏览器应用能够正常工作,需要在 entry src main module json5配置文件进行配置,具体配置如下
在鸿蒙next,harmonyOs next的ArkTS开发中,虽然有position通用属性,但是仅仅支持绝对定位和相对定位,没有固定定位,即类似CSS中的fixed定位。
HarmonyOS:基于 emitter 封装了一个便捷的 EventBus 事件通知
我爱模板网最近在开发鸿蒙app时,由于app的包名后面上架改了,所以必须要修改AppScope app json5里的bundleName,但是改了后发现DevEco St
鸿蒙的证书申请和苹果的证书申请类似。HarmonyOS通过数字证书( cer文件)和Profile文件( p7b文件)等签名信息来保证元服务的完整性,元服
It s not a recommended way to export struct with @Entry decorator, which may cause ACE Engine error in component preview mode
鸿蒙配置Version版本号,鸿蒙获取Version版本号
harmonyOS是一款开源的操作系统,它旨在提供一致的应用开发框架和一体化的设备生态系统。其中一个重要的功能是terminateSelf,它允许应用程序自行终止。
harmonyOS terminateSelf方法销毁当前应用之后并没有在后台任务列表中删除
在实现用户协议弹窗时,通常我们会想到使用系统自定义弹窗,并在弹窗中点击跳转到Web页面。但在HarmonyOS中,由于系统弹窗的显示优先级高于其他组件,即使跳转到Web页面,弹窗依然会显示在最上层。 为了解决这个问题,我们可以自定义一个组件来模拟弹窗,这样当跳转到Web页面时,Web内容会覆盖这个模拟的弹窗。
用淘宝镜像安装依赖时,提示:request to https: registry npm taobao org vuedraggable failed, reason: certificate has expired
Error: The project seems to require yarn but it’s not installed
Disconnected: No supported authentication methods available(server sent: publickey)
git配置SSH
SSH(Secure Shell)密钥是用于身份验证和安全通信的重要组成部分。在Linux、macOS和Windows操作系统中,你可以通过一些简单的步骤来查看
xshell免密登录使用密钥登录分为3步: 客户机(Xshell客户端)生成密钥(公钥与私钥); 放置公钥(Public Key)到服务器(linux)~ ssh
今天我爱模板网重装了系统,然后安装配置好git后,去拉取之前的代码,发现提示: git repository path "xxx " is not owned by current user
假设有两个git账号,一个github的私人号,一个gitlab的工作号,需要在windows下配置git多账号。
pdfjs 官网现在提供的都是mjs格式,而有时候需要js版本,如uni-app。点击下载pdfjs js版
js获取URL中queryString传参和hash传参
xlsx导出Excel,Postman导出正常但是Vue导出Excel文件损坏
npm默认镜像源是国外的,安装依赖速度较慢,使用国内的镜像源速度会快一些。
1 try_files详解try_files主要是能替代一些rewrite的指令,提高解析效率;1 1 try_files的语法格式1:try_files file uri;格式2
修改el-tabs下划线的样式
在 TypeScript 中,declare module 语句用于扩展或修改现有的模块的类型定义,而不需要提供具体的实现。这通常用于为第三方库或模块声明类型,特别是当库本身没有提供类型定义文件时。
ios input type=search搜索框自带搜索图标
在ios中软键盘弹起时,仅会引起body的scrollTop值改变,但是我们可以通过输入框的获取焦点情况来做判断,单也只能在ios中采用这个方案,因为在android中存在主动受气键盘后,但输入框并没有失去焦点,而ios中键盘受气后就会失去焦点
鸿蒙next,harmony next的组件WaterFlow就是瀑布流组件,官方也有相关示例,但是并没有给出自动计算图片高度,下面是通过Image的onComplete计算出图片的宽高,集合WaterFlow组件实现瀑布流效果。
鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)
在正式介绍 await-to-js 这个库之前,让我们先简单的回顾一下有关于在 JavaScript 这门语言中,异步编程的进化之路。在 Promise 没出现之前,异步编程一直是困扰着前端开发工程师的一个大难题,当时的前辈可能会经常看到下面这种代码。
鸿蒙测试证书和正式证书生成
子控件高度不确定的情况下,如果子控件高度不足会导致在Scroll中居中显示,这时候子控件设置 height(& 39;100%& 39;)虽然可以解决显示问题
鸿蒙NEXT arkUI TextInput组件获取焦点的几种场景
鸿蒙HarmonyOS ArkTS父组件调用子组件方法
ArkTs @builder装饰器函数传参响应问题
工具类,包括创建Preferences首选项、保存和获取对应Key的数据等方法
IIS最大并发连接数是指在同一时间内,IIS服务器可以处理的并发连接的最大数量。 当超过这个数量时,额外的请求会被拒绝,通常会返回503服务不可用的错误。 IIS的最大并发连接数可以通过IIS的高级设置进行调整。例如,如果工作线程数为100,队列长度为5000,最大并发连接数设置为5000,那么当有10000个连接请求同时涌入时,100个请求会立即被处理,5000个请求会进入等待队列
IIS站点带宽限制设置方法
IIS 设置超时时间
【ArkTs】Stage模式选取的图片转成base64上传图片
arkts的PixelMap转Base64的方法
鸿蒙next arkts卡片定点更新实现代码