先看这张截图: IE6PNG 这张图是在IE6浏览时显示的样式。 下面这张图是在火狐下显示的样式: 火狐下的png图片 可以看到,IE6下png的透明部分显示成了一种蓝色不透明,把背景遮挡住了。
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)"/]。但是,有时标题允许很长时,却
做美工的都不想管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引用时,发现,打开之后总是跳转到引用网站上。我想可能该网站禁止别人的引用
今天布局发现个很奇怪的问题,如下: dl class="shop_con" dd class="shop_con_current" 这是第一个dd /dd dd 这是第二个dd /dd/dl 我给dl一个固定高度,超出隐藏。发现,在IE6和谷歌火狐等浏览器超出
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验证。为了兼容各大主流浏览器,又
什么是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
先看效果: 代码很简单: 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
jQuery实现简单的图片半透明效果教程,先看下效果: 首先,引入jquery库: script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"/script 第二步,写jquery代码: script$(function(){/*选择索引为
格式: 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与mysql web开发》中文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
今天,我爱模版在给客户用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
容器内图片水平居中的css解决办法很简单,即文字居中方法“text-align:center”,垂直居中的“vertical-align:middle”不起作用。当使用了下面的方法之后,即可完美解决这种问题。当然,代
今天, 我爱模版 遇到一个兼容性问题,如下图所示,在含有滚动条的div的css代码是这样的“overflow-y:auto; overflow-x:hidden;”,在IE8+和火狐预览正常 在IE6下预览,图片不随着滚动条滚动,
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);})/
首先声明下,本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) )
我们在做网站,为了有利于seo,往往需要设置比较长的长尾关键词。可是,dedecms的默认关键词长度只有60,添加文章时关键词往往显示不全。后台没有提供设置,只能自己改了。 第一步
dedecms自带的提示框不好看,并且能够暴露您的网站程序。如下图: 修改之后的效果: 修改方法:点击下载 dedecms ShowMsg 。解压下载的压缩包,把里面的common.func.php文件覆盖到include目录
jquery each函数可以方便遍历兄弟节点的所有节点。上面的代码利用each函数一次遍历了三个input框,每次遍历都获取其值并且追加到变量“str”上。substr(0,str.length-1)这句是为了把最后一次
marquee文字滚动,鼠标移上去停止滚动,鼠标移开继续滚动。先运行下面的代码查看效果: marquee onmouseout="this.start();" onmouseover="this.stop();" direction="left" scrolldelay="50" scrollamount="3"我爱模板
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))
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,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况
dedecms如果遇到打开后台等动态页面出现空白,可以打开include/common.inc.php文件(一定要用dreamweaver或者editplus等专业软件,不要用记事本,否则它在保存的时候会加上bom头,那麻烦就更大
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设置宽度无效。
$(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属性了,因为这显得有点多余,去
文本框中的占位符有利于提升用户体验,之前,我们只能依靠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。
先运行下面的代码查看效果,可以再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 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浮动的时候,有时候会产生双编剧问题。这在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
CSS技巧十二:IE下margin:0 auto没有作用
“writing-mode:tb-rl;”实现了段落在IE下,从右往左,从上往下的排序,但是,火狐不起作用。而“writing-mode:lr-tb;”的书写模式和正常模式一样,从左往右。 由于不兼容火狐,所以不推荐
WordPress主题(WordPress模板)安装共有两种方法,一种是在线提供的模板,一种是自己下载的模板。下面针对两种方法安装的不同进行讲解: 方法一:在线提供的模板的安装 1、选择侧边栏“
在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是u
定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选
定义和用法 toUpperCase() 方法用于把字符串转换为大写。 语法 stringObject.toUpperCase() 说明 一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。 运行下面代码查看
随着智能手机的普及,大部分网站都有手机浏览的需求,那么如何通过PHP判断当前用户是用手机端访问并且跳转到网站的手机页面呢?其实很简单,通过浏览器访问网站时,浏览器都会
phpcms更新栏目出现“Fatal error: Maximum function nesting level of ’100′ reached”错误,后来发现有一个栏目已经删除,但是在数据库中还存在,在v9_category表中把已删除栏目数据删掉就正常了。
文件菜单 新建文档 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")
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 集合元素
attribute: $("p").addclass(css中定义的样式类型) 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test image" }) 给某个元素添加属性/值 参数是map $("img").attr("src","test.jpg" ) 给某个元素添加属性/值
jQuery的toggle很好用,运行下面的代码查看toggle的效果。
利用setInterval制作的简单的js倒计时,道理很简单,就是让变量“i”从1开始递增,然后将“i”的值输出到html,在输出前,先清除html的内容,这样保证每次只有一个数字,然后设置个定
漏洞原因: $link = base64_decode(urldecode($link)); link可以构造成任意地址,下面直接跳转了 header("location:$link"); 影响所有用到dedecms系统的网站。 漏洞证明: http://你网站的网址 /plus/download.
本效果可以实现jquery获取窗口尺寸和文档尺寸,并且让div随着窗口高度变化而变化
在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性。
1、去除页面的右键菜单 $(document).bind("contextmenu",function(e){ return false;}); 2、搜索输入框当鼠标获得焦点,默认文字消失,失去焦点,如果为空,文字出现: $("input.text1").val("请输入内容.
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
当鼠标移动到网页按钮上,按钮图片会切换;或者当鼠标移动到banner上,banner图片会变成另一张。这可以用background来实现,也可以自定义js函数来实现。网上常用MM_swapImage、MM_swapImgRes
第一步:下载你需要的风格模板,解压后,将风格模板上传到网店的根目录下的themes文件夹呢,如图 所示: 第二步:将图1 中joyo风格目录通过ftp上传到网店的根目录下的themes文件夹, 如
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() 函数
本文简要介绍js的三种弹出框:alert、confirm、prompt。 1、alert 弹出框: alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是HTML 格式。该消息框提供了一个“确定”按钮
一、用is_numeric() 这个函数就是检测参数是否为数字,如果是就返回true,如果不是就返回false: ?php is_numeric( 'abcd123' ) or die('提供的参数不是数字');? 二、使用正则表达式匹配,匹配成功就
定义和用法: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 浏览器支持: 实例1: li:nth-of-type(2){background:#ff0000;}/*规定属于
header.php头部 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}require_once View::getView('module');? 每个php文件的头部,防止非法访问 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}? 以下为通用标签 ?php echo $blogtitl
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而conte
强制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的定义和应用,简单的说下.
bootstrap中关于清楚浮动的方法
定义和用法 !DOCTYPE 声明必须是 HTML 文档的第一行,位于 html 标签之前。 !DOCTYPE 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,!D
定义和用法 :before 选择器在被选元素的内容前面插入内容。 :after 选择器在被选元素的内容后面插入内容。 注:请使用 content 属性来指定要插入的内容。 浏览器支持 所有主流浏览器都
jquery ajax表单验证。jquery ajax详解
被人问起一个问题: script language=JavaScript和script type=text/javascript这三个标签的使用有什么区别?
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在
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是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键词的自然排名,获得更多流量,吸
织梦内容管理系统(DedeCms) 以简单、实用、开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历了二年多的发展,目前的版本无论在功能,还是在
KesionCMS是由漳州科兴信息技术有限公司开发的国内ASP管理系统。KesionCMS系统功能完善,覆盖面广、扩展性强、负载能力好、模板调用非常灵活、管理方便,因此不仅适合于建设一般企业
WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。WordPress是一个免费的
ECShop是一款B2C独立网店系统,适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。最新版本为2.7.3。 ECShop是上海商派网络科技有限公
emlog 是 "Every Memory Log" 的简称,意即:点滴记忆。它是一款基于PHP语言和MySQL数据库的开源、免费、功能强大的个人或多人联合撰写的博客系统(blog)。致力于提供快速、稳定,且在使用上
首先了解下什么事ACCESS数据库: Microsoft Office Access是由微软发布的关系数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点,是 Microsoft Office 的系统程序之一。
学习目的:基本的session组件,总结response,request组件。 首先,有会员系统的任何程序都会用到检测是不是用户已经登陆这个步骤。这就用到了SESSION组件,下面我们 看一个代码来说明。
input,select不适合line-height;input框光标不居中;input框光标在谷歌浏览器不居中朝上;select框给了高度,但不居中;
PhoneGap HTML5 应用简介 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的
phpcms v9.42最新版本在上传图片的时候经常出现图片上传失败,提示错误信息“undefined”,故障现场如下图: phpcms报错图 作为客户来讲,遇到问题,第一反应是我们的香港虚拟主机空间对
getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持。 对于现代浏览器开发,还可以使用querySelector()和querySelectorAll()。他们的功能更加强大。 解释:getElementsByClassName()是HTML5的DOM API。
linux设置404页面,.htaccess设置404页面 当页面丢失,无法访问时,会显示很不友好的提示,也没有返回上一页和其他页面的跳转提示,更不利于优化。一个好的404页面对于SEO很重要。下面,
document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,
js获取select中option的个数目
htaccess 如果虚拟主机有绑定子目录功能,可以不用看。 相信很多人都遇到过,PHP虚拟主机、无绑定子目录功能,但是在网站根目录弄了个例如bbs的文件夹用来存放论坛,然后希望通过例
将phpcms默认ckeditor编辑器换成KindEditor
更改kindeditor自带代码高亮插件为ueditor的代码高亮插件
插入运行代码效果 第一步:在/statics/js/kindeditor/lang/ 里面找到zh_CN.js 文件,在 filemanager : '文件空间', 后面加入 runCode : '代码运行', 这是定义按钮的中文名字。 第二步:在/statics/js/kind
我爱模板网在这里分析一个简单的jQuery表单全选、反选教程,先看下效果图: 全选反选效果图 至于html就不分析了,仅仅分析下jquery代码: $("button:first").click(function(){//这里是全选,先选
作为web开发者的我们可能清楚,在中文版的chrome里,定义了小于12px的字体依然显示为12px,可能是chrome的纠正,避免中文看不清楚,同时限制了开发者的灵活性。今天和神飞讨论了下他
Discuz默认的播放器是windows media player,界面不美观不说,也不能全屏观看,支持的格式不多,而且,兼容性也不好,如下图: windows media player 将Discuz的默认播放器替换成CuPlayer是个不错的
meta标签用的最多的,我想大概是关键词和描述,以及字符集的定义,meta指元素可提供有关页面的元信息(meta-information)。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与
今天用QQ登录discuz X3论坛的时候,发现出现了下面的提示: 百度了下,按照下面的方法,完美解决问题: 1、在discuz安装目录找到“config/config_global.php”文件,查找下面代码,把0改为1。
滤镜说明: Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 FlipH:创建水平镜像图片 FlipV:创建垂直镜像图片 glow:
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
今天,我爱模板网在给一个客户做网站时,有个附件下载功能,于是想到了自定义附件字段,我如调用其他字段一样,调用自定义上传附件字段,可是调出来却是如下地址: table width=
第一步:点击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功能或者进
今天,我爱模板网在给客户做网站时,又遇到了以前遇到的问题,就是在IE7下,li里面是a链接,li浮动后,末尾的li里面的文字掉下来,不够长,本应该li自动下来的,但是最后一个没有
昨天,我爱模板网给一个台湾客户做网站,用dedecms做后台,需要在编辑器上传附件,找来找去,没有找到附件上传按钮,却发现在媒体上传按钮和全屏编辑按钮中间空出来好大一块,点
我爱模板网在给一个台湾客户做网站时,客户需要用dedecms做后台,可是,很多功能,比如会员功能不需要,就要求从后台关闭这个功能。那么,怎么关闭呢? 默认没有关闭的样式如下图
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,宽
{dede:arclist row='10' titlelen='34' orderby='click' subday='2'} [field:title/]{/dede:arclist} 这是我爱模板网调用日排行的文章,subday表示在多少天以内的文档,subday='2'就表示2天内发表的文档,其实可能应
今天,我爱模板网做了一个安徽论坛www.anhuibbs.cc,发现用户无法更换头像,提示“access denied for agent changed”,进入ucenter,发现通信失败,如下: discuz和ucenter通信失败 按照网上的方法,
今天我爱模板网在布局时遇到一个问题,就是用表格布局一个如下的效果: 这个,给tr比较好,table的话,只有外面有边框,而用td,就非常麻烦。可是,我写了如下的代码,给tr加了边
1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示:您可以
我们都知道,整行标签(块状标签,block标签)的margin和padding,但是内嵌标签(内联标签,inline标签,行内标签)有的支持,有的不支持,有的支持部分。我爱模板网闲来无事,测试了大部分
phpQuery 通用列表采集类,是一个简单、 灵活、强大的采集工具,采集任何复杂的页面的内容。下面让 合肥网页设计培训 老师给大家介绍下这个类的使用方法: 1.为什么要介绍phpquery,因
合肥多元速网页培训教你怎么在textarea中存储数据,然后前台在分解成数组; 这个需要用到的是textarea中的回车换行符号:\r\n 例子: 我们要实现下面的: 输出数组: php代码写法: $d
今天在给 安徽论坛 做QQ登录,发现登录出错,提示:Unknown column 'conuintoken' in 'field list',就是没有“conuintoken”这个字段: 解决方法三种: 方法一: 后台------》站长----》 数据库------
如果需要发布的内容过多,可能会全部显示在一个页面,这样一来,会无形中拉伸整个页面,从而影响到美观。当然,最重要的是客户需要滚动鼠标才能不断的浏览,影响用户体验。而从seo的角
QQ互联最近几天出现的问题,如果同步站点信息时使用站点URL:bbs.xxx.com,那么在其他域名如:www.xxx.com登录,也就是同一主域名下的其它二级域名登录,那么就会出现:redirect uri is ill
有时候我们可能希望做出js和html的混写,如果js不行,就可能是jquery和html的混写。效果图如下,点击删除按钮,删除本行,或者点击“+”按钮,添加一行,我们一般会写一个addTr函数或
众所周知,网站的内容是一个网站的灵魂,尤其是原创 高质量的文章更能够很好的获得搜索引擎的认可,才能够使我们网站获得大量的收录,但是有些站长苦于写不出那么多的原创文章出来
在dedecms v5.7中无法自动下载远程图片与资源到本地,竟然遇上了这样的问题,呃,这里分享下解决方法,有遇到类似问题的朋友参考下。 由windows迁移过来的网站程序,使用织梦程序发布
1、打开后台-采集-采集节点管理,点击增加新节点: 选择模型 新增节点-配置网址索引 填写要采集的网站的列表相关规则, 查看采集站点的编码和网站源码 我们右键单击,点击查看源
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互
我们在做图片滚动时,如果考虑的长远点,可能会写成插件,那么就必须获取容器的宽度,例如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,做出来意想不到的效果,例如
动画依次执行的常用方法有但不仅限于下面三种: 1、.delay().animate(); 2、回调函数 3、setTimeout 我爱模板网在这里简单的一一举例,有不当之处还希望各位大神指教: 首先,我们先写四个
jQuery wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。 语法格式: $(selector).wrap(wrapper) 运行下面的代码查看效果: htmlheadtitlejquery wrap()演示 我爱模板网 www.5imoban.net/titlescri
一:注意Title的变化。 Title是最重要的部分,搜索引擎的蜘蛛首先会抓取这里,所以在更换模板时首先看此部分是否和原模板相同,如果别人制作的模板Title与你模板Title不同,由于模板
我爱模板网在这里分享一个用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
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)没有更新 请检查是否有写入权限 这时大
Google的John Mueller说: 有时短的内容也能够引起很长串的讨论,有些读者也会希望找到留言讨论的内容。言下之意是博客的留言也可以成为搜索引擎抓取的内容之一,所以有一定SEO价值。
nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值,告诉机器(爬虫)无需追踪目标页,为了对抗blogspam(博客垃圾留言信息),Google推荐使用nofollow,告诉搜索引擎爬虫无需
在早些时候,keywords对于SEO的作用,毋庸置疑,非常重要。但是,近期看到很多权重高的网站,都没有keywords标签: 这是为什么呢?原来,由于keywords对于网站的SEO早年很重要,很多站长
如何把握html网页中的meta标签 对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。因为meta标签是内嵌在你网页中的特殊html标
jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clic
前言: 大家在使用phpcms发布文章的时候是不是有种想砸电脑的冲动呢,phpcms自带的ckeditor编辑器竟然连行高都不能设置,说实在phpcms这一点做的确实不好,难道就没有解决的办法了吗?
介绍: 合肥网站建设 为您介绍什么是cookie并且教你如何使用?cookie(数据大小为 4 KB):存储在客户端上的文件(设置有效期) Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户
说到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,会得到类似
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。
在做手机站时,遇到了下面的一段代码: 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(
.htaccess是域名重定向文件,虚拟主机还可以利用.htaccess绑定子目录,其实就是重定向。方法详见: 虚拟主机利用.htaccess绑定子目录 。 但是,在windows平台下,文件重命名是不能只有扩展
今天,一个摩天轮的客户发来一个修改需求,说是上面的a链接点击后留下了虚线框,太难看了,去掉: 点击之前 点击之后 这是因为,点击后,a链接获得了焦点,浏览器为了让用户明
DEDEMCS织梦内容管理系统,在修改文章之后,文章的发布时间,会被自动更新为当前修改的时间,前台调用的按发布时间排序的文章,顺序会被打乱,之前的文章可能会重新排到前面,这
border-radius未出来之前,类似织梦官网那样,处处圆角却不得不切成图片的布局真是让人头疼不已,如今,一句border-radius就能解决过去可能很多行才能解决的问题。真是牛叉。但是,在
不知道各位网友有没有这种体验,有时候在填写表单的时候,不小心按到了键盘上的Enter,就把表单提交了,表单还没填写完成呢!今天,我爱模板网就遇到了这个问题。于是,随便写
在div中,文本布局经常出现,换行混乱的情况。 问题表现: 1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度
bootstrap3在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,解决方法总结如下: 首先需要确保你的HTML页面开始部分
本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容
平时经验积累,不断补充,重置HTML标签自带的样式,CSS RESET
腾讯官方通过 Tencent://Message/协议可以让QQ用户显示QQ/TM的在线状态发布在互联网上;并且点击 ,不用加好友也可以聊天: 具体代码: a href="tencent://message/?uin=215555521Site=JooIT.comMenu=yes"im
一般情况下,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的
织梦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、文章列表和缩略图等调用方法:
移动端 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 颜色
我爱模板网在给客户做响应式网站时,碰到一个大麻烦,就是在其他现代浏览器都能很好的显示,但是到谷歌一看,全错位了。查了百度,终于知道原因了: 因为是响应式,所以,我用
Windows 2008 Server R2,默认设定200K的限制。 对上传文件限制大小进行更改,具体设定方法如下: 找到ASP选项 点属性,找到“最大请求实体主体限制”默认值为”200000”即200K,不能满足上传
在弄懂这两个问题之前,必须获取两个高度:窗口高度和文档高度,如下: $(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿
一般情况,我爱模板网在做网站时,很少注意css的字符编码问题。因为新建css文件的时候,默认就给加上去了,而且,保存的时候,现在的编辑器都很智能,自动的将文件编码保存的和
sublime是一款小巧玲珑,带有代码提示功能的编辑器。它还有强大的插件扩展功能。下面就罗列一些常用的插件,供大家参考: Package Control 功能:安装包管理 简介:sublime插件控制台,提
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步
jQuery星星评分,最少一分,最多5分,这是我爱模板网最近给一个客户做网站时,写的,客户那边没有要求有半分的情况,都是整数,半分其实原理一样,下面贴出代码: !doctype htmlhtm
一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所
border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器
本例是一个很好的测试手机触屏滑动事件(TouchEvent)的案例。手机触屏滑动主要有三个事件:touchstart、touchmove、touchend,即手指按上去、手指拖动屏幕、手指离开屏幕。通过和js的鼠标
jquery load是jquery ajax中的一种功能,load可以方便快速的直接加载一个页面到指定div中(html,php),并且它可以带参数,下面我来给大家详细介绍load方法用法. 格式 load(url,data,function(respon
编者按:本文作者曹政,常用 ID caoz ,资深 IT 人,从事互联网工作十余年。技术大牛、数据控、历史控、考证控。曾参与创建一统统计、cnzz 站长统计,曾主持搭建百度商业分析支撑平
在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼。 1 浮动带来布局的便利,却也带来了新问题 !doctype htmlhtml lang="en"head meta charset="UTF-8"
今天,我爱模板网在安装PS CC版本时(网上的绿化版本),绿化完成后,打开,出现“配置错误 请卸载并重新安装该产品 如果此问题仍然存在,请与Adobe技术支持联系以获得帮助,并提供
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两 种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一
Dedecms最新版 plus/search.php 文件存在变量覆盖漏洞,成功利用该漏洞可以获取管理员密码: require_once(dirname(__FILE__).”/../include/common.inc.php”); require_once(DEDEINC.”/arc.searchview.class.php”); $pag
今天看到一个网站用了filter:blur(5px),竟然有PS的高斯模糊效果,一开始以为是css的filter效果,百度了下,发现,是css3新推出的滤镜。于是整理了下。首先,先看下css3滤镜的效果图: css
一、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 。
今天, 我爱模板网 在用flashfxp上传文件的时候,遇到了:553 can‘t open that file:permission denied,翻译成中文就是:553 无法打开该文件:权限被拒绝。 出现这种情况,表明账号密码正确,
HTML5 Geoloc ation(地理定位)用于定位用户的位置,能够实时获取用户所在位置的经度和纬度。 这是一个html5 Geolocation定位的案例 · 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理
html5之前,只要稍微特殊点的字体,都必须做成图片,以免客户端无法显示。而对于正文或者需要后台调用大量文字的地方,则无能为力。但是,html5推出了 @font-face 支持自定义字体之后
响应式设计meta的一些相关设置,viewport的设置
jquery提供了两种each方法,一种是each(),遍历节点,第二种是$.each(),遍历数组和对象。不要弄混淆了: 1、jQuery each()详解: each() 方法规定为每个匹配元素规定运行的函数。 语法: $(s
ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数
js对于SEO的好处和不足 JS的好处: 1.不用和数据库进行数据交互 JS功能无需和数据库进行交互,从而减轻了服务器的负担,也就缩短了网页的加载速度,说道这里你想到SEO了吗?似的,
关于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),这使
js为我们提供了替换字符串的函数replace(),语法格式是: stringObject.replace(regexp/substr,replacement) 参数说明: regexp/substr : 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意,如果
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,特殊字体也可以使用字体格式了,尤其是图标也能做成
今天,我爱模板网的一个客户的一个网站需要用到一个特效:文字边框。本来可以做成图片,但是这个文字需要后台获取。方法有很多,比如php的图片功能,js,canvas,svg等等。但是我
事件冒泡,顾名思义,就是子元素的事件,会触发到祖辈元素,这样有时候会导致一个问题,举个例子,点击按钮,菜单显示,点击body空白区域,菜单隐藏。那么,由于按钮在body里面
在做表格布局的时候,明明给了td的宽度,但是由于内容比较多,宽度都不起作用。这个时候,可以用css 的 table-layout来解决。我们下面具体来看看这是个什么东东: 先来看一个实例:
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值
由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,
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
rem vh vw vmin vmax ex ch都是css度量的单位,类似常见的百分比、像素、em等,下面进行详解: rem rem非常类似于em。em 被定义为相对于当前对象内文本的字体大小。例如:如果你给body设置了
我爱模板网今天把DEDECMS的管理员密码忘了,试了半天还是不行,没办法,重置密码吧: 1、我用的是phpmyadmin管理的数据库,所以,首先打开phpmyadmin,输入账号密码,登陆后如下: 2、点
据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有
placeholder颜色设置 一般情况下,placeholder的默认灰色都是不需要设置的,但是如果遇到客户有特殊要求,就没办法了。我爱模板网之前都是用js实现的,模拟placeholder,现在觉得有点麻烦
我们都知道,表格单元格如果设置了宽度,如果内容变多,单元格也会被撑开,这是由表格的特性决定的。 今天我爱模板网就遇到了,单元格内容太多,希望内容都在一行,并且超出单
本文简单写了一个jQuery的手风琴效果,也就是常见的jQuery折叠菜单。先看下效果图: 首先将折叠菜单的每个内容放到一个li里面,再定义li的css样式,这里要注意,左上角的三角形,使用
jQuery ajax 加载动画 jQuery ajax是一个非常实用的ajax工具,在数据加载完成之前,做加载动画也非常简单。具体就不介绍了,直接上jQuery代码,所有的解释都放在代码的注释中: $.ajax({ur
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。 function test
pJax 页面无刷新跳转 ajax缺点是破坏了浏览器的前进后退,因为ajax的请求不会留在历史记录中。pjax就不一样了,pjax被解释成ajax+pushState的封装,因为它把ajax的请求写入历史记录,并反映
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编
CSS3 盒模型 display:box 详解 box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划
上一篇文章介绍了 Flex布局的语法 ,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 一、骰子的布局 骰子的一面,最多可以放置9个点。 运行
html5 video推出之前,不得不借用flash来播放视频,控制起来也非常麻烦。但是html5推出的video,赋予其强大的功能,就算现在自己写个自定义的播放器也不在话下。那么,我们一起看看它都
getElementsByName(val)方法是获取页面中所有具有name属性的值为val的元素,但这个方法在IE与标准浏览器中所取到的内容不一样。 在IE中getElementsByName(val)方法所取到的元素是其本身就自带有
getElementsByName()与getElementsByTagName()方法的共同之类是它们会把所取得的页面元素组成一个元素集合并非是数组(虽然用firebug中的console.log()打印出来时是数组的形式)。如果用Object.porot
js带分组数据的Table表格排序,要求点击表头排序时,"分组"及"分组明细"的数据层次关系不变
JavaScript对于表格 Table 提供了一些简便操作方法
我们都知道a链接点击后,会在周围产生一个虚线框,虽然影响不大,但是有些客户会要求把它去了,不好看。方法有很多,今天就来说说hideFocus。 给a链接加个属性: hideFocus=true 即可。
今天,我爱模板网的一个学生在使用dedecms套站,更新栏目页模板的时候,提示了一句错误: DedeTag Engine Create File False 我百度了下,按照网上的方法也没有解决,详见:http://jingyan.baid
set_time_limit(0); 括号里边的数字是执行时间,如果为零说明永久执行直到程序结束,如果为大于零的数字,则不管程序是否执行完成,到了设定的秒数,程序结束。 例如: 在网页里显示
今天在做本地PHP项目的时候,想把之前wampserver的本地虚拟服务器环境访问方式改为本地localhost访问方式,打开wampserver的Apache中的http://localhost/显示如下错误,提示The requested URL / was not
在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。这两个方法是有区别的,本文略作阐述。 $().each,对于这个方法,在dom处理上面用的较多。例如:页面有多个input标签
今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。 在开始之前看参考一下最终 效果 ,如图所示 1、首先我们新建一个图片文件,尺寸大
我们在用jquery或者js在对图片进行缩放的时候,单纯改变宽高,图片是从左上角开始缩放,并不能从中心点开始缩放,如下图: 而我们希望的效果是从中心点开始缩放,如: 这主要是因
one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外,你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的,
本文详解了js中对table表格的详细操作方法,包括插入行列和删除行列。 inserRow(): 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函
经常看到别人写js事件,需要用到event时,都会写上这么一句,var ev=window.event||ev的作用是什么: 上面的语句可能大家都见过,当然未必是一模一样,只是这个形式而已,不过功能是一样,
鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹
今天,我爱模板网在一个《打地鼠》的游戏时,遇到一个棘手的问题:鼠标移动到画布上,锤子跟着动,当点击的时候,理应锤子挥舞,地鼠被打中。可是,只要锤子跟着鼠标跑,就别
前几天,我爱模板网被攻击了,服务器产生了很多的赌博信息的页面,然后就装了360主机卫士,扫了下后门文件,删除,然后一直保护,没出问题了。但是,今天,我爱模板网在添加文
jquery 获取各种高度和宽度以及容器偏移量总结: 获取浏览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度: $(window).width(); 获取页面的文档高度: $(document).height(); 获取
已经封装成函数,兼容IE6+和其他现代浏览器的JavaScript获取滚动条距离顶部距离的js代码: //js获取滚动条距离顶部距离的函数function getScrollTop() { var scrollPos; if(window.pageYOffset) { scrollPos
我们都知道setTimeout相当于定时炸弹,一旦时间到了,就会执行一次,然后就不执行了。而setInterval则不是,它是时间到,马上执行一次,然后等待下次时间到,再执行,除非清除了本定
jQuery中,常用$.each()方法,来遍历json对象,下面,先来查看一个简单的jQuery的例子来遍历一个json数组对象。 var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"ba
appendChild定义 添加一个节点到指定的节点的子节点数组中,读起来好象有点拗口,简单地说就是将元素添加到指定的节点中 appendChild用法 target.appendChild(newChild)//newChild作为target的子节点
一个非常简单的,查询js查询ALEXA排名的小练习,其实就是获取用户输入的值,然后放到图片地址“http://traffic.alexa.com/graph?y=tu=”的后面,再将地址赋给图片,然后插入到容器当中去显示
特别提示:本文的教程仅适合采用windows服务器的IIS组件上操作,service unavailable是许多网站会经常遇到的问题,希望对大家有用。 昨天一小段时间网站出现了service unavailable,于是笔者紧
我爱模板网今天在做网站的时候,遇到一个问题:给表格浮动,即float之后,发现设置了表格的宽度,无法将表格拉长,如下图: 图中所示,图片左浮动,表格右浮动,我给表格设置了
借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成(什么?别告诉我你不知道photoshop矢量的强大!),这篇文章很简单,对
本教程教您实现在织梦首页显示网站访问统计次数 您是多少位访客。 1、下载本插件,地址:http://pan.baidu.com/s/1gfbxpy7 ,解压,将 plus 文件夹和 include 文件夹上传到您的织梦安装目录。
问题说明: Firefox下以图片为句柄的拖拽效果无法触发onmouseup事件,同样的在空的div中也也无法触发onmouseup事件,同时在所有浏览器下选中文字后div的mouseup事件失效; 解决方法 : Fire
今天,我爱模板网在做ASP的时候,出现了错误,提示 An error occurred on the server when processing the URL。可是我并不知道错在哪,如何将错误的具体内容显示出来?百度了下,如何解决IIS7中出
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/ {
一、伪元素和伪类的区别 在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号,即 :before为伪元素 ; ::before为伪类; 关于语法和浏览器支持 伪元素实际上在CSS1中就存在了,但是我们
定义 javascript的selectedIndex可以设置和获取select下拉框的被选中的option的索引值。 注释:若允许多重选择,则仅会返回第一个被选选项的索引号。 语法 selectObject.selectedIndex=number 案例 下
今天再给客户用dedecms5.7的程序采集时老出现读取网址失败。情况如下: 测试的列表网址:http://www.abc.com/list/7.html 获得的文章网址(只显示前十条): 读取网址:http://www.abc.com/list/7.
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线
本篇文章主要介绍了借助node实战JSONP跨域实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文主要介绍了jQuery实现Select下拉列表进行状态选择功能的代码。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了jQuery源码解读之extend()与工具方法、实例方法,分析了jQuery中extend()源码、功能与相关使用技巧,需要的朋友可以参考下
这篇文章主要介绍了Angular.JS中的指令引用template与指令当做属性的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
我发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个,感觉还不错,特此分享到脚本之家平台供大家参考下
这篇文章主要介绍了JavaScript观察者模式(publish/subscribe)原理与实现方法,简单分析了javascript观察者模式的原理、功能并结合实例形式给出了观察者模式的实现技巧,需要的朋友可以参考下
这篇文章主要介绍了JavaScript装饰器函数(Decorator),结合实例形式分析了JavaScript装饰器函数(Decorator)的功能、实现与使用方法,需要的朋友可以参考下
本文主要介绍了canvas绘制一个常用的emoji表情的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了Vuejs仿网易云音乐实现听歌及搜索功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。这篇文章主要给大家介绍了如何快速搭建Node.Js服务器的方法教程,文中介绍的非常详细,对大家具有
这篇文章主要介绍了vue分类筛选filter方法的简单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了ES6中Proxy与Reflect实现重载(overload)的方法,分析了重载的原理及使用Proxy和Reflect来实现重载的操作步骤与相关技巧,需要的朋友可以参考下
这篇文章主要介绍了Angualrjs和bootstrap相结合实现数据表格table,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。怎么解决这个问题呢?下面脚本之家小编给
这篇文章主要介绍了ES6使用let命令更简单的实现块级作用域,结合实例形式分析了ES6中let命令与var的区别及具体使用方法,需要的朋友可以参考下
这篇文章主要介绍了nodejs使用express创建一个简单web应用的相关资料,需要的朋友可以参考下
如果需要入门使用node.js进行web开发,正在学习 nodejs web开发指南 的和想快速了解node.js web开发模式的朋友,相信本文是有一定帮助意义的。
这篇文章主要介绍了ES6新数据结构Map功能与用法,结合实例形式分析了Map的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了ES6新数据结构Set与WeakSet用法,结合实例形式简单分析了Set与WeakSet的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了ES6新特性之Object的变化,结合具体实例形式分析了ES6中Object对象定义与使用方法的变化,需要的朋友可以参考下
这篇文章主要介绍了Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK ),非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了ES6新特性之Symbol类型用法,结合形式分析了Symbol类型的功能、使用方法及相关注意事项,需要的朋友可以参考下
这篇文章主要介绍了angular.js+node.js实现下载图片处理的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了微信小程序 中wx.chooseAddress(OBJECT)实例详解的相关资料,需要的朋友可以参考下
本文主要介绍了node.js平台下的mysql数据库配置及连接的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
这篇文章主要介绍了ES6中Iterator与for..of..遍历用法,结合实例形式分析了ES6中Iterator的概念、用法及for..of..遍历的使用技巧,需要的朋友可以参考下
这篇文章主要介绍了ES6中Generator与异步操作,结合实例形式分析Generator的概念、功能及相关操作技巧,需要的朋友可以参考下
这篇文章主要介绍了ES6 Promise对象概念与用法,简单分析了Promise对象的基本状态与三种重要方法,并结合实例形式给出相关使用技巧,需要的朋友可以参考下
本篇文章主要介绍了关于Node.js的events.EventEmitter用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
本篇文章主要介绍了3分钟快速搭建nodejs本地服务器方法运行测试html/js,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
这篇文章主要给大家介绍了在Linux CentOS系统下安装node.js与express的方法,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下
下面小编就为大家带来一篇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字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下
这篇文章主要为大家详细介绍了vue货币过滤器的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了Node.js之网络通讯模块实现浅析,具有一定的参考价值,有兴趣的可以了解一下。
这篇文章主要给大家介绍了关于如何选择jQuery版本,是1.x? 2.x?还是3.x? 在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jqu
这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考
本文主要介绍了JS实现异步文件上传的相关资料,具有很好的参考价值。下面跟着小编一起来看下吧
本文通过实例代码给大家介绍了基于JQuery和原生JavaScript实现网页定位导航特效,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
这篇文章主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
本文是小编给大家带来的jquery卸载全部事件的思路,非常不错,具有参考借鉴价值,需要的朋友一起看看吧!
这篇文章主要介绍了webpack独立打包和缓存处理的相关资料,文中介绍的非常详细,对大家学习webpack具有一定的参考价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了关于jQuery中animate()的使用方法及解决$(body).animate({scrollTop:top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一
这篇文章主要介绍了关于利用jquery正则表达式在页面验证url网址输入是否正确的相关资料,文中给出了完整的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
unlock.js插件具有滑动解锁,尺寸、颜色、字体大小等都可以个性化定制等特点,接下来通过本文给大家分享jQuery使用unlock.js插件实现滑动解锁思路讲解,感兴趣的朋友一起看看吧
这篇文章给大家介绍了jquery自定义图片上传插件的实例代码,非常不错,具有参考借鉴价值,需要的朋友一起看看吧
组件(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方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了ionic2打包android时gradle无法下载的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解基于webpack和vue.js搭建开发环境 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
vuex是vue的状态管理模式,主要可以解决父子组件嵌套层数较多,或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料,需要的朋友可以
本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解使用fetch发送post请求时的参数处理的相关资料,需要的朋友可以参考下
这篇文章主要给大家介绍了关于webpack2.0搭建前端项目的相关资料,文中介绍的非常详细,对大家学习或者使用webpack2.0具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要介绍了Angular.JS利用ng-disabled属性和ng-model实现禁用button效果的相关资料,文中给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
jQuery lazyLoad图片延时加载插件,是一个建站业内比较流行的图片延时加载插件。当用户打开网页的时候,只显示当前屏幕的图片,只有当用户滚动滚动条,下面的图片出现在视野当中,
wordpress博客系统(以下简称WP),非常强大,被开发者应用于各个领域而不仅限于个人博客。新闻站、教育网站、商城等等都可以使用WP建设,甚至有的开发者把WP做成了论坛。 因为这是一
我们都知道,transform是css3推出的变形属性,包括斜切、平移、缩放、旋转等,配合css3的动画,可以做出很多炫酷的效果。但是,我爱模板网被客户要求让transform兼容到IE8浏览器。明显的
这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
本篇文章主要介绍了Webpack执行命令参数详解 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了Webpack如何引入bootstrap的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解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' 的解决方法,文中介绍的非常详细,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了关于Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面跟着小编来一起看看吧。
这篇文章主要给大家介绍了利用jquery实现去掉时光轴头尾部线条的方法,文中给出了详细的实例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧
这篇文章主要介绍了基于jQuery和CSS3实现APPLE TV海报视差效果,需要的朋友可以参考下
本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下
这篇文章主要介绍了JS 组件系列之BootstrapTable的treegrid功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
vue高德地图,带你玩转周边,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Angular+Node生成随机数的方法,结合具体实例分析了Angular与Node结合控制前后端实现随机数功能的相关操作技巧,需要的朋友可以参考下
本篇文章主要介绍了详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要介绍了jQuery 控制文本框自动缩小字体填充的相关资料,需要的朋友可以参考下
这篇文章主要介绍了requirejs + vue 项目搭建详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了webpack 多入口配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解Nodejs 部署到阿里云全过程,非常具有实用价值,需要的朋友可以参考下
本篇文章主要介绍了node文件上传功能简易实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了详解vue+vueRouter+webpack的简单实例,非常具有实用价值,需要的朋友可以参考下
这篇文章主要介绍了vue-router路由参数刷新消失的问题
这篇文章主要介绍了jQuery Jsonp跨域模拟搜索引擎的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本篇文章主要介绍了jquery DataTable实现前后台动态分页。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了在JavaScript中const、let与var对比的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧。
这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
本文通过实例代码给大家讲解了jQuery实现下拉菜单效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了关于Node.js中 __dirname使用的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
这篇文章主要给大家介绍了在Node.js环境下Koa2添加travis ci持续集成工具的方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
本篇文章主要介绍了手把手教你把nodejs部署到linux上跑出hello world,非常具有实用价值,需要的朋友可以参考下
这篇文章主要介绍了NodeJS 实现手机短信验证模块阿里大于功能,需要的朋友可以参考下
这篇文章主要为大家详细介绍了jQuery实现简单的手风琴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解vue服务端渲染(SSR)初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧
本文通过实例代码给大家介绍了jquery 双击编辑表格,需要的朋友参考下吧
这篇文章主要介绍了深入理解AngularJs-scope的脏检查(一) ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了详解AngularJS脏检查机制及$timeout的妙用,“脏检查”是Angular中的核心机制之一,它是实现双向绑定、MVVM模式的重要基础,有兴趣的可以了解一下
这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue中如何实现变量和字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解vue2.0 transition 多个元素嵌套使用过渡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
本篇文章主要介绍了vue过渡和animate.css结合使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了zTree树形插件异步加载的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
本篇文章主要介绍了详解vue跨组件通信的几种方法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了使用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双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
本篇文章主要介绍了vue中将网页打印成pdf实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了vue实现全选、反选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue.js实现数据动态响应,Vue.set的简单应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
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
定义: 在javascript中,可以通过addEventListener()方法,给对象添加事件句柄。但是早期浏览器,如IE8及其更低版本不兼容,可以使用attachEvent()方法来解决。下面,先看下addEventListener()的兼
我爱模板网需要做一个效果,即修改textarea的内容,做出相应的事情,如向里面输入文字,实时记录字数,并当字数过多或过少时,给予提醒。在textarea中,如果想捕获用户的键盘输入,
jQuery $.grep()模糊搜索方法是使用详解 客户要求我爱模板网做一个模糊搜索,数据是用ajax读取的,搜索结果显示在列表中。php的模糊搜索我知道,像这种已经得到结果,在结果中再进行
概述: 如果html中的内容可以直接编辑,就像富媒体编辑框一样就强大了。html5新推出的属性 contenteditable 就可以实现类似的功能,点击下面的运行按钮,测试看看: !doctype htmlhtmlheadme
echarts是百度推出的一款非常优秀基于js的可视化图标生成插件,受众面非常广,使用简单,提供了大量的借口,可以做柱状、地图、饼状等各种图表。 我爱模板网今天在使用Echarts的时
我爱模板网给客户做网站,用的刚好是dedecms,客户需要做一个对他的产品参数进行搜索。而这些产品的参数都是自定义的,普通的search.php根本搜索不来,只能使用高级搜索advancedsearch
织梦默认的高级搜索,就是这个页面/plus/advancedsearch.php。它是模糊搜索,而且会出现多条结果,需要修改为单条信息搜索。 进入后台-核心-模型管理,在原模型或新建立的模型中,增加
这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下
这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,
这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验,是一篇有意思的围绕setTimeout展开的前端开发考题,考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等
这篇文章主要为大家详细介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
jQuery的extend扩展方法: jQuery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2
这篇文章主要介绍了Laravel框架用户登陆身份验证实现方法,结合实例形式分析了Laravel框架用户登陆验证的原理、实现方法与相关注意事项,需要的朋友可以参考下
下面小编就为大家带来一篇使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了visual studio code 调试php方法(图文详解),具有一定的参考价值,有兴趣的可以了解一下
这篇文章主要介绍了PHP实现广度优先搜索算法(BFS,Broad First Search),简单描述了广度优先搜索算法的原理并结合具体实例分析了php实现广度优先搜索算法的步骤与相关操作技巧,需要的朋友可
这篇文章主要介绍了PHP实现深度优先搜索算法(DFS,Depth First Search),简单分析了深度优先搜索算法的原理并结合具体实例给出了php实现深度优先搜索的具体步骤与相关操作技巧,需要的朋友可
下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于Laravel学习教程之View模块的相关资料,文中通过示例代码将View模块介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
这篇文章主要给大家介绍了关于基于Laravel实现的用户动态模块开发的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
这篇文章主要给大家介绍了关于如何通过View::first使用Laravel Blade的动态模板的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,需要的朋
在编写PHP应用时经常需要处理日期和时间,Carbon继承自 PHP DateTime 类的 API 扩展,它使得处理日期和时间更加简单,这篇文章主要给大家分享了Laravel中七个非常有用但很少人知道的Carbo
处理日期和时间需要考虑很多事情,例如日期的格式、时区、闰年和天数各异的月份,自己处理太容易出错了,下面这篇文章主要给大家介绍了关于在Laravel中日期时间处理包Carbon的简单
这篇文章主要给大家介绍了关于laravel实现分页样式替换的相关资料,实现了增加首、尾页的功能,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
Facade其实是一个容器中类的静态代理,他可以让你以静态的方式来调用存放在容器中任何对象的任何方法,下面这篇文章主要给大家介绍了关于Laravel中Facade的加载过程与原理的相关资料
发送邮件是我们日常在开发中必不可少会遇到的一个需求,下面这篇文章主要给大家介绍了关于laravel5.4利用163邮箱发送邮件的步骤,文中通过示例代码和图片介绍的非常详细,需要的朋
本篇文章主要介绍了Laravel中前端js上传图片到七牛云的示例代码,具有一定的参考价值,有兴趣的可以了解一下
这篇文章主要为大家详细介绍了Content-Disposition使用方法和注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了yii2组件之下拉框带搜索功能的示例代码(yii-select2),具有一定的参考价值,有兴趣的可以了解一下
本篇文章主要主要介绍了yii2中使用webuploader实现图片上传的实战项目,具有一定的参考价值,有兴趣的同学可以了解一下
本篇文章主要介绍了Chart.js在Laravel项目中的应用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于laravel单元测试之phpUnit中old()函数报错的解决过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下
这篇文章主要给大家介绍了关于利用swoole+redis实现股票和区块链服务的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下
这篇文章主要给大家介绍了关于PHP中static和yield关键字的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,文章需要的朋友们下面随着小编
这篇文章主要介绍了PHPExcel冻结(锁定)表头的简单实现方法,涉及使用PHPExcel针对表格属性的简单操作技巧,非常简单实用,需要的朋友可以参考下
最近在工作中遇到一个问题,需要多字段的验证,通过查找相关资料终于解决了,下面这篇文章主要给大家介绍了关于Laravel如何实现用户多字段认证的解决方法,文中通过示例代码介绍
这篇文章主要给大家介绍了关于Laravel中Sessionid处理机制的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来
debug_backtrace() 是一个很低调的函数,很少有人注意过它,这篇文章主要给大家介绍了关于PHP中调试函数debug_backtrace的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作
众所周知Laravel 5.5 发布在即,目前已经确定会增加一个神奇的新特性:Package Auto Discovery。下面这篇文章主要给大家深入的介绍了关于Laravel5.5中包自动发现Package Auto Discovery的相关资料,
这篇文章主要介绍了PHP memcache在微信公众平台的应用方法,结合具体实例形式分析了php使用memcache保存用户访问记录与响应用户访问并给出提示信息的交互模式实现技巧,需要的朋友可以参
这篇文章主要介绍了Laravel框架实现redis集群的方法,简单分析了Laravel框架redis数据库集群功能设置步骤、相关操作技巧与注意事项,需要的朋友可以参考下
这篇文章主要介绍了关于在LNMP上部署laravel以及xhprof安装使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小
这篇文章主要介绍了ASP中用select case代替其他语言中的switch case, default用case else ,需要的朋友可以参考下
这篇文章主要介绍了ASP中if语句、select 、while循环的使用方法,需要的朋友可以参考下
这篇文章主要介绍了adodb.recordset.open(rs.open)方法参数详解,需要的朋友可以参考下
本文主要介绍.NET各个版本之间的区别,以帮助新手朋友选择适合的.NET Framework的版本进行开发。
接触WebService也很久了,但是使用asp调用教程的却不多,还有转成json也不多见,本文全部分享给大家,需要的拿去吧。
这篇文章主要为大家详细介绍了ASP 连接Access数据库的登陆系统,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Webform 内置对象 Session对象、Application全局对象,ViewState的相关资料,需要的朋友可以参考下
这篇文章主要介绍了asp(vbs)Rs.Open和Conn.Execute的详解和区别及H0001的说明,需要的朋友可以参考下
这篇文章主要介绍了ASP常用日期格式化函数 FormatDate(),很多情况下我们需要自定义输出格式需要的朋友可以参考下
在asp编程开发中,计算时间很容易,直接用项目开始时间+天数,即可得到项目结束时间,但这里麻烦就在要排除周六和周日这两个休息时间
一、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
今天,我爱模板网在给一个客户做js转盘的时候,是采用的css3配合jQuery的。期间遇到一个问题,就是需要获取转盘旋转了多少度。
str_replace() 函数:使用一个字符串替换字符串中的另一些字符。
template.js是HTML模板。可以按照HTML格式编写。不用像JS用HTML字符串拼接。下面来简单介绍下template.js的用法: 一、下载地址 https://github.com/yanhaijing/template.js 作者编写的文档:https://github
我们大家都知道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
本文主要讲解 JSON.parse() 和 JSON.stringify() 这一对“冤家”的区别: parse() 用于从一个字符串中解析出json对象,如 假设下面的JSON格式字符串(注意:单引号写在{}外,每个属性名都必须用双
上一篇文章,我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面,初次接触这类的新人看到肯定很开心,但是那也仅限于手机上安装了谷歌浏览器,我们写
今天我爱模板网在使用mui开发一个商城的时候,遇到了“Uncaught ReferenceError: plus is not defined (提示: 请在plus ready后再调用plus api必须在)”的错误提示,plus api必须在plus ready之后,再调用。
问: 我看到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 我们都喜欢将首尾分离。所以,从一个页面跳
一、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为我们提供了alert,confirm,prompt,toast四种框
最近我爱模板网在使用HBuilder开发一个APP,需要使用真机和模拟器进行调试。一开始安装了海马玩模拟器,HBuilder直接就识别了,但是当我安装夜神安卓模拟器的时候,无法识别。只要在
利用canvas将图片转成base64格式的两种方法
一、页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload();}); (2).子页面B代码
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地址,支持本地地址
首先我们来讲讲,setInterval()的问题: setInterval()创建的定时器确保了定时器代码规则地插入队列中。这个问题在于:如果定时器代码在代码再次添加到队列之前还没完成执行,结果就会
下面的是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"上拉刷新和下拉加
Barcode模块管理条码扫描,提供常见的条码(二维码及一维码)的扫描识别功能,可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。 使用场景:扫
今天在浏览网站时,发现一个网站的滚动条非常好看,就查看了它的css代码,找到了在WebKit浏览器下自定义滚动条样式的代码,抄在下面,方便下次查找: ::-webkit-scrollbar{width:10px;heig
这个项目将来自C++的eSpeak speech synthesizer采用Emscripten移植到JavaScript。在web上实现Text-to-speech只需要浏览器支持JavaScript. + HTML5。Speak.js 是一个 JavaScript 实现的 Text-to-Speech 的引擎。 介绍 T
很多时候我们会用for 来生成多个结构相同的节点结构,这样我们需要写很多createElement、setAttribute、appendChild 等代码。但其实我们只需要有一个html 的模板,就可以用cloneNode 方法对已有的
mui中提供了登录的模板页,但是对于登录后各个页面的访问控制,刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧,肯定有不足指出,欢迎批评指正。 第一节中创
在Web应用越来越复杂的今天,消息推送已经成为一个非常重要的功能了,有了消息推送,Web页面就能够及时的接收到来自服务端的消息,为用户展现最好的交互体验。过去我们在实现W
今天,做项目时,有个需求,需要在select值改变时,获取当前选中option的外面的optgroup的值。 思路很清楚,得到当前选中的option,然后通过jQuery的parent选中它的父节点,即可。 下面这三
一、父页面中Js读取或调用iframe中的Dom或js代码段 二、iframe子页面中的Js调用父页面中的Dom或js代码段 /*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为d
这是一篇写于2016年9月的教程投稿,方便使用VMWare安装Mac OS X,也包括最新的macOS系统,图文并茂,内容丰富,不过以下按照原文仍使用Mac OS X的说法。 随着iPhone、iPad、Mac等苹果产品越来
网站文章添加完成后,如果能够推送到百度,通知百度收录,那就非常不错了。这里,介绍一下,如何在dedecms织梦添加文章后,主动通知百度: 打开article_add.php文件,查找如下代码:
最近小编在做一个会议室预定的功能,这个功能就像在买电影票时选择座位一样,看看会议室的哪个时间段空闲,有什么设备等等。由于我做的是APP,APP既要兼容Android,又要兼容IOS,刚
百度语音合成服务,基于HTTP请求的REST API接口,将文本转换为可以播放的mp3文件。使用方法非常简单,而且免费,支持设置语速、发音人选择等功能。 1、注册百度“AI开放平台”:htt
前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame 引
require 的使用方法如 require("MyRequireFile.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,使它变成 PHP 程序网页的一部份。常用的函
分享下PHP return语句的另一个作用,在bbPress的代码中看到的一个奇葩使用方法。 一直以为,return只能出现在函数中,直到看了下面的代码: ?phprequire_once('./bb-load.php'); bb_repermalink(); if ( $
今天我爱模板网在用mui做app时,客户反馈在iPhone 6上错位了。拿到手机一看,所有的与flex布局的都错位了,百度了下,发现iOS 8不支持flex,要写成-webkit-flex这种前缀才可以。看了下客户
echo() 可以一次输出多个值,多个值之间用逗号分隔。echo是语言结构(language construct),而并不是真正的函数,因此不能作为表达式的一部分使用。 print() 函数print()打印一个值(它的参数
我爱模板网 做项目时,从数据库取数据,需要对数据进行判断,如果为undefined就不让它显示,于是,就拿变量和字符串“undefined”进行判断,发现结果总是false,即使这个变量的确为
今天,我爱模板网做APP,有个拍照功能,需要使用到相机。提交APP STORE发现不通过,原因是,IOS打开相机弹出的RN权限提示框的提示文字有问题,需要改为:“xxx需要使用你相机权限,
设置了display:none到display:block后,transition动画无效,比如下面的代码: ul{top:0; transition:all 500ms; display:none;}div:hover ul{top:100px; display:block;} 当鼠标移动到ul,ul直接出现在top:100px的位置,没
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 请
网上提供有很多关于JavaScript动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,博客园 stephenykk 写了下面的文章: 静态
Hbuild是支持微信分享(好友和朋友圈),QQ分享,新浪微博和腾讯微博分享。 但是在使用的过程中,官方给的文档似乎很坑爹。 《分享插件配置》 《分享插件开发指南》 都是2014年7月发
js鼠标滚轮滚动事件,即 mousewheel 事件,如何判断鼠标滚动是往前滚,还是往后滚,即鼠标滚轮滚动的方向
js中toString()和toLocaleString()都是转字符串方法,那么有什么区别呢: 1、数字: 在数字转换成字符串的时候,并没有感觉这两个方法有什么区别,如下: var e=123;e.toString(); //输出 "123";e.
我们在做网站时,大部分都需要自定义搜索框样式,而Siteserver CMS的stl:searchInput 是支持自定义显示样式: 自定义搜索表单显示样式需要在stl:searchInput中嵌入自定义搜索项。 注意: stl:se
利用SiteServer CMS 系统建网站的主要工作量就是在于做模板,即所谓的模板嵌套。对于一个刚接触SiteServer CMS 系统的新手来说,最关心的问题莫过于模板是如何嵌套出来的、模板制作过程
在做网站的列表时,经常遇到文字强制在一行显示,超出则显示点点点,这个可以用后台语言限制字数,但是不建议这么做,因为非常不利于seo(标题只显示一部分),一行的话,用c
方案比较说明 关于tab bar选项卡,目前已经有多种实现方案,最常见的有div方案的和双webview方案的。 div方案 div方案的选项卡是普通的实现方案,所有都放在一个页面中执行,页面压力
我爱模板网在做底部凸起圆导航时,遇到了一个问题,中间凸起的圆用plus.nativeObj.View的方式画的,方法可以参考:mui APP tab选项卡底部凸出图标解决实例 http://www.5imoban.net/jiaocheng/hbuild
select 文字右对齐
今天,我爱模板网在做APP考勤时,需要定位用户的位置,显示在地图上,于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度,然后通过百度地图api将经纬度转换成详细的地址
本文将向大家介绍百度地图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);}) 可是在实际
我爱模板网要实现一个效果,侧边栏点击出现更多,更多定位,侧边栏内容很多,高度固定,必须有滚动条,结果,出现了问题,如下: 左边slider只能y轴滚动,overflow-y:auto,横轴没有设
document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。 配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建
Number()、parseInt()、parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。parseInt()和parseFloat()方法只转换第一个无
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。 注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。 语法 load(url,data,function(respo
一、前言 讲escape、encodeURI和encodeURIComponent的区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和encodeURI和encodeURIComponent不是同一类 简单来说,
我爱模板网倾情推荐:ECMAScript5中文手册Android安卓版下载,本手册是ECMA-262, Edition 5标准的中文翻译,学习JS必备手册,安装一个到手机上,上班下班坐公交(如果的话),也可以没事翻
简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低 1.共同点 都是动态显示隐藏DOM元素 2.区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是
最近碰到个需求,需要把当前页面生成pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要。 html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页
在H5+app的开发中,webview的操作是基础,在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。 准备工作: 我们需要两个页面A和B,B是A的子页面,点击B中的
一、简介: 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语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面。下面是我爱模板网总结的js判断设备,然后跳转到手机站或PC站: JS 判断浏览器客户端类
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"; }}//等
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 =
我爱模板网在用mui开发APP时,用mui.previewimage.js做图片预览时,遇到了下面的问题: 如图,这是一个子页面,需求是点击图片预览大图。ok,大家把mui的图片预览拿过来用: 但是,图片是
关于rem,我爱模板网有好几篇文章都介绍到了它的使用方法,如 手机端页面自适应解决方案—rem布局进阶版 和 手机端转换rem适应 等,更多你可以查看 rem搜索 。今天,在做一个体彩网
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。经测试,误差在可容忍范围之内。 点击 下
html5 plus用js封装了对安卓和IOS底层日历和时钟的调用,pickDate和pickTime,由于是封装的,直接调用的底层的接口,所以,在UI方面,不同的系统的手机显示可能不同,优点是执行速度快。
app.use app.use的作用是将一个中间件绑定到应用中,参数path是一个路径前缀,用于限定中间件的作用范围,所有以该前缀开始的请求路径均是中间件的作用范围,不考虑http的请求方法,
我爱模板网在做下面的效果时,即按键盘上下键,能够让蓝色背景在行中移动,以选择不同的行,这个用js很好实现,但是由于列表比较多,所以超出了范围,使用了滚动条。可是,当
js的cookie使用起来非常麻烦,因为它就是一个字符串,设置和读取都不方便,下面提供了三种方法,都是简化cookie的使用方法,设置获取直接调用函数,传个参数即可: 第一种:(这个
之前获取经纬度坐标,都是使用的html5 pius封装的html5的方法(文章末尾有提供),下面记下百度直接获取经纬度(百度定位有三种方法:浏览器定位、IP定位和SDK辅助定位,这里是浏览器
今天,我爱模板网遇到一个很奇怪的问题,historyCities是一个类似于下面的JSON字符串: [{"cityid":"1101","name":"北京市"}] 我要往里面加入其它城市的信息,自然而然想到了push,先转为数组对
本示例代码,为我爱模板网在项目中使用的,mui拍照或从相册选择照片,并且对照片进行1倍压缩,最终得到base64为图片地址的代码。这里的图片压缩,用的是jpgtobase64.js插件,它的原理
关于标题提到的超出多行显示点点点“...”的问题,在之前我爱模板网总结了两种方法: css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 一行文
先看下效果: 基本的认识: 文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为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
用360检测网站的时候,发现了“Dedecms recommend.php title XSS漏洞”的漏洞,该如何修复: 核心文件comm.php最新版本有过滤函数,也可以直接删除了这个recommend.php文件,对主站程序没有多大
一、关于混合模式 熟悉PS的人都应该知道混合模式: SVG以及Canvas中也有混合模式,本质上都是一样的。 下面是一些常见的混合模式的算法: 本文内容则简单介绍CSS3出现了两个与混合模
一、关于isolation isolation是一个CSS3属性,顾名思意是“隔离”,支持的值除了万年不变的inherit外还包括auto和isolate. 继承没什么好说的。auto实际上就是不干事的意思,是元素的默认值。
高德地图使用方便,api接口写的非常清晰。今天,就来聊一聊高德地图的点标注文本label标签样式是怎么修改的。先来一段代码: var map = new AMap.Map('container', { zoom:11,//级别 center: [116.39
性能更好的js动画实现方式——requestAnimationFrame 用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也
jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据时发愁了。后端语言使用php,asp.net,jsp等都不是问题,使用模板渲染可以很大程度上提高程序性能
本教程教您一步一步利用HBuilder的git插件,将项目上传到gitee上。 1、安装HBuilder的git插件:打开HBuilder,菜单栏-工具-插件安装,如下: 2、找到EGIT,勾选后面的选择,点击下面的“安装
我们都知道,js的cookie,设置读取都一样,变量名和值也不分开,使用起来非常麻烦,为此,jQuery的cookie插件:jquery.cookie.min.js帮了大忙了,下面就看看怎么用吧: 1.引入jquery.js script s
js触发已经写好的事件,类似于jQuery的trigger方法,但是js本身不具备trigger方法,必须自己进行封装
我们在做web开发时,服务器会根据用户的不同浏览器客户端返回不一样的结果,主要判断依据就是浏览器的user-agent。那么如果我们需要伪装成某个其他浏览器来测试不同的结果呢,就需
php将内容覆盖到记事本文件,追加到记事本文件和读取记事本文件内容的代码
PHP 创建文件 - fopen() fopen() 函数也用于创建文件。也许有点混乱,但是在 PHP 中,创建文件所用的函数与打开文件的相同。 如果您用 fopen() 打开并不存在的文件,此函数会创建文件,假
使用better-scroll时,大多数会出现一个问题,就是在大的div里面的a 链接或者click事件都不用了,这是因为BScroll禁用了click事件,在初始化时,加入参数:click:true,即可。如下: html部分
这次做项目遇到了这个问题,本来习惯性的每次都写的是addEventListener绑定click事件。但是当用addEventListener绑定了多次click事件的时候,引发了我的思考,这两者有区别吗? 探究: oncli
有这么个需求,在dom节点里面定义的onclick事件,如何传递event,并且阻止事件冒泡?onclick事件如下:
在使用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循环 一.首先是普通的
有同学在看 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 部分
一.动态创建link方式 我们可以使用link的方式.如下代码所示: function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css")
flex布局在IOS8表现的一塌糊涂,原因是没有加前缀(私有属性)。而我爱模板网所做的这个APP,已经写了太多的flex了,一个一个替换太麻烦。之前遇到过一次,叫客户把他手机拿来,我
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题 页面展示: 实现效果:点击实现列表内容的展开、折叠。 div class="invoice-list" v-for="(item,index) in invoice
for in 循环 并且使用hasOwnProperty 方法
今天用小乌龟SVN提交更新时,出现Authorization failed的错误,如下图: 这种情况肯定是SVN服务器出现了问题,需要修改其三个配置文件: 1、svnserve.conf: [general]anon-access = readauth-access = wri
audio标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码
我爱模板网在写一个 html5歌词同步的音乐播放器 时,在IOS测试,发现HTML5 Audio的loadeddata事件始终不执行,在Android下执行,而且,打印audio的readyState状态,始终是1,但是Android是4,代码如
audio和video的样式修改,一般都是重写界面,然后用js操作audio和video,这种方法的优点是界面定义更灵活,更美观,缺点是如果只想改一点点,比如video播放条颜色,而动手重新写,代价
如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句
今天我爱模板网要用VUE做一个多选的效果,即对所有选项,可以选择也可以取消,可以多选也可以一个不选,效果图如下: 所有选项的值如下: list:[ {id:1,title:'JSK'}, {id:2,title:'OP'}, {id:
今天,使用了多年的iPhone 6s开不了机了,一直停在开机界面,俗称“白苹果”,无论怎么按开机键还是开机和home一起都不行,如下图: 百度了下,按照下面的方法,可以了: 一,ipho
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。 Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属
在用APICloud给客户做QQ登陆时,提示:“QQ登录提示“应用工程配置错误,scheme没有配置”,一开始以为appkey配置错误,但是按照官网看了没问题: 1、在config.xml中配置: feature name="qq"
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的时候,需要做类似抖音的整屏上下滑动的效果,如下图: 但是数据太多,单个swiper-slide的内容一屏显示不下,这时,简单的overflow-y:scroll解决不了,
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被
js的reduce有点类似于递归,对数组进行循环计算,最终得到想要的效果,可以想见: js reduce详解 。 下面的方法是我爱模板网在做项目时,遇到数组去重,从网上“剽窃”的一个方法,
v-if和v-else或v-else-if之间不能添加其他元素。
我爱模板网在用vue+vant做一个混合app时,遇到一个需求:单元格的右侧出现可以填写的内容以及内容的单位。如下图所示: 这个可以用vant的cell单元格来做,但是在官网没有找到右侧有文
我爱模板网在做app时,客户要求比较严格,注册的时候,手机号只能输入数字。input的type为tel还是能够输入数字,百度了下,发现下面的方法可以:
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的、事件驱动的语言,所以带来响应速度
nodejs+electron编写exe程序
vue2是对新手很友好的MVVM框架,有完善的官方中文文档,阅读起来也非常容易理解,由浅入深,示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 v
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vu
手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错: SQLException: Incorrect string value: '\xF0\x9F\x98\x84' for column 'review' at row 1 原因是:UTF-8编码有可能是两个、三个、四
一:摘要:使用vue开发单页面应用,如何解决页面缓存问题(尤其在手机端),如何才能做到 新打开的页面 获取最新数据,返回上一个页面获取最新的缓存页面数据? 二:页面打开和
首先我们要做三个小球的运动,第一个动后第二个动之后第三个动 我们先写出三个小球球
jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单,已经提供了方法:
在使用mui等做手机端混合APP时,真机调试问题非常的麻烦,之前介绍过《 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面 》,这个方法很不错,就是初次使用很麻烦,还需
input获取焦点,键盘的换行就会变成“搜索”,form不能少,type必须为“search”
今天我爱模板网在做下面的效果时,用到了vant的swipe
js localeCompare方法详解
不知大家在做前端页面的时候,有没有遇到类似这样的问题:有一个不是正方形的图片,可能是宽度大于高度的,也可能是高度大于宽度的,而你又并不想用背景图的方式来做,要实现
还在为module.exports、exports、export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一、首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!export和
Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 语法 rectObject = object.getBoundingClientRect(); 返回值: 返回 4个方向值 与 2个宽高值 rectObject.top:元素上边到视窗上边的
一个画家要绘制一副画作,首先需要做一些准备工作。本人不懂绘画,大致猜测主要准备工作如下: (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,
图片lazyLoad懒加载相信大家都不陌生了,从搜索引擎的角度来看,图片懒加载是不利于网站图片优化的,因为搜索引擎并不会去执行js动作,不触发JS动作,真实图片的地址就不会暴露到
1.什么是Web Worker 在web worker规范产生之前,dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说:渲染dom的时候不能执行javascript代码,执行javascript代码的时候,UI界面会
什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做
前沿 很多大网站的文章内容关键词都是可以添加链接的,包括我们的大头条也是可以的,这样的好处首先是方便客户点击跳转相关内容,其次SEO叫内链,对SEO也有一定的辅助作用,如果
一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和
问题 相信很多人在用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的双
iview验证表单利用Validator验证表单,支持正则表达式,支持自定义规则来验证表单,下面是一个iview自定义正则规则来验证正整数的小案例: 1、引入iview: import { Card,Col, Row, Button,FormIt
使用iview Upload 上传组件,阻止它自己的上传方法,手动上传包括单个文件和多个文件。实现思路是创建一个数组,把需要上传的文件,push到这个数组里面,再一个一个上传。 1.引用组件
URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或
我爱模板网在用vue-cli做一个教育网站时,需要上传视频,同时,还得在接口传视频长度。上传我用的是file控件: input type="file" 我们都知道 html5 的 video,是可以获取视频时长的,即dur
当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),所以会导致下面的问题:
在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 只有定义了该函数,小程序右上角的菜单中才会有转发按钮 用户点击
用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组件,圆形和圆角图片
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”,做成倒计时效果。 第一步、布局
flutter Provide状态管理有点类似于Vuex,当从一个页面更改了数据,期望影响其他页面,那么Provide方法是不二之选。这里简单理下我爱模板网在使用flutter时的用法: 1、添加依赖 在 pubspe
flutter ProvideMulti多个状态同时使用
dede升级了5.7后,发现使用dede:likeart调用猜你喜欢/相关文章,无法实现关联,显示的是所有文章。原来从5.5版开始已经替换了该标签,把模板中 likeart 标签修改为 likearticle 就ok了。 整理
dedecms织梦实现点赞功能的最终效果图,本效果采用了ajax异步刷新的效果,点赞时,不需要跳转页面,并且还会记录IP,不会重复点赞: 一、后台执行SQL ALTER TABLE dede_archives ADD zan int(11
以前在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从字面意思上是“等待”的意思,
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 ?按照下面步骤一样解决:
我们在做小程序时,可能会修改对象,例如下面的 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的支持非常好,类型丰富,而且,效果也不错。如果不是特别的需求,用它提供的这些控件就已经足够了。下面是使用示例代码,直接复制过去就能
专题页有利于SEO,织梦后端有专题管理,可以在后台-核心-内容管理-专题管理找到。专题内容就是平时添加的文章。那么,如何在网站首页调用专题呢? 本篇文章就来介绍dedecms织梦专题
前段时间,我爱模板网在做小程序聊天时,采用的融云SDK发送图片必须得是base64,而微信小程序选择图片的方法wx.chooseImage得到的是临时地址,可以采用下面的方法转为base64地址: wx.c
微信小程序的rich-text展示后台富文本编辑器发布的文章时,需要显示图片,page.wxml代码如下
穿插一个必备小知识:在文件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
在使用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 。今天,
由于小程序提供的RichText处理html dom过于简单,可能会出现一些样式和原文不一致的问题。所以,有时候就要特殊处理,显示富文本。而wxParse就是一个不错的选择。下面就来说说如何使用
有时候,可能需要对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事件后,
我爱模板网在做微信小程序项目时,需要实现下面的效果 点击左侧的分类,右边的banner和产品列表都要变成对应的内容。但是,在切换的时候,会再warn中警告“current无效”,而且,有
pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面。 注意:仅改变网
在做开发的时候,倒计时的需求是很常见的,比如订单待提交和待支付都会有倒计时,市面上的兼职软件在领取任务后都会有倒计时,登录注册中获取验证码的时候也会有倒计时,有的
《nodejs入门》是一篇非常不错的nodejs入门教程,本文通过实现一个上传功能的案例,详细的讲述了nodejs的http模块、fs模块等的使用。本教程作者Manuel Kiessling。教程下载地址: https://pa
我们一般用java做Swing项目的时候一般都是只能在Myeclipse里面运行,那么怎么把我们的项目打包成exe可以直接双击运行呢? 初始工作:为了不让用户安装java环境,所以我们先新建一个文件
前面我们讲到了将Swing项目编译成双击可执行的文件exe,这篇我就教大家怎么把exe打包成需要在电脑安装的那种,首先需要一个工具,Inno Setup 编译器, 下载地址 ,我这个是汉化版的,
Object.freeze() 方法可以冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可
es6之扩展运算符 三个点(…)之对象的扩展运算符 理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝
前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是
Vue2-Editor是一款基于vue的非常好用,界面简洁的富文本编辑器插件。
echarts中datazoom配置参数
原生js和Vue实现input file选择图片时,预览选择的图片的方法,用到了 createObjectURL 方法和 readAsDataURL 方法,前者是blob url,内存中的图片地址,后者是base64格式: html的createObjectURL方法:
前言 后台管理系统,需要这个功能点的特别多,但Element UI 的table组件本身是不提供的,所以需要自行拓展一下。 在这里,给大家写一个简单的示例,希望对小伙伴们有所帮助。 先看看
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打开本地文
本实例将定义一个 data 的二维数组,然后使用 xlsx 库将数据导出到 excel 中。实例代码如下:
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的尺寸,如果没
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脚手架的后端框架,表单验证非常好用。但是,今天我爱模板网在使用它进行日期验证的时候出了问题
v-viewer是一款基于vue的点击图片放大预览插件,支持左右切换上一张下一张图片,支持缩放图片、按住拖拽图片、预览图效果,斜切、旋转图片等功能,界面美观,还支持手机端,是一款
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,是可以发送全局事件的,于是在后一个页面写:
一、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
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 !
在做项目时,经常会遇到手快重复点击,重复发送请求的情况,这里是从网上找的一段代码,可以给element-ui的button加上防止重复点击的自定义指令,不用一个一个去写防止重复点击的方
在使用 js-xlsx插件 来读取excel时,会将2018/10/16这种数据读取成类似于48264的number格式,而日期通常是字符串格式。遇到这种情况,通常有两种方法: 一、将excel文件中的日期全部改成文本
我爱模板网在《 flutter 在vscode Terminal打包安卓apk 》中略微提到了生成安卓秘钥的方法,但不详细。 今天又遇到了这个问题,折腾出来了,这里再详细记录下android生成key.jks秘钥证书和通
ECharts创建图形时,控制Y轴数据只显示整数: 在创建柱形图时,Y轴数据默认是有小数点的,如下图: 如果不显示小数,只显示整数可以设置minInterval属性成1保证坐标轴分割刻度显示成整
echarts三种方法解决x轴标签文字过多导致显示不全。 echarts如果x轴标签文字过多,导致显示不全: 如图: 下面介绍三种方法,来解决这个问题: 解决办法1:xAxis.axisLabel 属性 axisLabel的类
无论是什么样的系统,大多数都会有用户登录功能,这是非常常见的功能,只要你是开发人员就会碰到。 作为最常见的功能,ThinkPHP6似乎更像出现了BUG一样。当使用Base公共控制器判断没
后台一般都需要登录,不登录浏览自动跳转到登录界面。所以首先就想到让后台所有需要登陆的界面都继承一个common类,然后再common类的initialize中判断是否登录,如果未登录,用redire
我爱模板网在做微信小程序时,后台传过来一段html,不是很复杂,就没有用 wxParse 了,而是直接用的 rich-text 。但是我发现,后台返回的内容很长,可是显示到页面中,只显示了部分。
实例 检测数组中是否有元素大于 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()函数将数组合并到一起,返回一个联合的数组。所得到的数组以第一个输入数组参数开始,按后面数组参数
解构是ES6新加的解构功能,可以使得我们获取数据更方便,从而提高日常编码效率。 解构可以用于对象,也可以用于数组,这篇文章我们只讲在对象类型上使用解构可以做哪些事情:
前言 Selenium多用于系统的自动化测试,但有时候也可以用来做一些类似外挂一样的东西,比如定时打开某个网站去做一些操作,在不久前的项目中由于需要定时(实际是我方系统检测到
之前,我爱模板网写了一个 js+dom的日历教程 。最近在做一个基于element ui的项目,需要用到日历,但是需要深度定制。比如显示工作计划等。element-ui自带的日历放在node modules里面,不好
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
获取页面内容,不直接输出到页面, CURLOPT_RETURNTRANSFER 参数设置 使用PHP curl获取页面内容或提交数据,有时候希望返回的内容作为变量储存,而不是直接输出。这个时候就必需设置curl的
一、curl拓展下载: composer require curl/curl 二、安装https证书: 1、要首先在php.ini中开启 curl,才能用php调用接口 2、必须要ssl安全证书 ssl证书配置方法: a、免费证书下载地址:https://cu
uni-app的APP端实现的点击获取map经纬度和地址,并在点击的地方显示markers。这里要注意,在打包成正式的app,需要申请安卓和IOS高德appkey。并且将manigfest.json-App模块配置-Maps-高德地图勾选
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,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我
之前,我爱模板网做了一个功能: 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后的效果可
什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到,这也就是我们本次要实现的效果,进入页面的时候,只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页
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
在逛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"; 我们如下编写代码:
假如后端传过来一个 a.jpg 图片文件,但这个文件的数据类型是 ArrayBuffer,想要用 URL.createObjectURL 展示图片,如何做到? createObjectURL 函数的参数是 File 对象、Blob 对象或者 MediaSource 对象
打开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选项卡,勾
有时候想写出只能被继承使用的类,这时候就要用到new.target 1、含义: new.target返回使用new方法调用类时的类的名称,子类继承父类时,new.target会返回子类 class Rectangle { constructor(length
dart笔记4:flutter折叠菜单
dart笔记5:重构override+画圆
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渲染分离
dart笔记21:BlocProvider工具实现管理多个stream流,此笔记代码是基于“ 基于Bloc stream流实现数据处理和UI渲染分离 ”代码的基础上进行的修改,通过实现BlocProvider类,来管理多个stream流,
dart笔记22:Isolate使用案例
flutter大大简化了isolate的使用方法,通过引入foundation.dart来使用isolate,通过computed来创建isolate。使用起来就像js的worker一样。 isolate不能滥用,只有非常耗时的任务(如图片裁切、数据加
1、下载安卓studio,安装会自动安装安卓SDK,默认路径:c:\users\用户名\AppData\Local\Android\Sdk。如果此目录下没有,则手动下载,并且在安卓studio的File-setting-Appearance Behavior-System Settings-And
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
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、在需要溢出滚动的地
父元素设置了z-index,导致position:fixed的子元素z-index失效
FullCalendar设置周六和周日的样式
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的分别实现
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
Set表示对象的集合,其中每个对象只能出现一次。dart:core库提供了Set类来实现相同的功能。### 语法```javaIdentifier = new Set()```**或者**```javaIdentifier = new Set.from(Iterable)```其中, **Iterable** 表
在每个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至少有一个项,则返回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.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);}```它将产生以下 **
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更新
检查列表是否只有一个元素并返回它。## 语法```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.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);} ```它将产生以下 **输出**
返回给定索引处的16位UTF-16代码单元。## 语法```javaString.codeUnitAt(int index)```## 参数 * **索引** \- 表示字符串中的字符索引。## 返回值类型返回一个整数。## 例```javavoid main() { var res = Good D
用给定值替换与指定模式匹配的所有子字符串。## 语法```javaString replaceAll(Pattern from, String replace)```## 参数 * **From** \- 要替换的字符串。 * **replace** \- 替换字符串。## 返回值类型返回
通过删除所有前导和尾随空格返回一个新字符串。但是,此方法不会丢弃两个字符串之间的空格。## 语法```javacompareTo(String other)```## 返回值类型返回表示两个字符串之间关系的整数。
通过将给定字符串中的所有字符转换为大写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; print(
通过将给定字符串中的所有字符转换为小写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; p
如果字符串为空,则返回 **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.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
在 **else…if** 可用于检测多个条件。以下是相同的语法。```dartif (boolean_expression1) { //如果expression1的计算结果为true,则返回语句}else if (boolean_expression2) { //如果expression2的计算结果为tru
`if`后面可以跟一个可选的`else`块。如果`if`块测试的布尔表达式求值为`false`,则执行`else`块。以下是语法。```dartif(boolean_expression){ // 如果布尔表达式为true,则将执行语句。} else { // 如果
在 **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)以下
`typedef` 或函数型的别名,有助于存储器内定义指针的可执行代码。简单地说, `typedef` 可以用作引用函数的指针。下面给出了在Dart程序中实现 `typedef` 的步骤。**第1步:定义typedef**一个
Dart数字可以分为:* **int** \- 任意大小的整数。 **int** 数据类型用于表示整数。* **double** -64位(双精度)浮点数,由IEEE 754标准规定。 在 **double** 数据类型用于表示小数**int** 和 **double** 类
## 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编程实例 - 泛型 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编程实例 - 添加多个值到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编程实例 - 从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编程实例 - 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编程实例 - 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编程实例 - dart getters 和 setters```dartclass Student { String name; int age; String get stud_name { return name; } void set stud_name(String na
## 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编程实例 - 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 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编程实例 - 列表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编程实例 - 列表 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编程实例 - 列表 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编程实例 - Boolean 实例```dartvoid main() { var str = abc; if(str) { print(String is not empty); } else { print(Empty String); }}```
## Dart编程实例 - 字符串 codeUnitAt 方法```dartvoid main() { var res = Good Day; print(Code Unit of index 0 (G): ${res.codeUnitAt(0)}); }```
## 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编程实例 - 字符串 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编程实例 - Truncate 方法```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The truncated value of 2.123 = ${value});}```
## Dart编程实例 - toDouble 方法```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output = ${value});}```
## Dart编程实例 - Remainder 方法 ```dartvoid main() { var a = 10; var b = 17; print(a.remainder(2)); print(b.remainder(2));}```
## 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编程实例 - 数字 isEven 属性```dartvoid main() { int posNum = 10; print(posNum.isEven);}```
## 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编程实例 - 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编程实例 - 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编程实例 - Enabling Checked Mode```dartvoid main() { int n=hello; print(n); } ```
## 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快捷
Base64是一种编码方式,可以将任意字符(包括二进制字符流)转成可打印字符。JavaScript定义了两个与 Base64相关的全局方法。 btoa():字符串或二进制值转为 Base64编码。 atob():把 Base64编
JavaScript定义了 6个全局方法用于 Unicode字符串的编码和解码,说明如表所示。 JavaScript 编码和解码方法 方法 说明 escape() 使用转义序列替换某些字符来对字符串进行编码 unescape() 对使用
使用字符串的replace()方法可以替换指定的子字符串。该方法包含两个参数第一个参数表示执行匹配的正则表达式。第二个参数表示准备替换匹配的子字符串。 示例1 下面代码使用replace
字符串的值 使用字符串的toString()方法可以返回字符串的字符表示,使用valueof()方法可以返回字符串的值。两个方法的返回值始终相同,所以一般不直接调用这两个方法、 示例1 下面示
for和while语句都可以完成特定动作的重复性操作。不过,使用时不可随意替换。简单比较如下。 语义 for语句是以变量的变化来控制循环进程的,整个循环流程是计划好的,可以事先知道
JavaScript break 和 continue 关键字都可以用在 for 和 while 循环结构中,表示跳出循环;break 关键字还可以用在 switch case 选择结构中,表示结束当前的选择语句。 break 和 continue 关键字可以在
使用label、break、continue、return语句可以中途改变分支结构、循环结构的流程方向,以提升程序的执行效率。 label语句 在 JavaScript中,使用label语句可以为一行语句添加标签,以便在复杂结
在程序开发中,存在大量的重复性操作或计算,这些任务必须依靠循环结构来完成。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语句,可以改变这种流程顺序,让代码根据条件选择执行的方向,这种结构被
new是一个运算符,可以创建对象,初始化实例。其语法格式如下: newcontructor(arguments) constructor必须是一个构造函数表达式,参数arguments可有可无,参数之间用逗号分隔。如果没有逗号,
对象操作运算主要是针对对象、数组、函数这 3类复合型对象执行某种程序,设计的运算符包括 in、instanceof、delete。 归属检测 in运算符能够检测左侧操作数是否为右侧操作数的成员。其
使用typeof 运算符可以检测基本数据类型,但是 typeof 有很多局限性。本章介绍两种更灵活的方法,以应对高级开发可能遇到的各种复杂情况。 使用 constructor constructor 是 Object 类型的原型
ECMAscript5 新增了严格运行模式。推出严格模式的目的如下: 消除 JavaScript 语法中不合理、不严谨的用法。 消除代码运行的一些安全隐患。 提高编译器效率,提升程序运行速度。 为未来
undefined 是 Undefined 类型的唯一值,它表示未定义的值。当声明变量未赋值时,或者定义属性未设置值时,默认值都为 undefined。 示例1 undefined 派生自 null, null 和 undefined 都表示空缺的值,
对于导入的 JavaScript 文件,也将按照 <script 标签在文档中出现的顺序来执行,而且执行过程是文档解析的一部分,不会单独解析或者延期执行。 般情况下,在文档的 head 标签中包含
IE条件注释 在前几年很好用,那个时候用IE6-IE8的用户很多,而IE对css3等的兼容性又差,但是IE9以下版本都是支持条件注释的。现在做项目很少遇到要兼容IE的了。而且,现在大多都是单
## Python IDE本文为大家推荐几款款不错的Python IDE(集成开发环境),比较推荐 PyCharm,当然你可以根据自己的喜好来选择适合自己的 Python IDE。## PyCharmPyCharm是由JetBrains打造的一款Python I
## Python CGI编程**什么是CGI**CGI 目前由NCSA维护,NCSA定义CGI如下: CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如:HTTP服务器,提供同客户端HTML页面的接口。## 网页
## Python File及os模块file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa target=_
我爱模板网在做一个政府项目时,遇到一个需求,就是系统首页的图片放在本地的assets目录里,但是具体显示哪个图片需要后台接口获取,一开始没有写成动态,直接用下面的代码没问
vue的实例属性$options是用来获取定义在data外的数据和方法的。
Corpora是一个展示多个文本文档集合的组。单个集合称为语料库。其中一个着名的语料库是古腾堡语料库,其中包含大约25,000本免费电子书,网址是: http://www.gutenberg.org/ 。在下面的例子
WordNet是一个英语词典,类似于传统的词库,NLTK包括英语WordNet。我们可以使用它作为获取单词,用法示例和定义含义的参考。类似单词的集合称为lemmas。WordNet中的单词是有组织的,节点
一、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,因为在此系统因
本文起因是由于一个弹窗,要实现一个能够通过点击显示隐藏的功能,效果如下: 第一选择是采用原生的PopupMenuItem,但是本应用的需求比较特殊,弹出的item自带背景图片,并且图片上
AppBar是Scaffold组件的一个属性,通常是一个标题,至多再在左侧加个按钮,右侧再加几个按钮,如果想实现页面的AppBar是个tab栏,可以左右切换,而并非一个简单粗暴的标题,就可以使用
要实现自定义AppBar,需要注意两点: 1、AppBar不是平常自定义组件简单的继承StatelessWidget或者StatefulWidget,它还必须实现PreferredSizeWidget 2、必须重写preferredSize,preferredSize比如要有return 下
我爱模板网通过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 截图
file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa href=
Python 解释器可以作为一个简单的计算器:您可以在解释器里输入一个表达式,它将输出表达式的值。 表达式的语法很直白: +, -, * 和/ 和在许多其它语言(如Pascal或C)
手机状态栏,即手机顶部显示电池、网络、时间、信号等的位置,沉浸式状态下,状态栏的背景可能是深色,也可能是浅色,这时如果状态栏里面的内容文字也是和背景一样黑色或白色
我爱模板网新建了个MySQL数据库,往里面插入内容时,报了下面的错误: 1366: Incorrect string value: '我爱模板网' for column 'name' at row 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
我爱模板网 在给客户换主机时,将客户的程序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中,针对当前设置的页面生效。其实,官方文档已经说的很清楚了,这个
不得不说IE的ActiveX的确很强大,只是限制太多,而且由于安全性问题,导致很多情况下获取不到。下面这段代码是IE通过ActiveX获取本机的内网IP和网卡的物理地址: function GetAdapterInfo()
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启动示例(在当前目录,启动一个允许跨域的,端口号为
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中的子容器含有背景色,在
Cesium是基于webGl的优秀GIS框架,这里介绍点击Cesium地图任意位置,获取点击点的经纬度以及高度
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阶段提案中,正如其“装饰器”的叫法所表达的,他通过添加@方法名可以对一些对象进行装饰包装然后返回一个被包装过的对象,可以装饰的
DEDECMS利用strftime()函数格式化时间的所有参数详解,包括年份日期进制、小时格式等,可以格式化任意位置如首页、列表页、详情页的时间,使用简单,可以格式的效果非常多: dedecms首
crx是谷歌chrome插件的扩展格式。谷歌扩展插件安装有两种方式,在线安装和线下安装。在线安装就不多说了,主要说线下安装: 1、从设置-更多工具-扩展程序 打开扩展程序页面,或者地
我爱模板网需要在没有联网的云桌面上H5应用的接口,需要解决跨域。谷歌chrome的跨域插件Allow CORS: Access-Control-Allow-Origin http://www.5imoban.net/texiao/other/202102244720.html比较好用,所以下载了
Vue中,在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} }}sellerArr: { type: Array, default: []} 当父组件没有传这个值或者值是空时,输出的话,返回: 下面这种是错误的
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更加容易控制。并利用双向绑定实现了点击子组件灰色遮罩,隐藏自己
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
uni-app的swiper里面嵌套了列表,swiper的高度必须刚好占用除顶部tab选项卡和筛选条件高度外的屏幕剩余空间,一开始考虑用calc来计算,发现在不同的手机下还是有点问题,因为rpx也是动态
ThinkPHP6的inc和dec方法是老版本setInc和setDec的替代方法,用法和之前基本上一致,下面简单记录下用法: inc方法将数字字段值增加,如: public function update() { $result = M("User")-where('uid = 2
我爱模板网在使用ThinkPHP6做项目时遇到了一个问题,在使用ThinkPHP6的paginate分页方法后,翻页就会丢失自己定义的传参,需要在分页地址上增加参数
thinkPHP 6.0+jQuery实现图片上传到public的upload目录,并且上传两张图片。 一、修改上传路径 找到根目录/config/filesystem.php,修改root的值如下: 'local' = [ // 'root' = app()-getRuntimePath() . 'storage'
dedecms自定义了图片字段,然后添加文章正常的,点击编辑,发现报错了: Fatal error: Call to a member function GetInnerText() on string in dedecms发布的文章无法编辑、无法修改。不显示。问题解决
使用uni-app开发h5应用,而且是在无外网的云桌面,按照下面的方法即可安装使用 vconsole 调试工具。 1、在本地有网的电脑上,安装vconsole npm install vconsole -S 2、安装完得到下面的目录:
isset()判断变量是否已设置 格式:bool isset ( mixed var [, mixed var [, ]] ) 1、若变量不存在则返回 FALSE 2、若变量存在且其值为NULL,也返回 FALSE 3、若变量存在且值不为NULL,则返回 TURE 注意
我爱模板网在使用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 元素粘贴时自
一、什么是函数节流(throttle) 概念:限制一个函数在一定时间内只能执行一次。 举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口
一、什么是函数防抖 概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。 举个栗子,
我爱模板网在用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加载倾斜数据时,自动调整其变换矩阵,使其更加贴近真实地表。 一
非常不错的一款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
1.前言 最近有需要加载一些三维的数据,所以研究了下Cesium,写了一个加载json的小程序,加载json线数据,点击线会加高亮效果,先看看效果图。 2.正文 照例还是先看看代码,在简单说
一、首先介绍几个重要的坐标对象: 1.世界坐标:Cartesian3(笛卡尔空间直角坐标系) new Cesium.Cartesian3(x, y, z) 可以看作,以椭球中心为原点的空间直角坐标系中的一个点的坐标,示意图
相信shadow dom很多前端开发工作者都遇到过(点击查看 HTML5 audio、video原生样式修改,查看shadow dom的方法 ),它是web component的一部分。不过对于shadow dom很多人并不深入了解,只晓得是影
最近使用vue-baidu-map,自定义底图时,老是出现加载失败的情况。一开始以为是网络问题,但是连接了百兆宽带的网线还是不行。然后以为是百度地图本身的问题,去官网提了工单也石沉
我爱模板网要在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、首先
我爱模板网在开发vue项目时,需要用到上拉加载,如果为了这个特地引个组件有点麻烦,根据滚动条判断下滚动距离,就能轻松实现滚动加载更多了。下面是简单的实现方法: 1、css代码
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做表单设计器时,由一个需求:选择表单设置时,里面要能选择此表单关联的数据库表,是个下拉框,能展示接口返回的所有数据表。选择某个组件(如
常规的网站,点击一个链接的时候,先是浏览器显示刷新,跳转页面,再呈现页面信息,过程耗时大约1-2秒。为了提升用户体验,无刷新切换页面很有必要。jQuery pjax就可以实现无刷新页
最近我爱模板网在做一个网站,这个网站不大,也需要seo,就没有用vue了,纯H5原生。但是里面有一块tab切换,需要实现无刷新切换。考虑到tab页内容不少,不适合放在一个页面用显示隐
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.
JS获取DOM节点的宽高和vue获取其实是一样的,不同点是获取元素的方法不同
在vue中,我们要获取一个组件的宽高尺寸、定位距离等信息可以给该组件一个ref,然后使用this.$refs就可以获取组件的信息。如: var width= this.$refs.text.offsetWidth; 详见:vue $ref 获取DOM节点
进行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
我们在发送异步请求遇到问题的时候,都会先打开Chrome的控制台来看一下http请求,有时候会在请求头看到Provisional headers are shown的报错 问题描述: 这个问题字面意思是“显示了临时报文
在用uni-app开发app时,需要通过uni.chooseLocation获取位置的同时,还得知道这个位置所属城市的code。但是,这个接口并不能返回当前所属城市的code,但是却能得到经纬度。所以要调用高德
将下面的代码加入到网站中,就有可能让您的网站的所有文字编程繁体: body{ font-variant-east-asian: traditional;} 当然,也很有可能没有变化。这是因为这个属性生效的前提是,您网站使用的
我爱模板网在使用PHP做个推的推送时,调用个推的鉴权接口的时候发现curl_exec返回值为false,代码如下: 个推鉴权public function doAuth($cid){ $curl = curl_init(); $headers = array( "Content-type: appli
我爱模板网在做一个论坛时,这个论坛的云课堂需要实现在线播放视频,并且要能自适应页面,做到PC、手机播放都没问题。遇到了一些问题,例如layer的尺寸以及video的尺寸等,不过都
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,不匹配的版本可能造成应用异常 具体原因已经说
HBuilder IOS 云打包的自定义基座,无法运行到手机上,提示下面的错误: HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\ProgramData\HBuilder\iOS_debug. 查看了官方文档,原因
我爱模板网在做一个对接工商银行支付的项目时,工行要求回调地址不能有#号。如下: 将: http://api.5imoban.net:9095/#/online-pay/list 改为: http://api.5imoban.net:9095/online-pay/list 这个项目是基于
uni-app原生的标题栏titlebar的按钮是在pages.json中配置的,没法像html、css中用法那样直接使用class或svg,必须使用Unicode格式才可以。下面是详细的步骤: 1、进阿里图标库,搜索想要的图标
我爱模板网在做职工服务网的H5时,使用的时vue的技术栈。其中有一个跳转出现了Loading chunk 12 failed的错误,如下: 在众多跳转中,只有这个出了问题,非常简单,代码如下: 一番百度
今天在使用nginx代理一个新项目时,启动不了,查看error.log,发现报了下面的错误
富文本的图片如果过大,在微信小程序的rich-text显示时,经常显示不下,或显示错乱,这时,需要给图片加上: max-width:100%; height:auto; display:block; 保证图片显示正常。可以用正则表达式
就在今天,给一个项目做二开,需要用到nginx代理,之前开发的同事发通过微信发了一段代理给我: 我直接粘贴到nginx的配置文件,双击运行,dos窗口一闪而过,一看任务管理器,nginx并
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)} 运行后,出现了下面的错误:
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肯定是比较合适的插件,它支持缩放图片、保存图片等常规的图片操作。
今天在进行一个项目的二次开发时,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
我爱模板网在二次开发一个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
自 HBuilderX v1 1 0 起,uni-app 的页面新增 onBackPress(event) 生命周期函数。onBackPress(event)返回event={from:backbutton|nav
缩放立方体网格模型x轴方向放大2倍,如果连续执行两次该语句,相等于比原来方法4倍mesh scale x=2 0; x轴方向放大2倍立方体网格模型整体缩
本文转载自csdn的暮志未晚Webgl博主的内容,并在文末对npm下安装threebsp进行了补充:简介之前我们一直使用Three js默认提供的几何体,今天
序在 Vue 的文档中介绍数据绑定和响应时,特意标注了对于经过 Object freeze() 方法的对象无法进行更新响应。因此,特意去查了 Object
本文转载自 今日头条,感谢博主李景能本系列是Electron框架跨平台应用开发的入门教程:一 第一个Electron应用二 自定义菜单三 自定义应
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来进行控制
天空盒是用于增强场景表现力的一个常用技术,它一般通过在相机周围包裹一个纹理来实现。
我爱模板网在使用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)
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数据库配置文件在什么位置
有时候,我们可能希望自己的网站不被调试,这里推荐一个方法,只要将下面的代码,加入到当前页面中,当别人打开F12,就会进入debug模式,并且,无论怎么按F10都无法跳过
之前,我爱模板网分享了,如何利用js的debugger禁止用户调试网站代码,今天分享一篇,遇到这种情况,如何跳过debugger调试
PHP的header方法可以做很多事情,诸如跳转、延迟跳转、声明页面的content-type、返回response状态、下载操作
Promise all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
开发环境好区分,process env NODE_ENV= development 就是开发环境,否则,就是生产环境。生产环境如果想区分是测试还是正式,就需要使用下面的方法
之前一直用的nginx配置文件,今天拷贝过来,放到云桌面,改了下配置,启动就报这个错:unknown directive
页面进入onload比较好触发,但是关闭时,想弹出提示,就得用beforeunload去监听。但是这个beforeunload用法很严格
基于vue的wangEditor4利用自定义菜单实现上传功能
我爱模板网用vue开发项目时,有个页面有140万条数据,每页显示2000条数据,一开始用element-plus的el-table,表格滚动时卡顿严重,然后用vxe-table的虚拟渲染解决了这个问题。
使用 vs code 运行webpack进行打包时,报错webpack : 无法加载文件 D: nodejs node_global webpack ps1,因为在此系统上禁止运行脚本
Puppeteer 是一个Chrome官方团队提供的node库,它可以通过 Puppeteer 的提供的 API 直接控制 Chrome 或 Chromiun。
我爱模板网用form-create-designer做一个自定义表单时,客户的需求是加上一个部门选择器,可以实现从左侧拉去一个“部门选择器”的组件,就
指定入口文件和输出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` 的方式引入资源
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的下拉箭头
它默认值为空字符串,打包后引入js时,路径为bundle js 在开发中,我们也将其设置为 ,路径就是 bundle js,浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行,会将其设置为 ,路径是 bundle js,可以根据相对路径去查找资源
1 在开发中,会有各种模块依赖,这些模块可能来自于自己编写的代码,也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中,找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径
什么是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。
我爱模板网在云桌面上开发程序,打开chrome,按F12在network里查看请求时,发现是空的,刷新也没有任何请求,甚至连资源请求都没有
Three js的glsl语法,内置的一些函数总结
动态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 可以在打包后的目录产生一个文件,用以分析打包性能
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 事件
之前分享过一篇文章,qiankun js 微前端服务。这里的配置,当主应用的路由是hash时,就无法满足了。
在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。这时候需要把三维坐标转换为基于屏幕上的二维坐标。
js的splice非常强大,可以实现删除、添加、替换数字中的元素。但是它有个致命的问题,如果多次使用,会导致数组的索引混乱,达不到预期效果
css3提供了filter滤镜,这个属性直接作用于当前元素,而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移,相当于透过一个有特殊效果的玻璃看后面的东西,因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明
这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码
跟OpenGL不同,在threejs中实现一个阴影效果很简单,只需要简单的几个设置。在Three js中,物体可以形成阴影投影效果,但是由于渲染阴影需要消耗计算机大量资源,所以Three js在默认情况下是不会渲染阴影的,所以需要我们手工设置开启阴影效果。
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中用于声明的具有响应式的数据的方法。
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
我爱模板网要实现下面的效果,即在textarea输入框的光标位置,插入系统变量
在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离线打包,报错:Caused by: org gradle api internal plugins PluginApplicationException: Faile to app
js通过createRange方法,在输入框中的光标所在位置插入内容,兼容Firefox、Chrome、IE等浏览器,示例代码如下
每一个 Network 包含的所有设备都在同一个网络里。每个网络有一个 Network ID。各客户端通过这个 ID 连接到此网络。当然,一个账号是可以创建多个网络的。网络氛围 Public 和 Private。一般我们自己组网是要用 Private,需要在页面授权设备才可以进行访问。Public 权限好像不太有人会需要吧。
因为大环境的问题和ipv4地址的限制,国内运营商并不会为每条宽带分配一个公网ip,自己申请又有诸多限制,内网穿透的软件我常用的就是natapp,但是免费版限速还有时常更换地址,处于能用但是不怎么好用的位置,可以临时使用。后来我发现了新大陆-ZeroTier。
scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。
Vue、React等框架使用了hash路由(history路由没关系),url中必须有 号,但是又需要使用锚点定位,从而产生冲突,此时就不能使用 锚点,但又要实现锚点功能,可以借助js的scrollIntoView方法
electron build之后,axios请求无法使用解决办法
ref也可以用来定义对象或者数组类型的数据,内部会通过reactive转为代理对象
vue2的$refs可以获取dom节点,但是vue3没有this,所以不能这么使用,可以用下面的方式实现
材质是用于描述多边形、折线、椭球等对象的外观特征,材质可以是几何对象表面的任一一种着色,可以是贴在其表面的一张图片、也可以是一个纹理或图案。cesium中也提供了一些材质,比如颜色、图片,棋盘、虚线,箭头线等。但这些基本是不会满足我们实际开发中的需求,需要自定义材质。使用Fabric和GLSL可以写脚本新建材质,也可以从现在的材质中派生
前端使用Element框架,出现了使用级联选择器只能点击前端小圆框选中的情况,客户不满意,要求能够点击一整行选中。
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 对象,该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享。
封装组件之前我们需要知道 v-mode 的默认值。 组件上使用 v-mode 会默认传给子组件 props 一个 value 属性。 只需要把 props 里面的 value 属性拿绑定在 input 的 :value=“value” 属性上。
Vue生命周期是指vue实例对象从创建之初到销毁的过程。
vue的props传递的变量的type有时候正常情况应该是单一类型
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令,对普通 DOM元素进行底层操作。
destoon去除域名未授权,请购买授权的提示
element UI表单验证错误提示不消失
threejs OrbitControls通过enableDamping开启阻尼效果,让推拽视图有缓冲效果,不至于太生硬。
打开vscode,经常弹出“尝试在目标目录创建文件时发生一个错误”的错误提示框
js利用storage改变事件实现跨页面通信
默认情况下,当前页面修改localStorage,本页面是无法监听的,只有同源的其他页面才可以监听到本页面localStorage的改变。
IntersectionObserver 之前就有所了解,但是一直没有用,当时觉得浏览器兼容性不好,直接用onscroll监听也能实现相关功能,但是随着浏览器支持性越来越好,这个属性到迄今为止,可以用在大部分的正式项目中了,对于提升性能和用户体验,起到一定作用。
用上述的编码和解码,自己前端操作编译和解码中文都是没有问题的,但是由于需要后台,编码后传输到后台,后台返回编码格式再解码的时候就会出现中文乱码。
uniapp+uview-ui做的项目,要用到月份选择器
我爱模板网层分享一篇关于vue3使用ref的文章:vue2 $refs在vue3中的使用方法,但那个是静态的ref,使用方法如下
js事件中的event默认参数,会返回target和currentTarget来获取当前的事件触发对象
js中的 getBoundingClientRect 是用来获取DOM元素到浏览器可视范围的距离(不包含文档卷起的部分),返回页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。该函数返回一个Object对象,该对象有6个属性:top、left、right、bottom、width、height。
它还能查询系统使用的是深色模式还是浅色模式,即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:只处理基本数据类型的响应式,不进行对象的响应式处理,如果有一个对象数据,后续功能不会修改该对象中的属性,而是生成新的对象来替换
有一个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的解决方法
我爱模板网在使用ThinkPHP6 0上传视频时,小视频文件可以正常上传,但是稍微大一点的文件上传就会报下面的错
我爱模板网在使用php开发项目时,在上传文件这块,竟然会报下面的错
vue3 native 修饰符被弃用了
`slot-scope` are deprecated
本文基于ThinkPHP+WangEditor实现了富文本+上传图片+上传视频,前端框架采用的是layuimini-2,步骤非常详细,当然也非常简单,例如没有处理上传失败具体情况的返回等。文末提供了WangEditor的压缩包
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不生效影响全局样式
我爱模板网在用vue3+webpack4做一个安全门户网站时,客户对代码进行了格式化,发现里面的请求接口路径直接能看到,要求对代码进行脱敏加密混淆,没办法,不得不借助强大的javascript-obfuscator插件,它能够通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆,达到无法恢复源码甚至无法阅读的目的。
JS实现的base64加密解密操作,可以用来作为脱敏操作
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 深拷贝主要用于对象、数组等拷贝后,操作拷贝的数据不影响原数据。下面分享两种方法,都可实现
我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main js做了全局引入
1 this和super的区别: this关键词指向函数所在的当前对象 super指向的是当前对象的原型对象
yarn install报Integrity check failed for "extension-widgets "(computed integrity doesn t match our)
我爱模板网利用SortableJS实现了列表的拖拽排序,
electron-log是用于在Electron应用程序中记录日志。可以在https: www npmjs com package electron-log找到该包的地址。安装electron-log:
VMware16安装macOS12详细教程。
如果还没安装,参考:VMware16安装macOS12详细教程。安装后如果出现下面问题,可参考
Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。
Midjourney是一个具有人工智能技术的数字绘画平台,它提供了AI画作生成功能,使用户可以使用AI算法创造出令人惊叹的艺术作品。
chatGpt登录提示:Access denied,You do not have access to chat openai com
nvm安装后全局安装gulp,提示:gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
在html中,script标签可以通过src属性引入一个js文件,引入的js文件可以是本地的,也可以是远程的。
connect 方法返回的也是一个 React 组件,通常称为容器组件。因为它是原始 UI 组件的容器,即在外面包了一层 State。
yarn安装依赖提示下面的错误: error https: registry yarnpkg com : Integrity check failed for " " (computed integrity doesn t match our records, got "sha512- sha1- ")
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,
destoon的模板里DT_PATH、DT_SKIN等常量在哪修改
The left-hand side of an assignment expression may not be an optional property access 报错处理
Chrome书签具有自动同步的功能,但是,经常因为科学上网等原因,不能及时同步,被动等待很痛苦,尤其是在多台电脑上,有时需要另一台电脑的书签,就是迟迟不出现。
angular2 在组件模板中可以循环数组集合等对象,语法非常简单
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订阅发布模式
js的decodeURIComponent以及encodeURIComponent转码太高级了,有时候可能只是为了防止注入,将js变的不可执行等,仅仅只需要转码和解码html的左右尖括号以及 & 符就可以了
js获取video名称、时长、缩略图、宽高等,缩略图的核心是用canvas画出来的base64图片,调用函数需要传入二进制的视频文件,注意这是一个promise函数,需要用then来接收
ckeditor5插件开发之编写可下拉,也可直接点击执行的插件,本文是基于vue3使用ck-editor5,亲测可用这篇文章来实现的。
使用canvas将文字转换成图像数据base64
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,在循环中,尤其好用
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路由动画让页面切换更有艺术感。
$parent指向调用该组件的父组件实例,注意,是直接,如果多层,需要$parent $parent ,通过$parent调用父组件的props、 data或者methods等
之前我爱模板网介绍了 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常用的命令
centos7关闭防火墙
visibilitychange事件是浏览器的新事件方法,主要是用来监听页面是否处于显示状态,现在主流的浏览器都支持此事件,当浏览器进行切换选项卡、最小化、最大化、锁屏等操作的时候会主动触发该事件。
一般只使用代码 ,会有些浏览器会不起作用,所以在使用的时候,要完全兼顾。
js naturalWidth与naturalHeight属性是获得图片原始的尺寸,不会因外部width和height属性设置的改变而改变。
vue3+vite安装和使用scss详细步骤
之前都是用vue-cli脚手架开发的,这次是基于vite4 4脚手架开发的,其实都一样,就是打包配置不一样。
org gradle api tasks StopExecutionException: Your project path contains non-ASCII characters
android studio 在编译的时候会下载 builde gradle 文件下 dependences {} 中 配置的各种依赖包,如果不移动到D盘或者其他盘,那么随之项目依赖的三方包逐渐增多,势必会造成C盘的容量大小会越来越小
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
html5 video标签播放视频不能沾满,边缘有空白
videojs播放hls视频流的方法
详解build gradle文件
微信小程序登录提示:errMsg: "getUserProfile:fail api scope is not declared in the privacy agreement ", errno: 112
字体在设置了font-size后,不同字体,或者相同字体不同文字,如中文、英文小写、大写、空格等,字体宽度都不一样。但是canvas提供了measureText方法,可以测量宽度
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,然后再生成二维码
env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量
在使用qrcode js时,需要在生成的url后面拼接token,这时生成二维码报错
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全
我爱模版网在使用CKEditor5时,从wps中拷贝内容到编辑器中,发现全是空白空格,内容无法展示出来。
关闭vue3运行过程异常出现的errors页面
EXIF(Exchangeable Image File)是“可交换图像文件”的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄
解决uni chooseImage勾选相册原图,使用pathToBase64方法转Base64,提示“targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径”的问题
假设现在有www 5imoban net,已经有这个站点了,现在想在这个站点下再建个独立的站点,域名为tool 5imoban net。假设站点是基于sscms,也就是siteserver创建的。
vue3设置和读取静态ref的方法
inset是top、left、right、bottom的一个简写方式。insert对非静态定位的元素不会生效,也就是只有设置position被设置的时候生效,这就和top之类一样。
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
uniapp微信小程序将base64图片绘制到canvas画布上并点击画布保存图片到相册
微信小程序导出base64格式的excel并自动打开
一般情况下,pc版和手机版的切换,比如在网站底部搞个按钮,手机下显示pc版,pc下显示手机版,这种都不是响应式,而是手机一套模板,pc一套模板。响应式不用这个,它是自适应的。但是,客户不懂啊,非要在手机下能切换到pc看效果
Three js背景透明度
使用三维软件导出 obj模型文件的时候,会同时导出一个材质文件 mtl, obj和 stl文件包含的数据一样都是几何体对象的顶点位置、顶点法向量等顶点相关数据, 材质文件 mtl包含的是RGB颜色值等材质信息。
运行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:
我爱模板网在做一个模型展示的站点时,客户上传的模型太大了,导致显示出了问题
获取路由有四种方法,获取到的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 中字符串对象的一个方法,用于检查一个字符串是否以指定的子字符串结尾。
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)
在选项式写法中,in(this)需要指定它在哪个组件实例内部执行,这是为了确保查询的上下文正确。
在现代前端开发中,TypeScript 由于其强大的类型系统和对 JavaScript 的增强功能,已成为许多团队的首选。特别是在大型项目和组件库的开发中,TypeScript 可以显著提高代码的可维护性、可读性和可靠性。
原始类型文本const value1 = ref<string>(& 39;我是文本& 39;)数值const value2 = ref<number>(100)布尔const value3 = ref<boole
element-plus中实现点击按钮触发el-image进行图片预览
js去除html字符串中的style样式
js如何利用正则去除html字符串中style属性里的width样式
解决curl error 28 while downloading https: repo packagist org packages json: Timeout was reac head
uni-app require引入文件没有被编译到小程序的解决方法
thinkphp 隐藏入口index php的nginx配置
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
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方法销毁当前应用之后并没有在后台任务列表中删除
用淘宝镜像安装依赖时,提示: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)
xshell免密登录使用密钥登录分为3步: 客户机(Xshell客户端)生成密钥(公钥与私钥); 放置公钥(Public Key)到服务器(linux)~ ssh
今天我爱模板网重装了系统,然后安装配置好git后,去拉取之前的代码,发现提示: git repository path "xxx " is not owned by current user
js获取URL中queryString传参和hash传参
xlsx导出Excel,Postman导出正常但是Vue导出Excel文件损坏
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搜索框自带搜索图标
鸿蒙next,harmony next的组件WaterFlow就是瀑布流组件,官方也有相关示例,但是并没有给出自动计算图片高度,下面是通过Image的onComplete计算出图片的宽高,集合WaterFlow组件实现瀑布流效果。
鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)
鸿蒙NEXT arkUI TextInput组件获取焦点的几种场景
ArkTs @builder装饰器函数传参响应问题
工具类,包括创建Preferences首选项、保存和获取对应Key的数据等方法
【ArkTs】Stage模式选取的图片转成base64上传图片
arkts的PixelMap转Base64的方法