首页 > 建站教程 > PHP教程 >
  • 完美解决令人头痛的ie6的png透明问题

    完美解决令人头痛的ie6的png透明问题

    先看这张截图: IE6PNG 这张图是在IE6浏览时显示的样式。 下面这张图是在火狐下显示的样式: 火狐下的png图片 可以看到,IE6下png的透明部分显示成了一种蓝色不透明,把背景遮挡住了。

  • dedecms的RSS订阅怎么做,亲测,绝对可以

    dedecms的RSS订阅怎么做,亲测,绝对可以

    RSS订阅对于网站优化推广非常的重要。我 爱模版 经过仔细调试,总算实现了。 先看图: RSS效果图 一共四步: 一、新建rss.php,拷贝下面代码到里面去,然后放到根目录: ?php require_o

  • DEDECM模板循环滚动图片制作

    DEDECM模板循环滚动图片制作

    DEDECM 模板循环滚动图片制作 ,最近 黑雨 一直在研究dedecms模板制作,在做滚动图片的时候,遇到了一点问题,下面是在网上找到的一些滚动图片代码,做个记录。 方法一: HTML代码如

  • 把DEDECMS默认的编辑器换成kindeditor,kindeditor替换

    把DEDECMS默认的编辑器换成kindeditor,kindeditor替换

    KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 K

  • dedecms制作xml格式的sitemap

    dedecms制作xml格式的sitemap

    先看效果图: 步骤一: 新建sitemap.xml,拷贝下面代码到里面去,把里面的网址都换成你的首页网址: ?xml version="1.0" encoding="UTF-8"?urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"url lochttp:

  • 两种兼容火狐和IE6等主流浏览器的flash插入html代

    两种兼容火狐和IE6等主流浏览器的flash插入html代

    兼容火狐和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浏览器不加载,在火狐等Gecko内核的浏

    CSS样式在IE浏览器不加载,在火狐等Gecko内核的浏

    最近我爱 模版 网在做客户网站时遇到一个问题,CSS路径正确,在火狐等浏览器下页面显示正确,在IE内核的浏览器下,全都不加载样式。如下图: IE内核下页面显示的样式 火狐和谷歌

  • dedecms织梦如何在后台设置标题长度,dedecms标题显示不全解决办法

    dedecms织梦如何在后台设置标题长度,dedecms标题显示不全解决办法

    在用dedecms做网站时,我爱模版网遇到一个问题,标题显示不完整。 在制作模版时,我们可以用函数来控制长度,如:[field:title function="cn_substr(@me,55)"/]。但是,有时标题允许很长时,却

  • 记一下:IE6、IE7、IE8的CSS hack

    记一下:IE6、IE7、IE8的CSS hack

    做美工的都不想管IE系列浏览器,可是,看看咱天朝,IE6至少还有25%的people在使用,IE8就更别说了。你自己的网站可以不兼容IE6和IE8,但是,客户的不行啊。所以,css hack你还是得会点:

  • jquery获取字符串中的数字,JS获取数字

    jquery获取字符串中的数字,JS获取数字

    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

  • 如何用js禁止别人用iframe对你网站的调用

    如何用js禁止别人用iframe对你网站的调用

    今天我爱模版在做一个客户的网站时,需要引用另一个网站的内容。第一个想到的是iframe。当我用iframe引用时,发现,打开之后总是跳转到引用网站上。我想可能该网站禁止别人的引用

  • IE8 overflow:hidden 没效果,IE8溢出隐藏没有效果

    IE8 overflow:hidden 没效果,IE8溢出隐藏没有效果

    今天布局发现个很奇怪的问题,如下: dl class="shop_con" dd class="shop_con_current" 这是第一个dd /dd dd 这是第二个dd /dd/dl 我给dl一个固定高度,超出隐藏。发现,在IE6和谷歌火狐等浏览器超出

  • 兼容IE6的fixed定位

    兼容IE6的fixed定位

    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

  • 我爱模版浅谈网页中插入flash的几种方法,用swfobject插入网页flash

    我爱模版浅谈网页中插入flash的几种方法,用swfobject插入网页flash

    先道明为什么要写这篇文章。目前,网页插入swf的方法五花八门,由于IE只支持对Object,而火狐,谷歌,Safari等只支持对Embed。又由于embed不能通过W3C验证。为了兼容各大主流浏览器,又

  • HTML基础知识:IE条件注释的详解

    HTML基础知识:IE条件注释的详解

    什么是IE条件注释: IE条件注释(Conditional comments)是IE浏览器私有的代码,是一个类似IF判断的语法注释块,IE5之上支持。 例如下面: !--[if IE]您使用的是IE浏览器br /![endif]--!--[if IE 6]您

  • 兼容火狐和IE的自定义鼠标样式css代码

    兼容火狐和IE的自定义鼠标样式css代码

    兼容火狐和IE的自定义鼠标样式css代码。我爱模版网建议,用绝对路径,或者放在根目录。否则IE可能不兼容。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

  • 简单实现兼容IE6的纯div+css瀑布流效果

    简单实现兼容IE6的纯div+css瀑布流效果

    先看效果: 代码很简单: 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实现简单的图片半透明效果教程

    jQuery实现简单的图片半透明效果教程,先看下效果: 首先,引入jquery库: script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"/script 第二步,写jquery代码: script$(function(){/*选择索引为

  • js延迟执行代码setTimeout()使用方法

    js延迟执行代码setTimeout()使用方法

    格式: setTimeout (表达式,延时时间) 延时时间单位为毫秒,1000毫秒=1秒。 案例详解 一,执行一句话: var i=0;setTimeout("i+=5;alert(i)",1000);/*1秒后执行“i+=5;alert(i)” 即i为5,并弹窗显示i的值

  • js打开网址函数windows.new()详解

    js打开网址函数windows.new()详解

    js打开网址函数windows.new()详解: 语法:window.open(pageURL,name,parameters) 参数详解: pageURL即你要打开的网页文件或者网址,如index.html或者http://www.5imoban.net等等。 name即打开方式,如新窗口

  • 《php与mysql web开发》中文PDF电子书免费下载

    《php与mysql web开发》中文PDF电子书免费下载

    《php与mysql web开发》中文PDF电子书免费下载 下载 观看

  • dedecms 侧边栏arclist调用随机文章的实现方法

    dedecms 侧边栏arclist调用随机文章的实现方法

    一般情况下,我们在使用arclist的时候,调用的文章,都是有规律的,比如,按照发表时间调用栏目ID为1的文章列表: {dede:arclist typeid='1' orderby="pubdate" row="8"}lia href="[field:arcurl/]"[field:t

  • 兼容IE6的js+css简单实用经典选项卡特效详细教程

    兼容IE6的js+css简单实用经典选项卡特效详细教程

    先运行下面的代码查看效果: !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出现类似“Unknown column 'siteid' in 'where clause'”的解决办法

    phpcms出现类似“Unknown column 'siteid' in 'where clause'”的解决办法

    今天,我爱模版在给客户用phpcms做网站的时候,添加文章,发现点击保存后出现下面的问题: MySQL Query : SELECT * FROM `v9_jiafang`.`v9_keyword` WHERE `keyword` = '上海' AND `siteid` = '1' LIMIT 1 MySQ

  • jquery为a链接做跳转文字提示

    jquery为a链接做跳转文字提示

    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

  • 兼容IE6+、火狐、360、谷歌等浏览器的CSS图片垂直居中教程

    兼容IE6+、火狐、360、谷歌等浏览器的CSS图片垂直居中教程

    容器内图片水平居中的css解决办法很简单,即文字居中方法“text-align:center”,垂直居中的“vertical-align:middle”不起作用。当使用了下面的方法之后,即可完美解决这种问题。当然,代

  • overflow:hidden在IE6下没有效果的解决办法

    overflow:hidden在IE6下没有效果的解决办法

    今天, 我爱模版 遇到一个兼容性问题,如下图所示,在含有滚动条的div的css代码是这样的“overflow-y:auto; overflow-x:hidden;”,在IE8+和火狐预览正常 在IE6下预览,图片不随着滚动条滚动,

  • phpcms栏目id、phpcms title_style、phpcms strip_tags等视频教程

    phpcms栏目id、phpcms title_style、phpcms strip_tags等视频教程

    phpcms栏目id视频教程、phpcms title_style视频教程、phpcms strip_tags视频教程、phpcms if语句视频教程、phpcms subcat视频教程、phpcms点击次数排行视频教程、phpcms本月排行视频教程、phpcms number_fo

  • phpcms 列表循环、page分页、自定义时间格式、$n当前记录顺序号、当前位置catpos、昨天、当天、本周、本月排

    phpcms 列表循环、page分页、自定义时间格式、$n当前记录顺序号、当前位置catpos、昨天、当天、本周、本月排

    phpcms 列表循环、page分页、自定义时间格式、$n当前记录顺序号、当前位置catpos、昨天、当天、本周、本月排行视频教程 下载地址

  • 简单的jquery倒计时特效教程

    简单的jquery倒计时特效教程

    运行下面代码查看效果: 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跳转,织梦301跳转,php 301跳转

    dedecms的301跳转,织梦301跳转,php 301跳转

    首先声明下,本dedecms的301跳转教程仅适用网站首页为php后缀的dedecms网站,如果首页生成为静态不行。因为浏览时不经过php文件(经测试,没有任何问题,本站用的就是这种方法)。 第

  • 织梦定义和调用自定义变量教程,dedecms自定义变量

    织梦定义和调用自定义变量教程,dedecms自定义变量

    我爱模板在做客户网站的时候,客户需要能够手动更改侧边栏联系方式,如联系人、联系手机、座机电话等。如下图 怎么办呢,自定义变量,对了。dedecms的自定义变量的定义和调用非

  • dedecms V5.7添加新自定义变量出现“Request var not allow!”解决办法

    dedecms V5.7添加新自定义变量出现“Request var not allow!”解决办法

    今天在给客户添加自定义变量时出现“Request var not allow!”,找到include文件夹下的common.inc.php,共发现两处,直接ctrl+f搜索“ if( strlen($svar)0 preg_match('#^(cfg_|GLOBALS|_GET|_POST|_COOKIE)#',$svar) )

  • dedecms文章关键词长度修改

    dedecms文章关键词长度修改

    我们在做网站,为了有利于seo,往往需要设置比较长的长尾关键词。可是,dedecms的默认关键词长度只有60,添加文章时关键词往往显示不全。后台没有提供设置,只能自己改了。 第一步

  • dedecms更改提示框,织梦ShowMsg修改

    dedecms更改提示框,织梦ShowMsg修改

    dedecms自带的提示框不好看,并且能够暴露您的网站程序。如下图: 修改之后的效果: 修改方法:点击下载 dedecms ShowMsg 。解压下载的压缩包,把里面的common.func.php文件覆盖到include目录

  • jquery each循环遍历依次获取input框的值并alert

    jquery each循环遍历依次获取input框的值并alert

    jquery each函数可以方便遍历兄弟节点的所有节点。上面的代码利用each函数一次遍历了三个input框,每次遍历都获取其值并且追加到变量“str”上。substr(0,str.length-1)这句是为了把最后一次

  • marquee文字滚动,鼠标移上去停止滚动,鼠标移开继续滚动

    marquee文字滚动,鼠标移上去停止滚动,鼠标移开继续滚动

    marquee文字滚动,鼠标移上去停止滚动,鼠标移开继续滚动。先运行下面的代码查看效果: marquee onmouseout="this.start();" onmouseover="this.stop();" direction="left" scrolldelay="50" scrollamount="3"我爱模板

  • jquery正则表达式验证邮箱

    jquery正则表达式验证邮箱

    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高级动画animate()函数详解

    jQuery高级动画animate()函数详解

    jquery的动画非常强大,如slideDown()、slideUp()等等。但是最强大的还是animated()动画。下面就详细介绍这个函数。 一、语法:animate(params, speed, callback); 参数说明如下: (1).params:一个包含样式

  • label的for属性详解

    label的for属性详解

    没有for的话,只是一个label,添加了for="ID"的话,点击这个label就会激活对应的控件 运行下面的代码查看效果: form action="" method="post" enctype="multipart/form-data" label for="file"文件名:/label i

  • Flash ActionScript 3.0 trace输出函数

    Flash ActionScript 3.0 trace输出函数

    trace()输出函数是最常用的函数之一。它可以将()中的语句从输出面板中输出出来。例如: trace("Hello World!"); 按下ctrl+enter(flash中的调试快捷键),即可在输出面板看到“Hello World!”

  • 利用@media screen实现网页布局的自适应,@media screen and

    利用@media screen实现网页布局的自适应,@media screen and

    开始研究响应式web设计,CSS3 Media Queries是入门。 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况

  • dedecms后台空白,dedecms错误警告显示

    dedecms后台空白,dedecms错误警告显示

    dedecms如果遇到打开后台等动态页面出现空白,可以打开include/common.inc.php文件(一定要用dreamweaver或者editplus等专业软件,不要用记事本,否则它在保存的时候会加上bom头,那麻烦就更大

  • href="javascript:void(0)"和href="#"的区别以及javascript:void

    href="javascript:void(0)"和href="#"的区别以及javascript:void

    void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。 下面

  • js获取当前url,location.href获取当前的url

    js获取当前url,location.href获取当前的url

    运行下面的代码查看效果: !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打开网址

    location.href打开网址

    *.location.href 用法: top.location.href=”网站网址” 在顶层页面打开url(跳出框架) self.location.href=”网站网址” 仅在本页面打开url地址 parent.location.href=”网站网址” 在父窗口打开Url地址

  • IE浏览器TD设置宽度无效简单解决办法,TD固定宽度

    IE浏览器TD设置宽度无效简单解决办法,TD固定宽度

    虽然表格布局渐渐的落后,被人遗忘。但是他那无可比拟的兼容性级其他一些优点将令其不会再网页布局这块很快退出历史舞台。 模板网今天再给客户做网站时,发现TD设置宽度无效。

  • jQuery中获取页面宽高等尺寸的方法集合

    jQuery中获取页面宽高等尺寸的方法集合

    $(document).width() $('body').width() ? $(document).width() : $('body').width(); $(document).height() $('body').height() ? $(document).height() : $('body').height(); alert($(window).height()); //浏览器时下窗口可视区域高度 alert(

  • dedecms织梦:没有该栏目数据 可能缓存文件(datacacheinc_catalog_base.inc)没有更新

    dedecms织梦:没有该栏目数据 可能缓存文件(datacacheinc_catalog_base.inc)没有更新

    dedecms系统搬家后或在系统还原后,重新更新栏目或文件的时候,有时会出现这样的错误提示:没有该栏目数据可能缓存文件(data/cache/inc_catalog_base.inc)没有更新请检查是否有写入权限 这时

  • IE6、IE7不支持margin:0 auto容器居中解决办法

    IE6、IE7不支持margin:0 auto容器居中解决办法

    今天, 模板网 在给客户解决兼容性时,遇到一个问题:一个div,宽度为980px,没有任何定位,但是给它margin:0 auto;却不居中。百度了下,发现头部写错了。原来的html是这样写的: html

  • jQuery笔记之返回顶部制作思路

    jQuery笔记之返回顶部制作思路

    1.用css的定位fixed来实现按钮不随滚动条滚动而变动位置,自始至终在右下角。 2.完成鼠标附上去按钮变化:addClass和removeClass 3.点击之后滑动到顶部: 动画animate({},1500); 4.判断什么时候

  • jQuery笔记之scrollTop()方法(返回顶部方法)

    jQuery笔记之scrollTop()方法(返回顶部方法)

    定义:设置或返回匹配元素相对滚动条顶部的偏移。 语法:$(selector).scrollTop(offset) 参数:offset 描述:可选,规定相对于滚动条顶部的偏移,以像素计算。 读取:$("选择器").scrollTop()//获

  • jQuery笔记之jq的链式操作

    jQuery笔记之jq的链式操作

    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

  • jQuery笔记之find()方法

    jQuery笔记之find()方法

    find()方法: 作用:在已经选择的选择器结果中做条件查找: 如:$("#div1").find("a").find("h5").css("color","red")//给id为div1的容器里的a容器里的h5变为红色

  • jQuery笔记之随滚动条下移,不断加载新内容方法

    jQuery笔记之随滚动条下移,不断加载新内容方法

    随滚动条下移,不断加载新内容方法: $(window).scroll(function(){ if($(document).height() - $(window).height() - $(document).scrolltop() = 200;){ //当滚动条距离底部200px时,执行下面的代码 $("body").append("div

  • jQuery笔记之form表单精确选中、多选、反选等

    jQuery笔记之form表单精确选中、多选、反选等

    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()的区别

    jQuery笔记之html()和text()的区别

    jQuery笔记之html()和text()的区别: html()方法:相当于js中的innerHTML 设置或读取该节点中的html代码 如 var content = $("a").html(); text()方法:相当于中的innerText 设置或读取该节点中的纯文本

  • IE专有css样式--zoom,IE6 _zoom样式详解

    IE专有css样式--zoom,IE6 _zoom样式详解

    Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等

  • HTML5新的Doctype声明

    HTML5新的Doctype声明

    XHTML 的声明太长了,我相信很少会有前端开发人员能手写出这个 Doctype 声明。 !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" HTML5 的 Doctype 声明很

  • HTML5 <figure>标签

    HTML5 <figure>标签

    看看下面一段简单的代码: img alt="About image" src="path/to/image" /h6 Image of Mars./h6 遗憾的是,这里的h6标签和img标签好像没有什么关系,语义不够明确。HTML5意识到了这一点,于是就采用了f

  • html5去掉了Javascript和CSS标签的type属性

    html5去掉了Javascript和CSS标签的type属性

    通常你会在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属性了,因为这显得有点多余,去

  • HTML5文本框占位符placeholder

    HTML5文本框占位符placeholder

    文本框中的占位符有利于提升用户体验,之前,我们只能依靠JS来实现占位符的效果,在HTML5中新增了占位符属性placeholder。 INPUT type=email name=email placeholder="doug@givethesepeopleair.com" 同样,目

  • html5 header和footer

    html5 header和footer

    下面的代码在HTML5中将不复存在 DIV id=header .../DIVDIV id=footer .../DIV 通常我们都会给header和footer定义一个div,然后再添加一个id,但是在HTML5中可以直接使用header和footer标签,所以可以将上

  • 完美解决IE浏览器对HTML5的支持

    完美解决IE浏览器对HTML5的支持

    IE浏览器目前对HTML5的支持并不好,也是阻碍HTML5的更快普及的一大绊脚石,不过,IE9对HTML5的支持度还是很不错的。 IE把HTML5新增的标签都解析成内联元素,而实际上它们是块级元素,所

  • HTML5表单必填项属性required="required"

    HTML5表单必填项属性required="required"

    前端人员肯定做过不少表单验证的项目,其中很重要的一点就是有些输入框的内容是必须填写的,这里就需要使用Javascript来检查。在HTML5中,新增了一个“必须填写”的属性:required。

  • 纯CSS打造支持IE6的无图片圆角教程

    纯CSS打造支持IE6的无图片圆角教程

    先运行下面的代码查看效果,可以再IE6下测试,绝对兼容: htmlheadtitlecss圆角效果--七度空间网页教学网/titlemeta http-equiv="content-type" content="text/html; charset=gb2312"style type="text/css"div.RoundedC

  • 兼容IE6的标题和时间左右错开的新闻列表css样式教程

    兼容IE6的标题和时间左右错开的新闻列表css样式教程

    先看下效果(兼容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

  • DIV的max-height、min-height、min-width、max-width属性

    DIV的max-height、min-height、min-width、max-width属性

    我们在写CSS样式代码的时候,都会遇到这样的问题就是让图片或者DIV不能超过我们设定的高度,这个时候就需要我们设置一个最大或者最小高度,从而达到一个美观的样式,如果图片出

  • CSS visibility:hidden和display:none的不同

    CSS visibility:hidden和display:none的不同

    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

  • 兼容包含IE6在内的主流浏览器的position:fixed方法

    兼容包含IE6在内的主流浏览器的position:fixed方法

    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()--窗口关闭提醒函数

    js onbeforeunload()--窗口关闭提醒函数

    js onbeforeunload()可以在用户关闭或者刷新本页面的时候,弹出询问框,提醒用户是否真的离开还是误操作(虽然本功能或许会令用户方案,但是有时还是很管用的),本函数支持火狐和IE:

  • css技巧三:浮动ie产生的双倍距离

    css技巧三:浮动ie产生的双倍距离

    当div浮动的时候,有时候会产生双编剧问题。这在IE6非常常见。经常出现,一行多个li浮动,在IE8、火狐等等都能一行显示,但是在IE6却有几个掉到第二行了。这有可能就是双边距,解决

  • css技巧四:IE的最小宽度和最小高度的问题

    css技巧四:IE的最小宽度和最小高度的问题

    由于IE不兼容min-前缀,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话

  • CSS技巧五:用js让IE认识min-前缀

    CSS技巧五:用js让IE认识min-前缀

    页面的最小宽度min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确(当然,min-height也是同样的道理)。但IE不兼容min-前缀,而它实际

  • css技巧六:文字环绕图片IE6出现的3像素间距bug

    css技巧六:文字环绕图片IE6出现的3像素间距bug

    如果我们在做首字下沉或者文字环绕图片,一般会给首字或者图片float:left,文字就会环绕首字或者图片。但是,在IE6下,环绕的文字会和float的首字或者图片产生3px的间距,解决办法是

  • css技巧七:IE捉迷藏的问题

    css技巧七:IE捉迷藏的问题

    当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-hei

  • CSS技巧十二:IE下margin:0 auto没有作用

    CSS技巧十二:IE下margin:0 auto没有作用

    CSS技巧十二:IE下margin:0 auto没有作用

  • CSS 兼容IE和火狐的文字竖排

    CSS 兼容IE和火狐的文字竖排

    “writing-mode:tb-rl;”实现了段落在IE下,从右往左,从上往下的排序,但是,火狐不起作用。而“writing-mode:lr-tb;”的书写模式和正常模式一样,从左往右。 由于不兼容火狐,所以不推荐

  • WordPress主题安装,WordPress模板安装教程

    WordPress主题安装,WordPress模板安装教程

    WordPress主题(WordPress模板)安装共有两种方法,一种是在线提供的模板,一种是自己下载的模板。下面针对两种方法安装的不同进行讲解: 方法一:在线提供的模板的安装 1、选择侧边栏“

  • Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题

    Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题

    在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是u

  • JavaScript indexOf(),javascript获取字符串位置

    JavaScript indexOf(),javascript获取字符串位置

    定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(searchvalue,fromindex) 参数 描述 searchvalue 必需。规定需检索的字符串值。 fromindex 可选

  • JavaScript toUpperCase(),js字母大写转换

    JavaScript toUpperCase(),js字母大写转换

    定义和用法 toUpperCase() 方法用于把字符串转换为大写。 语法 stringObject.toUpperCase() 说明 一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。 运行下面代码查看

  • PHP如何判断手机浏览器User Agent,php判断手机跳转代码

    PHP如何判断手机浏览器User Agent,php判断手机跳转代码

    随着智能手机的普及,大部分网站都有手机浏览的需求,那么如何通过PHP判断当前用户是用手机端访问并且跳转到网站的手机页面呢?其实很简单,通过浏览器访问网站时,浏览器都会

  • phpcms更新栏目出现“Fatal error: Maximum function nesting level of

    phpcms更新栏目出现“Fatal error: Maximum function nesting level of

    phpcms更新栏目出现“Fatal error: Maximum function nesting level of ’100′ reached”错误,后来发现有一个栏目已经删除,但是在数据库中还存在,在v9_category表中把已删除栏目数据删掉就正常了。

  • dreamweaver快捷键大全

    dreamweaver快捷键大全

    文件菜单 新建文档 Ctrl+N 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开 Ctrl+Shift+O 关闭 Ctrl+W 保存 Ctrl+S 另存为 Ctrl+Shift+S 检查链接 Sh

  • 详解window.parent与window.openner的区别

    详解window.parent与window.openner的区别

    1、parent.window与top.window的用法: "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是

  • jQuery对象和DOM对象的区别

    jQuery对象和DOM对象的区别

    1、解释 DOM对象,即是我们用传统的方法(用javascript)获得的对象; jQuery对象,即是用jQuery类库的选择器获得的对象; 写法演示: var domObj =document.getElementById("id"); //DOM对象var obj =$("#id")

  • jQuery对象和dom对象互转

    jQuery对象和dom对象互转

    1、jQuery对象转Dom对象: (1)jQuery对象是一个数组对象,可以通过[index]方法得到相应的DOM对象: var $cr = $("#cr"); //jQuery对象 var cr = $cr[0]; //dom对象 alert(cr.checked); //检测这个checkbox是否被选中

  • jQuery过滤选择器大全

    jQuery过滤选择器大全

    基本过滤器 过滤器名 jQuery 语法 说明 返回 :first $('li:first') 选取第一个元素 单个元素 :last $('li:last') 选取最后一个元素 单个元素 :not(selector) $('li:not(.red)') 选取 class 不是 red 的 li 元素

  • jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

    jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

    一.创建节点 var box = $('div id="box"节点/div'); //创建一个节点$('body').append(box); //将节点插入到body元素内部 二.插入节点 jQuery 提供了好几种个方法来插入节点: 1、内部插入节点方法 描

  • jQuery表单选择器和表单过滤器

    jQuery表单选择器和表单过滤器

    表单选择器 方法名 描述 返回 :input 选取所有input、textarea、select 和 button 元素 集合元素 :text 选择所有单行文本框,即 type=text 集合元素 :password 选择所有密码框,即 type=password 集合元素

  • jQuery事件大全

    jQuery事件大全

    attribute: $("p").addclass(css中定义的样式类型) 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test image" }) 给某个元素添加属性/值 参数是map $("img").attr("src","test.jpg" ) 给某个元素添加属性/值

  • 简单方法替换toggle,实现同样的功能

    简单方法替换toggle,实现同样的功能

    jQuery的toggle很好用,运行下面的代码查看toggle的效果。

  • 利用setInterval制作的简单的js倒计时

    利用setInterval制作的简单的js倒计时

    利用setInterval制作的简单的js倒计时,道理很简单,就是让变量“i”从1开始递增,然后将“i”的值输出到html,在输出前,先清除html的内容,这样保证每次只有一个数字,然后设置个定

  • DedeCMS 5.7SP1 /plus/download.php url重定向漏洞解决方案

    DedeCMS 5.7SP1 /plus/download.php url重定向漏洞解决方案

    漏洞原因: $link = base64_decode(urldecode($link)); link可以构造成任意地址,下面直接跳转了 header("location:$link"); 影响所有用到dedecms系统的网站。 漏洞证明: http://你网站的网址 /plus/download.

  • jquery获取窗口尺寸和文档尺寸

    jquery获取窗口尺寸和文档尺寸

    本效果可以实现jquery获取窗口尺寸和文档尺寸,并且让div随着窗口高度变化而变化

  • html5+css3中的background: -moz-linear-gradient 用法

    html5+css3中的background: -moz-linear-gradient 用法

    在CSS中background: -moz-linear-gradient 让网站背景渐变的属性,目前火狐3.6以上版本和google浏览器支持这个属性。

  • jQuery的22个使用技巧合集

    jQuery的22个使用技巧合集

    1、去除页面的右键菜单 $(document).bind("contextmenu",function(e){ return false;}); 2、搜索输入框当鼠标获得焦点,默认文字消失,失去焦点,如果为空,文字出现: $("input.text1").val("请输入内容.

  • jQuery的选择器中的通配符

    jQuery的选择器中的通配符

    1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选

  • HTML中Id和Name的区别

    HTML中Id和Name的区别

    在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。 name是用来提交数据的,提供给表单用,可以重复; id则针对文档操作时候用,不能重复。如:do

  • 切换图片的MM_swapImage、MM_swapImgRestore函数

    切换图片的MM_swapImage、MM_swapImgRestore函数

    当鼠标移动到网页按钮上,按钮图片会切换;或者当鼠标移动到banner上,banner图片会变成另一张。这可以用background来实现,也可以自定义js函数来实现。网上常用MM_swapImage、MM_swapImgRes

  • Ecshop模板安装教程

    Ecshop模板安装教程

    第一步:下载你需要的风格模板,解压后,将风格模板上传到网店的根目录下的themes文件夹呢,如图 所示: 第二步:将图1 中joyo风格目录通过ftp上传到网店的根目录下的themes文件夹, 如

  • background-attachment 网页背景固定

    background-attachment 网页背景固定

    background-attachment 网页背景固定,div+css背景固定

  • jquery获取随机数并输出

    jquery获取随机数并输出

    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

  • dedecms导航判断当前选中样式

    dedecms导航判断当前选中样式

    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属性 规定背景图的尺寸

    css3 background-size属性 规定背景图的尺寸

    CSS3 background-size 属性详解: 该属性规定了背景图像的尺寸: div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;} 定义和用法 background-size 属性规定背景图像的尺寸。 默认

  • php判断字符串长度 isset()速度比strlen()更快

    php判断字符串长度 isset()速度比strlen()更快

    PHP strlen() 函数 定义和用法 strlen() 函数返回字符串的长度。 语法: strlen(string) 参数:string 描述:必需。规定要检查的字符串。 实例 ?phpecho strlen("Hello world!");? 输出: 12 PHP isset() 函数

  • alert,confirm,prompt JS常用提示框

    alert,confirm,prompt JS常用提示框

    本文简要介绍js的三种弹出框:alert、confirm、prompt。 1、alert 弹出框: alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是HTML 格式。该消息框提供了一个“确定”按钮

  • php判断是否为数字的两种方法:is_numeric()和正则表达式

    php判断是否为数字的两种方法:is_numeric()和正则表达式

    一、用is_numeric() 这个函数就是检测参数是否为数字,如果是就返回true,如果不是就返回false: ?php is_numeric( 'abcd123' ) or die('提供的参数不是数字');? 二、使用正则表达式匹配,匹配成功就

  • CSS3:nth-of-type(n)

    CSS3:nth-of-type(n)

    定义和用法: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 浏览器支持: 实例1: li:nth-of-type(2){background:#ff0000;}/*规定属于

  • emlog主题模板制作教程:标签分析

    emlog主题模板制作教程:标签分析

    header.php头部 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}require_once View::getView('module');? 每个php文件的头部,防止非法访问 ?phpif(!defined('EMLOG_ROOT')) {exit('error!');}? 以下为通用标签 ?php echo $blogtitl

  • 使用meta让IE默认使用最高内核,content="IE=EmulateIE7"

    使用meta让IE默认使用最高内核,content="IE=EmulateIE7"

    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而conte

  • 强制360使用Webkit内核 meta name='renderer' content='webkit'

    强制360使用Webkit内核 meta name='renderer' content='webkit'

    强制360使用Webkit内核 meta name='renderer' content='webkit'

  • clearfix css清除浮动代码

    clearfix css清除浮动代码

    一、.clearfix常用代码: .clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1;}div class="clearfix" div class="floated"/div/div 上面的代码就是.clearfix的定义和应用,简单的说下.

  • CSS之使用clearfix清除浮动

    CSS之使用clearfix清除浮动

    bootstrap中关于清楚浮动的方法

  • HTML DOCTYPE 标签

    HTML DOCTYPE 标签

    定义和用法 !DOCTYPE 声明必须是 HTML 文档的第一行,位于 html 标签之前。 !DOCTYPE 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,!D

  • CSS伪类选择器 :after 和 :before

    CSS伪类选择器 :after 和 :before

    定义和用法 :before 选择器在被选元素的内容前面插入内容。 :after 选择器在被选元素的内容后面插入内容。 注:请使用 content 属性来指定要插入的内容。 浏览器支持 所有主流浏览器都

  • jQuery $.ajax()方法详解

    jQuery $.ajax()方法详解

    jquery ajax表单验证。jquery ajax详解

  • script标签type和language的区别

    script标签type和language的区别

    被人问起一个问题: script language=JavaScript和script type=text/javascript这三个标签的使用有什么区别?

  • javascript,jQuery

    javascript,jQuery

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在

  • Adobe Dreamweaver

    Adobe Dreamweaver

    Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化

  • ADOBE PHOTOSHOP

    ADOBE PHOTOSHOP

    Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很

  • Adobe Firework

    Adobe Firework

    Adobe Fireworks CS6 是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。更重要的是Fireworks可以轻松地实现大图切割,让网页

  • Adobe Flash

    Adobe Flash

    Adobe Flash(原称Macromedia Flash,简称Flash;前身FutureSplash),是美国Macromedia公司(现在已被Adobe公司收购)所设计的一种二维动画软件。通常包括Adobe Flash,用于设计和编辑Flash文档,以及

  • SEO

    SEO

    关于SEO-Answer,严谨的定义如下:SEO-Answer是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键词的自然排名,获得更多流量,吸

  • 织梦内容管理系统(DedeCms)

    织梦内容管理系统(DedeCms)

    织梦内容管理系统(DedeCms) 以简单、实用、开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历了二年多的发展,目前的版本无论在功能,还是在

  • KesionCMS

    KesionCMS

    KesionCMS是由漳州科兴信息技术有限公司开发的国内ASP管理系统。KesionCMS系统功能完善,覆盖面广、扩展性强、负载能力好、模板调用非常灵活、管理方便,因此不仅适合于建设一般企业

  • WordPress

    WordPress

    WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。WordPress是一个免费的

  • ECShop

    ECShop

    ECShop是一款B2C独立网店系统,适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。最新版本为2.7.3。 ECShop是上海商派网络科技有限公

  • emlog

    emlog

    emlog 是 "Every Memory Log" 的简称,意即:点滴记忆。它是一款基于PHP语言和MySQL数据库的开源、免费、功能强大的个人或多人联合撰写的博客系统(blog)。致力于提供快速、稳定,且在使用上

  • 十天学会ASP之第三天--ACCESS数据库

    十天学会ASP之第三天--ACCESS数据库

    首先了解下什么事ACCESS数据库: Microsoft Office Access是由微软发布的关系数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点,是 Microsoft Office 的系统程序之一。

  • 十天学会ASP之第九天--session,response

    十天学会ASP之第九天--session,response

    学习目的:基本的session组件,总结response,request组件。 首先,有会员系统的任何程序都会用到检测是不是用户已经登陆这个步骤。这就用到了SESSION组件,下面我们 看一个代码来说明。

  • input line-height不起作用,input框光标不居中,select框给了高度,但不居中

    input line-height不起作用,input框光标不居中,select框给了高度,但不居中

    input,select不适合line-height;input框光标不居中;input框光标在谷歌浏览器不居中朝上;select框给了高度,但不居中;

  • 使用HTML5开发WebApp性能注意点

    使用HTML5开发WebApp性能注意点

    PhoneGap HTML5 应用简介 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的

  • phpcms v9上传图片undefined解决办法

    phpcms v9上传图片undefined解决办法

    phpcms v9.42最新版本在上传图片的时候经常出现图片上传失败,提示错误信息“undefined”,故障现场如下图: phpcms报错图 作为客户来讲,遇到问题,第一反应是我们的香港虚拟主机空间对

  • getElementsByClassName和querySelector区别

    getElementsByClassName和querySelector区别

    getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持。 对于现代浏览器开发,还可以使用querySelector()和querySelectorAll()。他们的功能更加强大。 解释:getElementsByClassName()是HTML5的DOM API。

  • Linux虚拟主机设置404页面,.htaccess设置404页面

    Linux虚拟主机设置404页面,.htaccess设置404页面

    linux设置404页面,.htaccess设置404页面 当页面丢失,无法访问时,会显示很不友好的提示,也没有返回上一页和其他页面的跳转提示,更不利于优化。一个好的404页面对于SEO很重要。下面,

  • js document.all详解

    js document.all详解

    document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,

  • js获取select中option的个数

    js获取select中option的个数

    js获取select中option的个数目

  • 虚拟主机利用.htaccess绑定子目录

    虚拟主机利用.htaccess绑定子目录

    htaccess 如果虚拟主机有绑定子目录功能,可以不用看。 相信很多人都遇到过,PHP虚拟主机、无绑定子目录功能,但是在网站根目录弄了个例如bbs的文件夹用来存放论坛,然后希望通过例

  • 将phpcms默认ckeditor编辑器换成KindEditor

    将phpcms默认ckeditor编辑器换成KindEditor

    将phpcms默认ckeditor编辑器换成KindEditor

  • 更改kindeditor自带代码高亮插件为ueditor的代码高亮插件

    更改kindeditor自带代码高亮插件为ueditor的代码高亮插件

    更改kindeditor自带代码高亮插件为ueditor的代码高亮插件

  • 为phpcms的kindeditor添加运行代码插件

    为phpcms的kindeditor添加运行代码插件

    插入运行代码效果 第一步:在/statics/js/kindeditor/lang/ 里面找到zh_CN.js 文件,在 filemanager : '文件空间', 后面加入 runCode : '代码运行', 这是定义按钮的中文名字。 第二步:在/statics/js/kind

  • 简单的jquery全选和反选教程

    简单的jquery全选和反选教程

    我爱模板网在这里分析一个简单的jQuery表单全选、反选教程,先看下效果图: 全选反选效果图 至于html就不分析了,仅仅分析下jquery代码: $("button:first").click(function(){//这里是全选,先选

  • 谷歌不支持字体小于12px解决办法:-webkit-text-size-adjust:none;

    谷歌不支持字体小于12px解决办法:-webkit-text-size-adjust:none;

    作为web开发者的我们可能清楚,在中文版的chrome里,定义了小于12px的字体依然显示为12px,可能是chrome的纠正,避免中文看不清楚,同时限制了开发者的灵活性。今天和神飞讨论了下他

  • 替换Discuz默认的视频播放器为CuPlayer

    替换Discuz默认的视频播放器为CuPlayer

    Discuz默认的播放器是windows media player,界面不美观不说,也不能全屏观看,支持的格式不多,而且,兼容性也不好,如下图: windows media player 将Discuz的默认播放器替换成CuPlayer是个不错的

  • 手机端的HTML meta标签详解

    手机端的HTML meta标签详解

    meta标签用的最多的,我想大概是关键词和描述,以及字符集的定义,meta指元素可提供有关页面的元信息(meta-information)。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与

  • disucz QQ登录出现“(1054) Unknown column 'conuintoken' in 'field

    disucz QQ登录出现“(1054) Unknown column 'conuintoken' in 'field

    今天用QQ登录discuz X3论坛的时候,发现出现了下面的提示: 百度了下,按照下面的方法,完美解决问题: 1、在discuz安装目录找到“config/config_global.php”文件,查找下面代码,把0改为1。

  • CSS filter滤镜详解

    CSS filter滤镜详解

    滤镜说明: Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 FlipH:创建水平镜像图片 FlipV:创建垂直镜像图片 glow:

  • 如何增加WampServer的虚拟主机(vhost)

    如何增加WampServer的虚拟主机(vhost)

    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

  • dedecms自定义上传附件字段地址获取

    dedecms自定义上传附件字段地址获取

    今天,我爱模板网在给一个客户做网站时,有个附件下载功能,于是想到了自定义附件字段,我如调用其他字段一样,调用自定义上传附件字段,可是调出来却是如下地址: table width=

  • 外网访问wampserver搭建的服务器

    外网访问wampserver搭建的服务器

    第一步:点击wampserver,选择Apache下面的httpd.conf: 第二步:打开httpd.conf(建议用记事本或者其他文本编辑器打开),ctrl+F搜索“ Allow from 127.0.0.1”,将前面加个“#”注释掉。 第三步:搜索

  • IE条件注释详解

    IE条件注释详解

    IE条件注释(Conditional comments)是IE浏览器私有的代码,是一个类似IF判断的语法注释块,IE5之上支持。 代码看起来是这样的: !--[if IE 6]你正在使用IE6![endif]-- 他的语法是一个普通的HTM

  • dedetag engine create file false

    dedetag engine create file false

    第一种情况:列表、频道、文章等命名规则未填写或填写错误 此种情况较为少见,因为初级用户一般不会去修改这些东西,情况可以大致分为:命名规则未填写(即为空)解决方法:只

  • dedecms删除系统变量和自定义变量

    dedecms删除系统变量和自定义变量

    我爱模板网在操作dedecms时,客户要求删除不需要的系统变量,由于官方担心误删后台固定变量,所以没有设计删除系统变量和自定义变量的功能,我们可以通过后台的执行SQL功能或者进

  • 浮动后文字在IE7掉下去了

    浮动后文字在IE7掉下去了

    今天,我爱模板网在给客户做网站时,又遇到了以前遇到的问题,就是在IE7下,li里面是a链接,li浮动后,末尾的li里面的文字掉下来,不够长,本应该li自动下来的,但是最后一个没有

  • dedecms ckeditor附件上传按钮不见了

    dedecms ckeditor附件上传按钮不见了

    昨天,我爱模板网给一个台湾客户做网站,用dedecms做后台,需要在编辑器上传附件,找来找去,没有找到附件上传按钮,却发现在媒体上传按钮和全屏编辑按钮中间空出来好大一块,点

  • 关闭dedecms后台多于功能

    关闭dedecms后台多于功能

    我爱模板网在给一个台湾客户做网站时,客户需要用dedecms做后台,可是,很多功能,比如会员功能不需要,就要求从后台关闭这个功能。那么,怎么关闭呢? 默认没有关闭的样式如下图

  • html5 localStorage,html5本地存储

    html5 localStorage,html5本地存储

    HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端保存用户一些数据,我们首选使用cookie,但是cookie最多只能存储4kb,而HTML5的本地存储localS

  • jQuery九大选择器

    jQuery九大选择器

    jQuery选择器是jQuery的精髓,学会了jQuery选择器,你的jQuery之路也就成功了一半。我爱模板网在这里,为大家详细讲解下jQuery的九大选择器: 首先,先大体上介绍下,哪九大选择器: 1、

  • jQuery封装插件时$.fn什么用,jQuery $.fn用法

    jQuery封装插件时$.fn什么用,jQuery $.fn用法

    $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。

  • jQuery对象插件封装步骤

    jQuery对象插件封装步骤

    jQuery是js的一个非常优秀的库,它大大简化了js的很多操作,并且解决了js的大部分兼容性问题。甚至很多css兼容性问题,用jQuery写都能解决。jQuery的口号就是write less,do more。今天,我爱

  • IE6最小高度不能低于12px的解决办法

    IE6最小高度不能低于12px的解决办法

    IE6浏览器虽然现在很少用了。但是也不能排除它,毕竟有些客户还是有这个要求的。就像我爱模板网今天在给一个客户做网站,需要设置一个div容器的高度和宽度都是5px,发现在IE6,宽

  • 织梦dedecms每日每周每月排行榜标签代码

    织梦dedecms每日每周每月排行榜标签代码

    {dede:arclist row='10' titlelen='34' orderby='click' subday='2'} [field:title/]{/dede:arclist} 这是我爱模板网调用日排行的文章,subday表示在多少天以内的文档,subday='2'就表示2天内发表的文档,其实可能应

  • Discuz与ucenter通信失败解决办法

    Discuz与ucenter通信失败解决办法

    今天,我爱模板网做了一个安徽论坛www.anhuibbs.cc,发现用户无法更换头像,提示“access denied for agent changed”,进入ucenter,发现通信失败,如下: discuz和ucenter通信失败 按照网上的方法,

  • tr加css border边框无效解决办法border-collapse

    tr加css border边框无效解决办法border-collapse

    今天我爱模板网在布局时遇到一个问题,就是用表格布局一个如下的效果: 这个,给tr比较好,table的话,只有外面有边框,而用td,就非常麻烦。可是,我写了如下的代码,给tr加了边

  • html iframe框架详解

    html iframe框架详解

    1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示:您可以

  • html内嵌标签(内联标签,inline标签,行内标签)的margin和padding总结

    html内嵌标签(内联标签,inline标签,行内标签)的margin和padding总结

    我们都知道,整行标签(块状标签,block标签)的margin和padding,但是内嵌标签(内联标签,inline标签,行内标签)有的支持,有的不支持,有的支持部分。我爱模板网闲来无事,测试了大部分

  • phpquery强大的php采集类介绍和使用

    phpquery强大的php采集类介绍和使用

    phpQuery 通用列表采集类,是一个简单、 灵活、强大的采集工具,采集任何复杂的页面的内容。下面让 合肥网页设计培训 老师给大家介绍下这个类的使用方法: 1.为什么要介绍phpquery,因

  • php关于textarea中换行问题

    php关于textarea中换行问题

    合肥多元速网页培训教你怎么在textarea中存储数据,然后前台在分解成数组; 这个需要用到的是textarea中的回车换行符号:\r\n 例子: 我们要实现下面的: 输出数组: php代码写法: $d

  • Discuz! Unknown column 'conuintoken' in 'field list'的解决办法

    Discuz! Unknown column 'conuintoken' in 'field list'的解决办法

    今天在给 安徽论坛 做QQ登录,发现登录出错,提示:Unknown column 'conuintoken' in 'field list',就是没有“conuintoken”这个字段: 解决方法三种: 方法一: 后台------》站长----》 数据库------

  • DEDECms长内容分页,织梦内容分页{dede:pagebreak/}

    DEDECms长内容分页,织梦内容分页{dede:pagebreak/}

    如果需要发布的内容过多,可能会全部显示在一个页面,这样一来,会无形中拉伸整个页面,从而影响到美观。当然,最重要的是客户需要滚动鼠标才能不断的浏览,影响用户体验。而从seo的角

  • QQ互联登录出现redirect uri is illegal(100010)的临时解决办法

    QQ互联登录出现redirect uri is illegal(100010)的临时解决办法

    QQ互联最近几天出现的问题,如果同步站点信息时使用站点URL:bbs.xxx.com,那么在其他域名如:www.xxx.com登录,也就是同一主域名下的其它二级域名登录,那么就会出现:redirect uri is ill

  • jQuery定义的函数用js调用,jquery函数用onclick调用方法

    jQuery定义的函数用js调用,jquery函数用onclick调用方法

    有时候我们可能希望做出js和html的混写,如果js不行,就可能是jquery和html的混写。效果图如下,点击删除按钮,删除本行,或者点击“+”按钮,添加一行,我们一般会写一个addTr函数或

  • 采集是否有利于网站SEO

    采集是否有利于网站SEO

    众所周知,网站的内容是一个网站的灵魂,尤其是原创 高质量的文章更能够很好的获得搜索引擎的认可,才能够使我们网站获得大量的收录,但是有些站长苦于写不出那么多的原创文章出来

  • dedecms V5.7无法自动下载远程图片和资源到本地

    dedecms V5.7无法自动下载远程图片和资源到本地

    在dedecms v5.7中无法自动下载远程图片与资源到本地,竟然遇上了这样的问题,呃,这里分享下解决方法,有遇到类似问题的朋友参考下。 由windows迁移过来的网站程序,使用织梦程序发布

  • dedecms采集文章方法

    dedecms采集文章方法

    1、打开后台-采集-采集节点管理,点击增加新节点: 选择模型 新增节点-配置网址索引 填写要采集的网站的列表相关规则, 查看采集站点的编码和网站源码 我们右键单击,点击查看源

  • 接地气!国内知名UED团队的设计流程是怎样的?

    接地气!国内知名UED团队的设计流程是怎样的?

    优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。与优设哥、獠麝鸡、你丫才美工一起听讲座,聊设计。联盟始终坚持开放、分享、成长的宗旨,为会员提供交流互

  • jquery获取div的宽高,包含内外边距和边框,jquery获取容器尺寸

    jquery获取div的宽高,包含内外边距和边框,jquery获取容器尺寸

    我们在做图片滚动时,如果考虑的长远点,可能会写成插件,那么就必须获取容器的宽度,例如li的宽度,这个宽度,考虑的全面点,除了设置的width之外,还应该包含margin、padding、bo

  • js调试工具Console命令详解

    js调试工具Console命令详解

    这篇文章主要介绍了js调试工具Console命令详解,需要的朋友可以参考下 一、显示信息的命令 !DOCTYPE htmlhtmlheadtitle常用console命令 - 我爱模板网 www.5imoban.net/titlemeta http-equiv="Content-Type" conte

  • Vue.js实现tab切换效果

    Vue.js实现tab切换效果

    Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API,能够让开发者在开发web应用的时候更加简易便捷。实际上,一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习

  • 百度索引量、收录量和site区别

    百度索引量、收录量和site区别

    查询网站的收录值一直是站长所存眷的,网站收录数量虽然不克不及代表一个网站的吵嘴,但我们都知道一个网站如果收录的越多,对关头词参与排名的概率将会是越年夜的,特别是长

  • first-child和first-of-type的区别

    first-child和first-of-type的区别

    :first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。示例代码如下: divp第一个子元素/ph1第二个子元素/h1h1第三个子元素/h1span第四个子元素/spans

  • JS children和childNodes详解

    JS children和childNodes详解

    1、 childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,

  • 火狐40.0.2不兼容::selection解决办法

    火狐40.0.2不兼容::selection解决办法

    今天,我爱模板网谢了下面一段代码: !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 Easing—jquery动画效果插件

    jQuery Easing—jquery动画效果插件

    jQuery的自带动画效果animate非常强大,可以做出各种动画效果。唯一缺陷是动画效果过度比较单一。这里,我爱模板网极力推荐一个插件,配合jQuery的animate,做出来意想不到的效果,例如

  • jQuery动画依次执行的三种常用方法讲解

    jQuery动画依次执行的三种常用方法讲解

    动画依次执行的常用方法有但不仅限于下面三种: 1、.delay().animate(); 2、回调函数 3、setTimeout 我爱模板网在这里简单的一一举例,有不当之处还希望各位大神指教: 首先,我们先写四个

  • jQuery wrap()方法详解,wrap、wrapAll、wrapInner区别

    jQuery wrap()方法详解,wrap、wrapAll、wrapInner区别

    jQuery wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。 语法格式: $(selector).wrap(wrapper) 运行下面的代码查看效果: htmlheadtitlejquery wrap()演示 我爱模板网 www.5imoban.net/titlescri

  • 网站更换模板应注意对SEO的影响

    网站更换模板应注意对SEO的影响

    一:注意Title的变化。 Title是最重要的部分,搜索引擎的蜘蛛首先会抓取这里,所以在更换模板时首先看此部分是否和原模板相同,如果别人制作的模板Title与你模板Title不同,由于模板

  • HTML5 clearRect()清除圆形区域

    HTML5 clearRect()清除圆形区域

    我爱模板网在这里分享一个用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

  • dedecms tag 标签调用方法

    dedecms tag 标签调用方法

    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目录正确迁移及引起的问题解决方法

    dede织梦data目录正确迁移及引起的问题解决方法

    关于将dede织梦data目录迁移出web目录织梦官方提供了一个教程,但是如果你是按照他们提供的教程做的话会出现很多问题。比如验证码问题,图片显示问题等等一大堆。织梦官方这种是

  • dede错误:没有该栏目数据 可能缓存文件(data/cache/inc_catalog_base.inc)没有更新 请

    dede错误:没有该栏目数据 可能缓存文件(data/cache/inc_catalog_base.inc)没有更新 请

    系统搬家后或在系统还原后,重新更新栏目或文件的时候,有时会出现这样的错误提示:没有该栏目数据 可能缓存文件(data/cache/inc_catalog_base.inc)没有更新 请检查是否有写入权限 这时大

  • 网站留言是否具有SEO价值

    网站留言是否具有SEO价值

    Google的John Mueller说: 有时短的内容也能够引起很长串的讨论,有些读者也会希望找到留言讨论的内容。言下之意是博客的留言也可以成为搜索引擎抓取的内容之一,所以有一定SEO价值。

  • a标签的"rel=nofollow"属性

    a标签的"rel=nofollow"属性

    nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值,告诉机器(爬虫)无需追踪目标页,为了对抗blogspam(博客垃圾留言信息),Google推荐使用nofollow,告诉搜索引擎爬虫无需

  • Keywords标签对SEO的作用,Keywords seo

    Keywords标签对SEO的作用,Keywords seo

    在早些时候,keywords对于SEO的作用,毋庸置疑,非常重要。但是,近期看到很多权重高的网站,都没有keywords标签: 这是为什么呢?原来,由于keywords对于网站的SEO早年很重要,很多站长

  • 网站title,meta,description长度和如何设置对于seo有利

    网站title,meta,description长度和如何设置对于seo有利

    如何把握html网页中的meta标签 对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。因为meta标签是内嵌在你网页中的特殊html标

  • jQuery on()方法

    jQuery on()方法

    jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clic

  • phpcms中的ckeditor编辑器增加行高设置功能

    phpcms中的ckeditor编辑器增加行高设置功能

    前言: 大家在使用phpcms发布文章的时候是不是有种想砸电脑的冲动呢,phpcms自带的ckeditor编辑器竟然连行高都不能设置,说实在phpcms这一点做的确实不好,难道就没有解决的办法了吗?

  • jQuery cookie.js使用方法

    jQuery cookie.js使用方法

    介绍: 合肥网站建设 为您介绍什么是cookie并且教你如何使用?cookie(数据大小为 4 KB):存储在客户端上的文件(设置有效期) Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户

  • 站长需要知道的seo知识

    站长需要知道的seo知识

    说到seo大家都知道seo的一些基础知识,但是不能深入去了解,作为一个普通的开发人员或者站长你需呀知道哪些seo知识才能让你对seo有进一步的了解呢? seo知识 1.首先您必须要了解搜索

  • jQuery load事件和ready事件的区别

    jQuery load事件和ready事件的区别

    在jQuery中,有两个事件,表示页面加载完执行里面的代码: $(document).ready(fn) 和 $(window).load(fn) 。两者的区别是: $(document).ready(fn)发生在"网页本身的HTML"载入后就触发; $(window).load(fn)则

  • js创建、读取、删除cookie的函数

    js创建、读取、删除cookie的函数

    js设置cookie非常简单,但是读取cookie的时候,非常的麻烦,因为它一次性获取所有的cookie,而且,将值和名称都获取了,比如,获取“name”对应的cookie值,使用document.cookie,会得到类似

  • JS中typeof与instanceof的区别

    JS中typeof与instanceof的区别

    JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。

  • 网页宽度自适应手机屏幕:meta name=viewport

    网页宽度自适应手机屏幕:meta name=viewport

    在做手机站时,遇到了下面的一段代码: meta name="viewport" content="width=device-width, initial-scale=1.0" ViewPort meta标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放

  • 响应式布局:@media screen

    响应式布局:@media screen

    现在的网页浏览媒介太多,不同的平台有不同的尺寸,如PC端、手机端、iPad等等,尺寸相差太多,不使用响应式布局,就没法兼容这些浏览器。这里,我爱模板网简单讲解下@media screen

  • JavaScript和jQuery获取浏览器宽高方法全集

    JavaScript和jQuery获取浏览器宽高方法全集

    下面是我爱模板网总结的,javascript 和 jQuery 获取浏览器各种宽度和高度的方法大全: JavaScript: alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域

  • jQuery remove()和detach()区别

    jQuery remove()和detach()区别

    remove()和detach()共同点: 二者都是讲容器删除,返回的都是指向被删除的节点的引用,所以,删除后,可以在以后继续使用。 二者的区别是,当被删除容器事先被绑定事件,使用remove(

  • 如何在win7操作系统下新建.htaccess

    如何在win7操作系统下新建.htaccess

    .htaccess是域名重定向文件,虚拟主机还可以利用.htaccess绑定子目录,其实就是重定向。方法详见: 虚拟主机利用.htaccess绑定子目录 。 但是,在windows平台下,文件重命名是不能只有扩展

  • a链接点击后显示虚线框,去除a链接点击虚线框问题a:focus{outline:none;}

    a链接点击后显示虚线框,去除a链接点击虚线框问题a:focus{outline:none;}

    今天,一个摩天轮的客户发来一个修改需求,说是上面的a链接点击后留下了虚线框,太难看了,去掉: 点击之前 点击之后 这是因为,点击后,a链接获得了焦点,浏览器为了让用户明

  • dedecms织梦修改文章,调用的时间变成了修改的时间

    dedecms织梦修改文章,调用的时间变成了修改的时间

    DEDEMCS织梦内容管理系统,在修改文章之后,文章的发布时间,会被自动更新为当前修改的时间,前台调用的按发布时间排序的文章,顺序会被打乱,之前的文章可能会重新排到前面,这

  • border-radius移动端不兼容大全,图片border-radius在手机端的问题

    border-radius移动端不兼容大全,图片border-radius在手机端的问题

    border-radius未出来之前,类似织梦官网那样,处处圆角却不得不切成图片的布局真是让人头疼不已,如今,一句border-radius就能解决过去可能很多行才能解决的问题。真是牛叉。但是,在

  • preventDefault阻止按下Enter键提交表单

    preventDefault阻止按下Enter键提交表单

    不知道各位网友有没有这种体验,有时候在填写表单的时候,不小心按到了键盘上的Enter,就把表单提交了,表单还没填写完成呢!今天,我爱模板网就遇到了这个问题。于是,随便写

  • word-wrap,word-break,white-space,text-overflow的区别和用法

    word-wrap,word-break,white-space,text-overflow的区别和用法

    在div中,文本布局经常出现,换行混乱的情况。 问题表现: 1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度

  • 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

    让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

    bootstrap3在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,解决方法总结如下: 首先需要确保你的HTML页面开始部分

  • IE8+兼容经验小结

    IE8+兼容经验小结

    本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容

  • CSS重置样式表reset.css

    CSS重置样式表reset.css

    平时经验积累,不断补充,重置HTML标签自带的样式,CSS RESET

  • Tencent://Message/协议的实现原理

    Tencent://Message/协议的实现原理

    腾讯官方通过 Tencent://Message/协议可以让QQ用户显示QQ/TM的在线状态发布在互联网上;并且点击 ,不用加好友也可以聊天: 具体代码: a href="tencent://message/?uin=215555521Site=JooIT.comMenu=yes"im

  • 如何去除textarea右下角的箭头,textarea{resize:none;}

    如何去除textarea右下角的箭头,textarea{resize:none;}

    一般情况下,textarea允许用户拖拽右下角的箭头,调整textarea的大小。非常有利于输入大段的文本,箭头如下: 今天,我爱模板网在给客户做一个商城站时,客户要求将textarea右下角的箭

  • IE7以下UL、OL不能直接嵌套div等标签

    IE7以下UL、OL不能直接嵌套div等标签

    在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/]用法示例

    织梦DedeCMS自增函数[field:global name=autoindex/]用法示例

    织梦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使用介绍

    DedeCms autoindex和itemindex使用介绍

    让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

  • dedecms专题模板调用简介、文章列表、缩略图的方法

    dedecms专题模板调用简介、文章列表、缩略图的方法

    1、DEDECMS专题页模板中调用专题简介的代码: 2、文章列表和缩略图等调用方法:

  • 移动端html5手机网站字体单位font-size选择px还是rem

    移动端html5手机网站字体单位font-size选择px还是rem

    移动端 html5手机网站 字体单位font-size选择 px 还是 rem? 这主要分为两种情况: ①对于只需要适配手机设备,使用px就可以了 ②对于需要适配各种移动设备,使用rem,例如只需要适配iP

  • dedecms织梦随机文章列表,orderby="rand"

    dedecms织梦随机文章列表,orderby="rand"

    随机文章优点 有利于展示所有文章,特别是一些老的文章也有在首页、列表页、内容页等添加随机文章列表标签等地方展示文章,让搜索引擎更好的收录文章。 随机文章添加方法 ded

  • dedecms织梦相关文章调用,dedecms猜你喜欢调用,dede:likearticle

    dedecms织梦相关文章调用,dedecms猜你喜欢调用,dede:likearticle

    相关文章(猜你喜欢)的好处 能够根据文章关键词找到类似的文章,有利于seo和用户的检索 存在问题 DEDECMS文章内容页默认模板缺少相关文章,对用户及搜索引擎查找及判断文章主题不利

  • dedecms织梦文章列表orderby排序详解

    dedecms织梦文章列表orderby排序详解

    dedecms的orderby有很多排序方式,今天我爱模板网就在这里详细总结下,方便下次查看: orderby的排序方式大致可以分为下面几种 1,按点击数排序(orderby='hot' 或 orderby='click'),这个也就

  • Flex 布局教程:语法篇

    Flex 布局教程:语法篇

    网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现

  • jQuery颜色渐变动画,jQuery Color animation 色彩动画扩展

    jQuery颜色渐变动画,jQuery Color animation 色彩动画扩展

    jQuery 的动画方法(animate)支持各种属性的过渡,但是默认并不支持色彩的过渡,该插件正是来补足这一点! PS: 该插件支持 RGBA 颜色的过渡,但是请注意,IE8以下的版本不支持 RGBA 颜色

  • rem 62.5%在chrome谷歌和其他浏览器不一样

    rem 62.5%在chrome谷歌和其他浏览器不一样

    我爱模板网在给客户做响应式网站时,碰到一个大麻烦,就是在其他现代浏览器都能很好的显示,但是到谷歌一看,全错位了。查了百度,终于知道原因了: 因为是响应式,所以,我用

  • Microsoft Windows 2008 Server R2 iis7.5上传文件限制200K更改

    Microsoft Windows 2008 Server R2 iis7.5上传文件限制200K更改

    Windows 2008 Server R2,默认设定200K的限制。 对上传文件限制大小进行更改,具体设定方法如下: 找到ASP选项 点属性,找到“最大请求实体主体限制”默认值为”200000”即200K,不能满足上传

  • jQuery判断滚动条滚动到底部和顶部的方法

    jQuery判断滚动条滚动到底部和顶部的方法

    在弄懂这两个问题之前,必须获取两个高度:窗口高度和文档高度,如下: $(document).height() //是获取整个页面的高度$(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的

  • 使用Flexible实现手淘H5页面的终端适配

    使用Flexible实现手淘H5页面的终端适配

    曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿

  • 字符编码导致css样式在IE不起作用

    字符编码导致css样式在IE不起作用

    一般情况,我爱模板网在做网站时,很少注意css的字符编码问题。因为新建css文件的时候,默认就给加上去了,而且,保存的时候,现在的编辑器都很智能,自动的将文件编码保存的和

  • 实用的sublime插件集合

    实用的sublime插件集合

    sublime是一款小巧玲珑,带有代码提示功能的编辑器。它还有强大的插件扩展功能。下面就罗列一些常用的插件,供大家参考: Package Control 功能:安装包管理 简介:sublime插件控制台,提

  • HTML5之FileReader的使用

    HTML5之FileReader的使用

    HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步

  • jQuery星星评分代码

    jQuery星星评分代码

    jQuery星星评分,最少一分,最多5分,这是我爱模板网最近给一个客户做网站时,写的,客户那边没有要求有半分的情况,都是整数,半分其实原理一样,下面贴出代码: !doctype htmlhtm

  • 移动端meta标签详解

    移动端meta标签详解

    一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所

  • border:none和border:0的区别

    border:none和border:0的区别

    border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器

  • 手机TouchEvent事件测试

    手机TouchEvent事件测试

    本例是一个很好的测试手机触屏滑动事件(TouchEvent)的案例。手机触屏滑动主要有三个事件:touchstart、touchmove、touchend,即手指按上去、手指拖动屏幕、手指离开屏幕。通过和js的鼠标

  • jquery load方法用法详解

    jquery load方法用法详解

    jquery load是jquery ajax中的一种功能,load可以方便快速的直接加载一个页面到指定div中(html,php),并且它可以带参数,下面我来给大家详细介绍load方法用法. 格式 load(url,data,function(respon

  • SEO 的最高境界,是将自己的品牌做成热门词

    SEO 的最高境界,是将自己的品牌做成热门词

    编者按:本文作者曹政,常用 ID caoz ,资深 IT 人,从事互联网工作十余年。技术大牛、数据控、历史控、考证控。曾参与创建一统统计、cnzz 站长统计,曾主持搭建百度商业分析支撑平

  • CSS清除浮动处理(Clear与BFC)

    CSS清除浮动处理(Clear与BFC)

    在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼。 1 浮动带来布局的便利,却也带来了新问题 !doctype htmlhtml lang="en"head meta charset="UTF-8"

  • Dreamweaver CC“配置错误 请卸载并重新安装该产品”解决办法

    Dreamweaver CC“配置错误 请卸载并重新安装该产品”解决办法

    今天,我爱模板网在安装PS CC版本时(网上的绿化版本),绿化完成后,打开,出现“配置错误 请卸载并重新安装该产品 如果此问题仍然存在,请与Adobe技术支持联系以获得帮助,并提供

  • addEventListener()与removeEventListener()

    addEventListener()与removeEventListener()

    addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两 种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一

  • DedeCms V57 plus/search.php文件SQL注射

    DedeCms V57 plus/search.php文件SQL注射

    Dedecms最新版 plus/search.php 文件存在变量覆盖漏洞,成功利用该漏洞可以获取管理员密码: require_once(dirname(__FILE__).”/../include/common.inc.php”); require_once(DEDEINC.”/arc.searchview.class.php”); $pag

  • CSS3 Filter滤镜详解

    CSS3 Filter滤镜详解

    今天看到一个网站用了filter:blur(5px),竟然有PS的高斯模糊效果,一开始以为是css的filter效果,百度了下,发现,是css3新推出的滤镜。于是整理了下。首先,先看下css3滤镜的效果图: css

  • 32位和64位Win7恢复IE桌面图标(非快捷方式)

    32位和64位Win7恢复IE桌面图标(非快捷方式)

    一、32位win7恢复桌面IE图标,将下列代码复制粘贴到记事本里面,保存为XXX.reg后,双击导入注册表,最后刷新桌面即可。 Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Window

  • 让IE兼容background-size的方法_background-size ie下使用

    让IE兼容background-size的方法_background-size ie下使用

    ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-size呢? 在ie下把图片完整的居中显示在一定范围内 在css中添加如下代码: filter: progid:DXImageTransform.Microsoft.AlphaIm

  • 让IE6/IE7/IE8浏览器支持CSS3属性,ie-css3.htc的使用

    让IE6/IE7/IE8浏览器支持CSS3属性,ie-css3.htc的使用

    本教程可以让IE6/IE7/IE8浏览器利用ie-css3.htc支持border-radius、box-shadow、text-shadow等CSS3属性。 使用方法: 1、下载 ie-css3.htc 。

  • 553 can‘t open that file:permission denied

    553 can‘t open that file:permission denied

    今天, 我爱模板网 在用flashfxp上传文件的时候,遇到了:553 can‘t open that file:permission denied,翻译成中文就是:553 无法打开该文件:权限被拒绝。 出现这种情况,表明账号密码正确,

  • HTML5 地理定位,HTML5 Geolocation API详解

    HTML5 地理定位,HTML5 Geolocation API详解

    HTML5 Geoloc ation(地理定位)用于定位用户的位置,能够实时获取用户所在位置的经度和纬度。 这是一个html5 Geolocation定位的案例 · 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理

  • 字体转换网站——Font Squirrel

    字体转换网站——Font Squirrel

    html5之前,只要稍微特殊点的字体,都必须做成图片,以免客户端无法显示。而对于正文或者需要后台调用大量文字的地方,则无能为力。但是,html5推出了 @font-face 支持自定义字体之后

  • 响应式设计meta的一些相关设置,viewport的设置

    响应式设计meta的一些相关设置,viewport的设置

    响应式设计meta的一些相关设置,viewport的设置

  • 深入理解JavaScript系列(3):全面解析Module模式
  • 深入理解JavaScript系列(19):求值策略(Evaluatio
  • 深入理解JavaScript系列(18):面向对象编程之E
  • 深入理解JavaScript系列(16):闭包(Closures)
  • 深入理解JavaScript系列(14):作用域链(Scope Cha
  • 深入理解JavaScript系列(13):This? Yes,this!
  • 深入理解JavaScript系列(11):执行上下文(Exec
  • jQuery遍历:each()方法和$.each()

    jQuery遍历:each()方法和$.each()

    jquery提供了两种each方法,一种是each(),遍历节点,第二种是$.each(),遍历数组和对象。不要弄混淆了: 1、jQuery each()详解: each() 方法规定为每个匹配元素规定运行的函数。 语法: $(s

  • jQuery ajax() 方法详解

    jQuery ajax() 方法详解

    ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数

  • JS对于SEO的好处和不足

    JS对于SEO的好处和不足

    js对于SEO的好处和不足 JS的好处: 1.不用和数据库进行数据交互 JS功能无需和数据库进行交互,从而减轻了服务器的负担,也就缩短了网页的加载速度,说道这里你想到SEO了吗?似的,

  • 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screen

    原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screen

    关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角

  • DEDECMS留言板提交后刷新重新提交修复

    DEDECMS留言板提交后刷新重新提交修复

    DEDEcms织梦自带的留言板有个BUG,当用户提交留言后,再刷新,会重新提交。如果无限制刷新,就会无限提交,很不好。解决办法是:找到留言板提交php源文件/plus/guestbook.php文件,在里

  • 织梦DedeCMS文章内容页调用当前文章评论数

    织梦DedeCMS文章内容页调用当前文章评论数

    很多人需要在文章内容页调用当前文章评论数量,但织梦默认没有这个标签,所以我们需要自己开发,下面是具体方法,可以参考一下: 第一步:首先在plus目录下,新建一个文件名为

  • 浏览器地理位置(Geolocation)API详解

    浏览器地理位置(Geolocation)API详解

    一、开篇简述 Geolocation API(地理位置应用程序接口)提供了一个可以准确知道浏览器用户当前位置的方法。且目前看来浏览器的支持情况还算不错(因为新版本的IE支持了该API),这使

  • JS字符串替换函数:replace()替换第一个匹配字符和所有匹配字符

    JS字符串替换函数:replace()替换第一个匹配字符和所有匹配字符

    js为我们提供了替换字符串的函数replace(),语法格式是: stringObject.replace(regexp/substr,replacement) 参数说明: regexp/substr : 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意,如果

  • HTML5 sessionStorage和localStorage详解

    HTML5 sessionStorage和localStorage详解

    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数

  • event.cancelBubble和event.stopPropagation()的区别

    event.cancelBubble和event.stopPropagation()的区别

    首先我在网上看到不少文章大体上分为两个(不正确)观点: 一、cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个

  • @font-face中src: url('iconfont.eot?#iefix') format('embedded-

    @font-face中src: url('iconfont.eot?#iefix') format('embedded-

    css中src: url('iconfont.eot?#iefix') format('embedded-opentype')什么意思? IE 6-8 是不支持 format() 这种格式说明的,只会读取类似 src:url() 这样的格式,所以 IE 6-8 会把第一个引号到最后一个引号之间

  • css3字体定制@font-face详解 @font-face中#iefix有什么用

    css3字体定制@font-face详解 @font-face中#iefix有什么用

    CSS2的时候,凡是特殊字体,必须做成图片,图标也只能做成图片,非常麻烦,而且影响网页加载速度。但是,css3推出的@font-face,特殊字体也可以使用字体格式了,尤其是图标也能做成

  • text-stroke,text-stroke-width,text-stroke-fill,css3文字描边,css3

    text-stroke,text-stroke-width,text-stroke-fill,css3文字描边,css3

    今天,我爱模板网的一个客户的一个网站需要用到一个特效:文字边框。本来可以做成图片,但是这个文字需要后台获取。方法有很多,比如php的图片功能,js,canvas,svg等等。但是我

  • JavaScript阻止事件冒泡的兼容写法:stopPropagation和cancelBubble

    JavaScript阻止事件冒泡的兼容写法:stopPropagation和cancelBubble

    事件冒泡,顾名思义,就是子元素的事件,会触发到祖辈元素,这样有时候会导致一个问题,举个例子,点击按钮,菜单显示,点击body空白区域,菜单隐藏。那么,由于按钮在body里面

  • CSS table-layout 属性

    CSS table-layout 属性

    在做表格布局的时候,明明给了td的宽度,但是由于内容比较多,宽度都不起作用。这个时候,可以用css 的 table-layout来解决。我们下面具体来看看这是个什么东东: 先来看一个实例:

  • 从网易与淘宝的font-size思考前端设计稿与工作流

    从网易与淘宝的font-size思考前端设计稿与工作流

    本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值

  • rem 产生的小数像素问题

    rem 产生的小数像素问题

    由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,

  • 用纯JavaScript替代jQuery之元素操作篇

    用纯JavaScript替代jQuery之元素操作篇

    jQuery是非常优秀的工具,它能让我们开发项目时变得更容易。 但如果你想从零开始开发一个全新的项目,你应该考虑一下你的项目是否真的需要引入jQuery。也许你只需要几行技巧性的代

  • 用纯JavaScript替代jQuery之事件篇

    用纯JavaScript替代jQuery之事件篇

    接上篇: 用纯JavaScript替代jQuery之元素操作篇 Off jQuery $(el).off(eventName, eventHandler); 谷歌浏览器,火狐浏览器,IE8+ function removeEventListener(el, eventName, handler) { if (el.removeEventListener) el.remove

  • 用纯JavaScript替代jQuery之技巧篇

    用纯JavaScript替代jQuery之技巧篇

    接上一篇: 用纯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之AJAX篇

    用纯JavaScript替代jQuery之AJAX篇

    接上篇: 用纯JavaScript替代jQuery之技巧篇 新版的JavaScript API里提供了一个全新的可以实现ajax的API——fetch,这个api采用了全新的 Promise 架构,使用起来更方便,更灵活,详细用法请参考

  • 用纯JavaScript替代jQuery之特效篇

    用纯JavaScript替代jQuery之特效篇

    接上篇: 用纯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

  • CSS单位:rem vh vw vmin vmax ex ch详解

    CSS单位:rem vh vw vmin vmax ex ch详解

    rem vh vw vmin vmax ex ch都是css度量的单位,类似常见的百分比、像素、em等,下面进行详解: rem rem非常类似于em。em 被定义为相对于当前对象内文本的字体大小。例如:如果你给body设置了

  • DEDECMS管理员密码忘了怎么办

    DEDECMS管理员密码忘了怎么办

    我爱模板网今天把DEDECMS的管理员密码忘了,试了半天还是不行,没办法,重置密码吧: 1、我用的是phpmyadmin管理的数据库,所以,首先打开phpmyadmin,输入账号密码,登陆后如下: 2、点

  • CSS3背景图片透明叠加属性cross-fade简介

    CSS3背景图片透明叠加属性cross-fade简介

    据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有

  • 输入框的placeholder颜色设置方法

    输入框的placeholder颜色设置方法

    placeholder颜色设置 一般情况下,placeholder的默认灰色都是不需要设置的,但是如果遇到客户有特殊要求,就没办法了。我爱模板网之前都是用js实现的,模拟placeholder,现在觉得有点麻烦

  • table-layout:fixed,表格内容自动撑满无法控制宽度解决办法

    table-layout:fixed,表格内容自动撑满无法控制宽度解决办法

    我们都知道,表格单元格如果设置了宽度,如果内容变多,单元格也会被撑开,这是由表格的特性决定的。 今天我爱模板网就遇到了,单元格内容太多,希望内容都在一行,并且超出单

  • jquery手风琴效果代码

    jquery手风琴效果代码

    本文简单写了一个jQuery的手风琴效果,也就是常见的jQuery折叠菜单。先看下效果图: 首先将折叠菜单的每个内容放到一个li里面,再定义li的css样式,这里要注意,左上角的三角形,使用

  • jQuery ajax加载动画实现,jQuery ajax beforeSend

    jQuery ajax加载动画实现,jQuery ajax beforeSend

    jQuery ajax 加载动画 jQuery ajax是一个非常实用的ajax工具,在数据加载完成之前,做加载动画也非常简单。具体就不介绍了,直接上jQuery代码,所有的解释都放在代码的注释中: $.ajax({ur

  • jquery.ajax之beforeSend方法使用介绍

    jquery.ajax之beforeSend方法使用介绍

    常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。 function test

  • jQuery pjax 页面无刷新跳转

    jQuery pjax 页面无刷新跳转

    pJax 页面无刷新跳转 ajax缺点是破坏了浏览器的前进后退,因为ajax的请求不会留在历史记录中。pjax就不一样了,pjax被解释成ajax+pushState的封装,因为它把ajax的请求写入历史记录,并反映

  • js window.onload 与 jquery $(document).ready() 的区别

    js window.onload 与 jquery $(document).ready() 的区别

    1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编

  • CSS3 盒模型 display:box 和 box-flex 详解

    CSS3 盒模型 display:box 和 box-flex 详解

    CSS3 盒模型 display:box 详解 box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划

  • Flex 布局教程:实例篇

    Flex 布局教程:实例篇

    上一篇文章介绍了 Flex布局的语法 ,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 一、骰子的布局 骰子的一面,最多可以放置9个点。 运行

  • HTML5 Video标签的属性、方法和事件汇总介绍

    HTML5 Video标签的属性、方法和事件汇总介绍

    html5 video推出之前,不得不借用flash来播放视频,控制起来也非常麻烦。但是html5推出的video,赋予其强大的功能,就算现在自己写个自定义的播放器也不在话下。那么,我们一起看看它都

  • document.getElementsByName在IE和标准浏览器的区别

    document.getElementsByName在IE和标准浏览器的区别

    getElementsByName(val)方法是获取页面中所有具有name属性的值为val的元素,但这个方法在IE与标准浏览器中所取到的内容不一样。 在IE中getElementsByName(val)方法所取到的元素是其本身就自带有

  • 将getElementsByName()与getElementsByTagName()获取的集合转成数组

    将getElementsByName()与getElementsByTagName()获取的集合转成数组

    getElementsByName()与getElementsByTagName()方法的共同之类是它们会把所取得的页面元素组成一个元素集合并非是数组(虽然用firebug中的console.log()打印出来时是数组的形式)。如果用Object.porot

  • js带分组数据的Table表格排序,js表格排序

    js带分组数据的Table表格排序,js表格排序

    js带分组数据的Table表格排序,要求点击表头排序时,"分组"及"分组明细"的数据层次关系不变

  • js对table表格的操作

    js对table表格的操作

    JavaScript对于表格 Table 提供了一些简便操作方法

  • css去除a链接的虚线,hideFocus

    css去除a链接的虚线,hideFocus

    我们都知道a链接点击后,会在周围产生一个虚线框,虽然影响不大,但是有些客户会要求把它去了,不好看。方法有很多,今天就来说说hideFocus。 给a链接加个属性: hideFocus=true 即可。

  • 关于织梦 DedeTag Engine Create File False 错误

    关于织梦 DedeTag Engine Create File False 错误

    今天,我爱模板网的一个学生在使用dedecms套站,更新栏目页模板的时候,提示了一句错误: DedeTag Engine Create File False 我百度了下,按照网上的方法也没有解决,详见:http://jingyan.baid

  • php set_time_limit 设置程序执行时间的函数

    php set_time_limit 设置程序执行时间的函数

    set_time_limit(0); 括号里边的数字是执行时间,如果为零说明永久执行直到程序结束,如果为大于零的数字,则不管程序是否执行完成,到了设定的秒数,程序结束。 例如: 在网页里显示

  • wampserver 的Apache启动错误提示:The requested URL / was not found o

    wampserver 的Apache启动错误提示:The requested URL / was not found o

    今天在做本地PHP项目的时候,想把之前wampserver的本地虚拟服务器环境访问方式改为本地localhost访问方式,打开wampserver的Apache中的http://localhost/显示如下错误,提示The requested URL / was not

  • jquery的$().each,$.each的区别

    jquery的$().each,$.each的区别

    在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。这两个方法是有区别的,本文略作阐述。 $().each,对于这个方法,在dom处理上面用的较多。例如:页面有多个input标签

  • PhotoShop设计制作Web2.0质感文字图标

    PhotoShop设计制作Web2.0质感文字图标

    今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。 在开始之前看参考一下最终 效果 ,如图所示 1、首先我们新建一个图片文件,尺寸大

  • jQuery animate 图片从中间向四周缩放

    jQuery animate 图片从中间向四周缩放

    我们在用jquery或者js在对图片进行缩放的时候,单纯改变宽高,图片是从左上角开始缩放,并不能从中心点开始缩放,如下图: 而我们希望的效果是从中心点开始缩放,如: 这主要是因

  • jQuery.one() 函数详解

    jQuery.one() 函数详解

    one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。 此外,你还可以额外传递给事件处理函数一些所需的数据。 通过one()函数绑定的事件处理函数都是一次性的,

  • js 对table表格的操作

    js 对table表格的操作

    本文详解了js中对table表格的详细操作方法,包括插入行列和删除行列。 inserRow(): 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函

  • js var ev=window.event||ev的作用是什么

    js var ev=window.event||ev的作用是什么

    经常看到别人写js事件,需要用到event时,都会写上这么一句,var ev=window.event||ev的作用是什么: 上面的语句可能大家都见过,当然未必是一模一样,只是这个形式而已,不过功能是一样,

  • js事件(Event)知识整理

    js事件(Event)知识整理

    鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹

  • 上层div挡住了下层div的点击事件解决办法,pointer-events:none

    上层div挡住了下层div的点击事件解决办法,pointer-events:none

    今天,我爱模板网在一个《打地鼠》的游戏时,遇到一个棘手的问题:鼠标移动到画布上,锤子跟着动,当点击的时候,理应锤子挥舞,地鼠被打中。可是,只要锤子跟着鼠标跑,就别

  • Application Firewall Alert怎么解决

    Application Firewall Alert怎么解决

    前几天,我爱模板网被攻击了,服务器产生了很多的赌博信息的页面,然后就装了360主机卫士,扫了下后门文件,删除,然后一直保护,没出问题了。但是,今天,我爱模板网在添加文

  • jquery 获取各种高度和宽度总结

    jquery 获取各种高度和宽度总结

    jquery 获取各种高度和宽度以及容器偏移量总结: 获取浏览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度: $(window).width(); 获取页面的文档高度: $(document).height(); 获取

  • 兼容IE6+的js获取滚动条距离顶部的距离

    兼容IE6+的js获取滚动条距离顶部的距离

    已经封装成函数,兼容IE6+和其他现代浏览器的JavaScript获取滚动条距离顶部距离的js代码: //js获取滚动条距离顶部距离的函数function getScrollTop() { var scrollPos; if(window.pageYOffset) { scrollPos

  • 用setTimeout调用函数本身来模拟setInterval

    用setTimeout调用函数本身来模拟setInterval

    我们都知道setTimeout相当于定时炸弹,一旦时间到了,就会执行一次,然后就不执行了。而setInterval则不是,它是时间到,马上执行一次,然后等待下次时间到,再执行,除非清除了本定

  • $.each遍历json对象

    $.each遍历json对象

    jQuery中,常用$.each()方法,来遍历json对象,下面,先来查看一个简单的jQuery的例子来遍历一个json数组对象。 var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"ba

  • js中appendChild与insertBefore的用法详细解析

    js中appendChild与insertBefore的用法详细解析

    appendChild定义 添加一个节点到指定的节点的子节点数组中,读起来好象有点拗口,简单地说就是将元素添加到指定的节点中 appendChild用法 target.appendChild(newChild)//newChild作为target的子节点

  • js查询ALEXA排名练习

    js查询ALEXA排名练习

    一个非常简单的,查询js查询ALEXA排名的小练习,其实就是获取用户输入的值,然后放到图片地址“http://traffic.alexa.com/graph?y=tu=”的后面,再将地址赋给图片,然后插入到容器当中去显示

  • 网站出现service unavailable的解决方法

    网站出现service unavailable的解决方法

    特别提示:本文的教程仅适合采用windows服务器的IIS组件上操作,service unavailable是许多网站会经常遇到的问题,希望对大家有用。 昨天一小段时间网站出现了service unavailable,于是笔者紧

  • 表格浮动问题,table float设置宽度问题

    表格浮动问题,table float设置宽度问题

    我爱模板网今天在做网站的时候,遇到一个问题:给表格浮动,即float之后,发现设置了表格的宽度,无法将表格拉长,如下图: 图中所示,图片左浮动,表格右浮动,我给表格设置了

  • ps设计一个圣诞iphone icon图标教程

    ps设计一个圣诞iphone icon图标教程

    借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成(什么?别告诉我你不知道photoshop矢量的强大!),这篇文章很简单,对

  • dedecms织梦首页显示访问量插件

    dedecms织梦首页显示访问量插件

    本教程教您实现在织梦首页显示网站访问统计次数 您是多少位访客。 1、下载本插件,地址:http://pan.baidu.com/s/1gfbxpy7 ,解压,将 plus 文件夹和 include 文件夹上传到您的织梦安装目录。

  • firefox下img元素和空div以及选中div中文字拖拽效果处理

    firefox下img元素和空div以及选中div中文字拖拽效果处理

    问题说明: Firefox下以图片为句柄的拖拽效果无法触发onmouseup事件,同样的在空的div中也也无法触发onmouseup事件,同时在所有浏览器下选中文字后div的mouseup事件失效; 解决方法 : Fire

  • 解决IIS7中出现An error occurred on the server when processing the

    解决IIS7中出现An error occurred on the server when processing the

    今天,我爱模板网在做ASP的时候,出现了错误,提示 An error occurred on the server when processing the URL。可是我并不知道错在哪,如何将错误的具体内容显示出来?百度了下,如何解决IIS7中出

  • jquery无法设置checkbox选中即没有变成选中状态

    jquery无法设置checkbox选中即没有变成选中状态

    jquery无法设置checkbox选中即没有变成选中状态,首先看下下面的jquery代码: $("input").attr("checked","checked") 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有chec

  • 摘自百度的ECharts事件

    摘自百度的ECharts事件

    百度的ECharts是业内比较好的统计图表插件,提供了大量的API接口,使用方便,效果炫酷,唯一缺憾是不支持3D。 下面的这段代码摘抄自百度官网的Echarts事件,做个记录: option = { tool

  • ECharts中的事件和行为

    ECharts中的事件和行为

    在ECharts的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件,然后通过回调函数做相应的处理,比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。 在EChar

  • js获取选中文字,getSelection用法

    js获取选中文字,getSelection用法

    这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toStr

  • js获取获取type="file"的文件路径中的文件名

    js获取获取type="file"的文件路径中的文件名

    分为两部分,自己去判断浏览器的类型,然后调用不同函数。在IE低版本中可以直接获得文件路径,不过在高版本和firefox和chrome中是不允许的。这样就能实现不用上传就可以实现图片的

  • Application Firewall Alert

    Application Firewall Alert

    今天,我爱模板网在添加文章时,提交的时候,提示“Application Firewall Alert”,翻译一下就是“WebKnight WEB应用安全防火墙警告”,之前没有,安装了360主机卫士就出现了这个问题。打开

  • JS获取input file绝对路径的方法(推荐)

    JS获取input file绝对路径的方法(推荐)

    最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法,如下: script type="text/javascript"//FX获取文

  • dedecms模板全局变量调用标签及路径

    dedecms模板全局变量调用标签及路径

    dedeCMS模板全局变量调用的标签及对应的路径: {dede:global.cfg_memberurl/} 指的是会员中心 对应/member/目录 {dede:global.cfg_cmsurl/} 对应的是网站根目录/ {dede:global.cfg_dataurl/} data目录对应 /data/ {

  • 关于before和after以及content的用法

    关于before和after以及content的用法

    一、伪元素和伪类的区别 在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号,即 :before为伪元素 ; ::before为伪类; 关于语法和浏览器支持 伪元素实际上在CSS1中就存在了,但是我们

  • javascript selectedIndex,获取和设置option选中的索引值

    javascript selectedIndex,获取和设置option选中的索引值

    定义 javascript的selectedIndex可以设置和获取select下拉框的被选中的option的索引值。 注释:若允许多重选择,则仅会返回第一个被选选项的索引号。 语法 selectObject.selectedIndex=number 案例 下

  • DEDECMS采集时读取网址失败的解决方法

    DEDECMS采集时读取网址失败的解决方法

    今天再给客户用dedecms5.7的程序采集时老出现读取网址失败。情况如下: 测试的列表网址:http://www.abc.com/list/7.html 获得的文章网址(只显示前十条): 读取网址:http://www.abc.com/list/7.

  • JS:offsetWidth\offsetleft 等图文解释

    JS:offsetWidth\offsetleft 等图文解释

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线

  • 借助node实战JSONP跨域实例_node.js

    借助node实战JSONP跨域实例_node.js

    本篇文章主要介绍了借助node实战JSONP跨域实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • jQuery实现Select下拉列表进行状态选择功能_jquery

    jQuery实现Select下拉列表进行状态选择功能_jquery

    本文主要介绍了jQuery实现Select下拉列表进行状态选择功能的代码。具有很好的参考价值,下面跟着小编一起来看下吧

  • jQuery源码解读之extend()与工具方法、实例方法详解

    jQuery源码解读之extend()与工具方法、实例方法详解

    这篇文章主要介绍了jQuery源码解读之extend()与工具方法、实例方法,分析了jQuery中extend()源码、功能与相关使用技巧,需要的朋友可以参考下

  • Angular.JS中的指令引用template与指令当做属性详解

    Angular.JS中的指令引用template与指令当做属性详解

    这篇文章主要介绍了Angular.JS中的指令引用template与指令当做属性的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影

    vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影

    我发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个,感觉还不错,特此分享到脚本之家平台供大家参考下

  • JavaScript观察者模式(publish/subscribe)原理与实现方法

    JavaScript观察者模式(publish/subscribe)原理与实现方法

    这篇文章主要介绍了JavaScript观察者模式(publish/subscribe)原理与实现方法,简单分析了javascript观察者模式的原理、功能并结合实例形式给出了观察者模式的实现技巧,需要的朋友可以参考下

  • JavaScript装饰器函数(Decorator)实例详解_javascript技巧

    JavaScript装饰器函数(Decorator)实例详解_javascript技巧

    这篇文章主要介绍了JavaScript装饰器函数(Decorator),结合实例形式分析了JavaScript装饰器函数(Decorator)的功能、实现与使用方法,需要的朋友可以参考下

  • canvas绘制一个常用的emoji表情_javascript技巧

    canvas绘制一个常用的emoji表情_javascript技巧

    本文主要介绍了canvas绘制一个常用的emoji表情的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧

  • Vuejs仿网易云音乐实现听歌及搜索功能_vue.js

    Vuejs仿网易云音乐实现听歌及搜索功能_vue.js

    这篇文章主要介绍了Vuejs仿网易云音乐实现听歌及搜索功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • 教你快速搭建Node.Js服务器的方法教程_node.js

    教你快速搭建Node.Js服务器的方法教程_node.js

    Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。这篇文章主要给大家介绍了如何快速搭建Node.Js服务器的方法教程,文中介绍的非常详细,对大家具有

  • vue分类筛选filter方法简单实例_vue.js

    vue分类筛选filter方法简单实例_vue.js

    这篇文章主要介绍了vue分类筛选filter方法的简单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • ES6中Proxy与Reflect实现重载(overload)的方法_javascri

    ES6中Proxy与Reflect实现重载(overload)的方法_javascri

    这篇文章主要介绍了ES6中Proxy与Reflect实现重载(overload)的方法,分析了重载的原理及使用Proxy和Reflect来实现重载的操作步骤与相关技巧,需要的朋友可以参考下

  • Angualrjs和bootstrap相结合实现数据表格table_Angular

    Angualrjs和bootstrap相结合实现数据表格table_Angular

    这篇文章主要介绍了Angualrjs和bootstrap相结合实现数据表格table,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • JS解决移动web开发手机输入框弹出的问题_javascr

    JS解决移动web开发手机输入框弹出的问题_javascr

    在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。怎么解决这个问题呢?下面脚本之家小编给

  • ES6使用let命令更简单的实现块级作用域实例分析

    ES6使用let命令更简单的实现块级作用域实例分析

    这篇文章主要介绍了ES6使用let命令更简单的实现块级作用域,结合实例形式分析了ES6中let命令与var的区别及具体使用方法,需要的朋友可以参考下

  • nodejs使用express创建一个简单web应用_node.js

    nodejs使用express创建一个简单web应用_node.js

    这篇文章主要介绍了nodejs使用express创建一个简单web应用的相关资料,需要的朋友可以参考下

  • Node.js使用Express创建Web项目详细教程_node.js

    Node.js使用Express创建Web项目详细教程_node.js

    如果需要入门使用node.js进行web开发,正在学习 nodejs web开发指南 的和想快速了解node.js web开发模式的朋友,相信本文是有一定帮助意义的。

  • ES6新数据结构Map功能与用法示例_javascript技巧

    ES6新数据结构Map功能与用法示例_javascript技巧

    这篇文章主要介绍了ES6新数据结构Map功能与用法,结合实例形式分析了Map的功能、使用方法及相关注意事项,需要的朋友可以参考下

  • ES6新数据结构Set与WeakSet用法分析_javascript技巧

    ES6新数据结构Set与WeakSet用法分析_javascript技巧

    这篇文章主要介绍了ES6新数据结构Set与WeakSet用法,结合实例形式简单分析了Set与WeakSet的功能、使用方法及相关注意事项,需要的朋友可以参考下

  • ES6新特性之Object的变化分析_javascript技巧

    ES6新特性之Object的变化分析_javascript技巧

    这篇文章主要介绍了ES6新特性之Object的变化,结合具体实例形式分析了ES6中Object对象定义与使用方法的变化,需要的朋友可以参考下

  • Vue服务端渲染和Vue浏览器端渲染的性能对比(实例

    Vue服务端渲染和Vue浏览器端渲染的性能对比(实例

    这篇文章主要介绍了Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK ),非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • ES6新特性之Symbol类型用法分析_javascript技巧

    ES6新特性之Symbol类型用法分析_javascript技巧

    这篇文章主要介绍了ES6新特性之Symbol类型用法,结合形式分析了Symbol类型的功能、使用方法及相关注意事项,需要的朋友可以参考下

  • angular.js+node.js实现下载图片处理详解_AngularJS

    angular.js+node.js实现下载图片处理详解_AngularJS

    这篇文章主要介绍了angular.js+node.js实现下载图片处理的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • 微信小程序 中wx.chooseAddress(OBJECT)实例详解_JavaS

    微信小程序 中wx.chooseAddress(OBJECT)实例详解_JavaS

    这篇文章主要介绍了微信小程序 中wx.chooseAddress(OBJECT)实例详解的相关资料,需要的朋友可以参考下

  • node.js平台下的mysql数据库配置及连接_node.js

    node.js平台下的mysql数据库配置及连接_node.js

    本文主要介绍了node.js平台下的mysql数据库配置及连接的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧

  • ES6中Iterator与for..of..遍历用法分析_javascript技巧

    ES6中Iterator与for..of..遍历用法分析_javascript技巧

    这篇文章主要介绍了ES6中Iterator与for..of..遍历用法,结合实例形式分析了ES6中Iterator的概念、用法及for..of..遍历的使用技巧,需要的朋友可以参考下

  • ES6中Generator与异步操作实例分析_javascript技巧

    ES6中Generator与异步操作实例分析_javascript技巧

    这篇文章主要介绍了ES6中Generator与异步操作,结合实例形式分析Generator的概念、功能及相关操作技巧,需要的朋友可以参考下

  • ES6 Promise对象概念与用法分析_javascript技巧

    ES6 Promise对象概念与用法分析_javascript技巧

    这篇文章主要介绍了ES6 Promise对象概念与用法,简单分析了Promise对象的基本状态与三种重要方法,并结合实例形式给出相关使用技巧,需要的朋友可以参考下

  • 关于Node.js的events.EventEmitter用法介绍_node.js

    关于Node.js的events.EventEmitter用法介绍_node.js

    本篇文章主要介绍了关于Node.js的events.EventEmitter用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • 3分钟快速搭建nodejs本地服务器方法运行测试htm

    3分钟快速搭建nodejs本地服务器方法运行测试htm

    本篇文章主要介绍了3分钟快速搭建nodejs本地服务器方法运行测试html/js,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • Linux CentOS系统下安装node.js与express的方法_node.js

    Linux CentOS系统下安装node.js与express的方法_node.js

    这篇文章主要给大家介绍了在Linux CentOS系统下安装node.js与express的方法,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • ES6(ECMAScript 6)新特性之模板字符串用法分析_java

    ES6(ECMAScript 6)新特性之模板字符串用法分析_java

    这篇文章主要介绍了ES6(ECMAScript 6)新特性之模板字符串用法,简单介绍了ES6模板字符串的概念、功能并结合实例形式分析了ES6模板字符串的用法,需要的朋友可以参考下

  • jq checkbox 的全选并ajax传参的实例_jquery

    jq checkbox 的全选并ajax传参的实例_jquery

    下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • ES5学习教程之Array对象_基础知识

    ES5学习教程之Array对象_基础知识

    这篇文章主要给大家介绍了ES5中新增的Array对象的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。

  • ES6新特性之变量和字符串用法示例_javascript技巧

    ES6新特性之变量和字符串用法示例_javascript技巧

    这篇文章主要介绍了ES6新特性之变量和字符串用法,结合具体实例形式分析了ES6中变量与字符串的特性、使用方法与相关注意事项,需要的朋友可以参考下

  • 手机端转换rem适应_javascript技巧

    手机端转换rem适应_javascript技巧

    本文主要介绍了手机端转换rem适应的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧

  • ES6新特性之数组、Math和扩展操作符用法示例_ja

    ES6新特性之数组、Math和扩展操作符用法示例_ja

    这篇文章主要介绍了ES6新特性之数组、Math和扩展操作符用法,结合实例形式分析了ES6中数组、Math和扩展操作符的新特性、使用方法及相关注意事项,需要的朋友可以参考下

  • Ajax异步文件上传与NodeJS express服务端处理_javasc

    Ajax异步文件上传与NodeJS express服务端处理_javasc

    本文主要介绍了Ajax异步文件上传与NodeJS express服务端处理的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

  • 前端自动化开发之Node.js的环境搭建教程_node.js

    前端自动化开发之Node.js的环境搭建教程_node.js

    这篇文章主要介绍了前端自动化开发之Node.js环境搭建的相关资料,文中介绍的非常详细,对大家学习或者使用node.js具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • jQuery UI Grid 模态框中的表格实例代码_jquery

    jQuery UI Grid 模态框中的表格实例代码_jquery

    这篇文章主要介绍了jQuery UI Grid 模态框中的表格实例代码讲解,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • ES6新特性之解构、参数、模块和记号用法示例_

    ES6新特性之解构、参数、模块和记号用法示例_

    这篇文章主要介绍了ES6新特性之解构、参数、模块和记号用法,结合实例形式分析了解构、参数、模块和记号的功能、用法及相关使用注意事项,需要的朋友可以参考下

  • Vue.js实战之组件之间的数据传递_vue.js

    Vue.js实战之组件之间的数据传递_vue.js

    这篇文章主要介绍了Vue.js实战之组件之间的数据传递的相关资料,文中通过示例代码和图文介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • ES6新特性之模块Module用法详解_javascript技巧

    ES6新特性之模块Module用法详解_javascript技巧

    这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模块Module的使用方法与相关注意事项,需要的朋友可以参考下

  • vue-cli的webpack模板项目配置文件分析_vue.js

    vue-cli的webpack模板项目配置文件分析_vue.js

    本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧

  • ES6新特性之函数的扩展实例详解_javascript技巧

    ES6新特性之函数的扩展实例详解_javascript技巧

    这篇文章主要介绍了ES6新特性之函数的扩展,实例形式较为详细的分析了ES6针对函数参数、运算符及相关新特性的扩展操作与注意事项,需要的朋友可以参考下

  • Vue.js实战之利用vue-router实现跳转页面_vue.js

    Vue.js实战之利用vue-router实现跳转页面_vue.js

    对于单页应用,官方提供了vue-router进行路由跳转的处理,这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。

  • NodeJS基础API搭建服务器详细过程记录_node.js

    NodeJS基础API搭建服务器详细过程记录_node.js

    本文将以一个超小型web项目,来详细介绍如何使用NodeJS基础的http, fs, path, url等模块提供的API来搭建一个简单的web服务器。具有很好的参考价值。下面跟着小编一起来看下吧

  • ES6新特性之字符串的扩展实例分析_javascript技巧

    ES6新特性之字符串的扩展实例分析_javascript技巧

    这篇文章主要介绍了ES6新特性之字符串的扩展,结合实例形式对比分析了ES5与ES6字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下

  • vue货币过滤器的实现方法_vue.js

    vue货币过滤器的实现方法_vue.js

    这篇文章主要为大家详细介绍了vue货币过滤器的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue2.0构建单页应用最佳实战_vue.js

    vue2.0构建单页应用最佳实战_vue.js

    这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Vue.js实战之Vuex的入门教程_vue.js

    Vue.js实战之Vuex的入门教程_vue.js

    这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • vue-cli+webpack记事本项目创建_vue.js

    vue-cli+webpack记事本项目创建_vue.js

    这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Node.js之网络通讯模块实现浅析_node.js

    Node.js之网络通讯模块实现浅析_node.js

    本篇文章主要介绍了Node.js之网络通讯模块实现浅析,具有一定的参考价值,有兴趣的可以了解一下。

  • 如何选择jQuery版本 1.x? 2.x? 3.x?_jquery

    如何选择jQuery版本 1.x? 2.x? 3.x?_jquery

    这篇文章主要给大家介绍了关于如何选择jQuery版本,是1.x? 2.x?还是3.x? 在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jqu

  • Vue表单验证插件的制作过程_vue.js

    Vue表单验证插件的制作过程_vue.js

    这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • jQuery插件FusionCharts绘制的3D环饼图效果示例【附

    jQuery插件FusionCharts绘制的3D环饼图效果示例【附

    这篇文章主要介绍了jQuery插件FusionCharts绘制的3D环饼图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml格式数据绘制图形的操作步骤与相关实现技巧,并附带demo源码供读者下载参考

  • JS异步文件上传(兼容IE8+)_javascript技巧

    JS异步文件上传(兼容IE8+)_javascript技巧

    本文主要介绍了JS实现异步文件上传的相关资料,具有很好的参考价值。下面跟着小编一起来看下吧

  • 基于JQuery和原生JavaScript实现网页定位导航特效

    基于JQuery和原生JavaScript实现网页定位导航特效

    本文通过实例代码给大家介绍了基于JQuery和原生JavaScript实现网页定位导航特效,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

  • jQuery实现分页功能(含ajax请求、后台数据、附完

    jQuery实现分页功能(含ajax请求、后台数据、附完

    这篇文章主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • 使用jQuery卸载全部事件的思路详解_jquery

    使用jQuery卸载全部事件的思路详解_jquery

    本文是小编给大家带来的jquery卸载全部事件的思路,非常不错,具有参考借鉴价值,需要的朋友一起看看吧!

  • webpack独立打包和缓存处理详解_javascript技巧

    webpack独立打包和缓存处理详解_javascript技巧

    这篇文章主要介绍了webpack独立打包和缓存处理的相关资料,文中介绍的非常详细,对大家学习webpack具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • jQuery中animate()的使用方法及解决$(”body“).anima

    jQuery中animate()的使用方法及解决$(”body“).anima

    这篇文章主要介绍了关于jQuery中animate()的使用方法及解决$(body).animate({scrollTop:top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一

  • 利用jquery正则表达式在页面验证url网址输入是否

    利用jquery正则表达式在页面验证url网址输入是否

    这篇文章主要介绍了关于利用jquery正则表达式在页面验证url网址输入是否正确的相关资料,文中给出了完整的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • jQuery使用unlock.js插件实现滑动解锁_jquery

    jQuery使用unlock.js插件实现滑动解锁_jquery

    unlock.js插件具有滑动解锁,尺寸、颜色、字体大小等都可以个性化定制等特点,接下来通过本文给大家分享jQuery使用unlock.js插件实现滑动解锁思路讲解,感兴趣的朋友一起看看吧

  • jQuery自定义图片上传插件实例代码_jquery

    jQuery自定义图片上传插件实例代码_jquery

    这篇文章给大家介绍了jquery自定义图片上传插件的实例代码,非常不错,具有参考借鉴价值,需要的朋友一起看看吧

  • Vue.js实战之组件的进阶_vue.js

    Vue.js实战之组件的进阶_vue.js

    组件(Component)是 Vue.js 最强大的功能之一,之前的文章都只是用到了基本的封装功能,这次将介绍一些更强大的扩展。这篇文章主要介绍了Vue.js实战之组件进阶的相关资料,需要的朋友

  • Vue.js实战之使用Vuex + axios发送请求详解_vue.js

    Vue.js实战之使用Vuex + axios发送请求详解_vue.js

    这篇文章主要给大家介绍了关于Vue.js使用Vuex与axios发送请求的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • Vue.js实战之通过监听滚动事件实现动态锚点_vue

    Vue.js实战之通过监听滚动事件实现动态锚点_vue

    监听事件是我们在使用vue.js的时候经常使用的一个功能,下面这篇文章主要介绍了Vue.js实战之通过监听滚动事件实现动态锚点 的相关资料,文中通过示例代码介绍的非常详细,相信对大

  • self.attachevent is not a function的解决方法_javascript技

    self.attachevent is not a function的解决方法_javascript技

    今天一个客户用chrome浏览器访问网站,他的网站js提示self.attachevent is not a function,这个问题就是这个浏览器不支持attachevent,可以通过如下方法解决了,分享一下,需要的朋友可以参考下

  • Vue.js render方法使用详解_vue.js

    Vue.js render方法使用详解_vue.js

    这篇文章主要为大家详细介绍了Vue.js render方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • ionic2打包android时gradle无法下载的解决方法_javas

    ionic2打包android时gradle无法下载的解决方法_javas

    这篇文章主要为大家详细介绍了ionic2打包android时gradle无法下载的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解基于webpack和vue.js搭建开发环境_vue.js

    详解基于webpack和vue.js搭建开发环境_vue.js

    本篇文章主要介绍了详解基于webpack和vue.js搭建开发环境 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 关于vuex的学习实践笔记_vue.js

    关于vuex的学习实践笔记_vue.js

    vuex是vue的状态管理模式,主要可以解决父子组件嵌套层数较多,或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料,需要的朋友可以

  • 详解用webpack2.0构建vue2.0超详细精简版_vue.js

    详解用webpack2.0构建vue2.0超详细精简版_vue.js

    本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解使用fetch发送post请求时的参数处理_javascrip

    详解使用fetch发送post请求时的参数处理_javascrip

    这篇文章主要介绍了详解使用fetch发送post请求时的参数处理的相关资料,需要的朋友可以参考下

  • webpack2.0搭建前端项目的教程详解_javascript技巧

    webpack2.0搭建前端项目的教程详解_javascript技巧

    这篇文章主要给大家介绍了关于webpack2.0搭建前端项目的相关资料,文中介绍的非常详细,对大家学习或者使用webpack2.0具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

  • Angular.JS利用ng-disabled属性和ng-model实现禁用butto

    Angular.JS利用ng-disabled属性和ng-model实现禁用butto

    这篇文章主要介绍了Angular.JS利用ng-disabled属性和ng-model实现禁用button效果的相关资料,文中给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • lazyLoad图片延迟加载对SEO的影响

    lazyLoad图片延迟加载对SEO的影响

    jQuery lazyLoad图片延时加载插件,是一个建站业内比较流行的图片延时加载插件。当用户打开网页的时候,只显示当前屏幕的图片,只有当用户滚动滚动条,下面的图片出现在视野当中,

  • 让wordpress支持中文路径的方法

    让wordpress支持中文路径的方法

    wordpress博客系统(以下简称WP),非常强大,被开发者应用于各个领域而不仅限于个人博客。新闻站、教育网站、商城等等都可以使用WP建设,甚至有的开发者把WP做成了论坛。 因为这是一

  • transform兼容ie8的写法

    transform兼容ie8的写法

    我们都知道,transform是css3推出的变形属性,包括斜切、平移、缩放、旋转等,配合css3的动画,可以做出很多炫酷的效果。但是,我爱模板网被客户要求让transform兼容到IE8浏览器。明显的

  • 利用vscode编写vue的简单配置详解_vue.js

    利用vscode编写vue的简单配置详解_vue.js

    这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

  • Webpack执行命令参数详解_javascript技巧

    Webpack执行命令参数详解_javascript技巧

    本篇文章主要介绍了Webpack执行命令参数详解 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Webpack如何引入bootstrap的方法_javascript技巧

    Webpack如何引入bootstrap的方法_javascript技巧

    本篇文章主要介绍了Webpack如何引入bootstrap的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解windows下vue-cli及webpack 构建网站(二)导入boot

    详解windows下vue-cli及webpack 构建网站(二)导入boot

    这篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解windows下vue-cli及webpack 构建网站(三)使用组件

    详解windows下vue-cli及webpack 构建网站(三)使用组件

    本篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(三)使用组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解windows下vue-cli及webpack 构建网站(四) 路由vue

    详解windows下vue-cli及webpack 构建网站(四) 路由vue

    本篇文章主要介绍了windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • webpack学习教程之publicPath路径问题详解_javascript技

    webpack学习教程之publicPath路径问题详解_javascript技

    这篇文章主要给大家介绍了webpack学习教程之publicPath路径问题的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

  • webpack打包后直接访问页面图片路径错误的解决方

    webpack打包后直接访问页面图片路径错误的解决方

    这篇文章主要给大家介绍了在webpack打包后直接访问页面图片路径错误的解决方法,文中介绍的非常详细,对遇到这个问题的朋友们具有一定的参考学习价值,需要的朋友们下面来一起看

  • 详解Vue组件之间的数据通信实例_vue.js

    详解Vue组件之间的数据通信实例_vue.js

    本篇文章主要介绍了详解Vue组件之间的数据通信实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 深入理解Webpack 中路径的配置_javascript技巧

    深入理解Webpack 中路径的配置_javascript技巧

    这篇文章主要给大家介绍了关于Webpack2中路径配置的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

  • Vue报错:Uncaught TypeError: Cannot assign to read only pr

    Vue报错:Uncaught TypeError: Cannot assign to read only pr

    这篇文章主要给大家介绍了关于Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#Object' 的解决方法,文中介绍的非常详细,需要的朋友们下面来一起看看吧。

  • Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内

    Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内

    这篇文章主要给大家介绍了关于Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面跟着小编来一起看看吧。

  • 利用jquery去掉时光轴头尾部线条的方法实例_jqu

    利用jquery去掉时光轴头尾部线条的方法实例_jqu

    这篇文章主要给大家介绍了利用jquery实现去掉时光轴头尾部线条的方法,文中给出了详细的实例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧

  • 基于jQuery和CSS3实现APPLE TV海报视差效果_jquery

    基于jQuery和CSS3实现APPLE TV海报视差效果_jquery

    这篇文章主要介绍了基于jQuery和CSS3实现APPLE TV海报视差效果,需要的朋友可以参考下

  • vue之数据交互实例代码_vue.js

    vue之数据交互实例代码_vue.js

    本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下

  • JS 组件系列之BootstrapTable的treegrid功能_javascript技

    JS 组件系列之BootstrapTable的treegrid功能_javascript技

    这篇文章主要介绍了JS 组件系列之BootstrapTable的treegrid功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • vue高德地图之玩转周边_vue.js

    vue高德地图之玩转周边_vue.js

    vue高德地图,带你玩转周边,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Angular+Node生成随机数的方法_AngularJS

    Angular+Node生成随机数的方法_AngularJS

    这篇文章主要介绍了Angular+Node生成随机数的方法,结合具体实例分析了Angular与Node结合控制前后端实现随机数功能的相关操作技巧,需要的朋友可以参考下

  • 详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记

    详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记

    本篇文章主要介绍了详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • jQuery序列化后的表单值转换成Json_jquery

    jQuery序列化后的表单值转换成Json_jquery

    这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • jQuery 控制文本框自动缩小字体填充_jquery

    jQuery 控制文本框自动缩小字体填充_jquery

    这篇文章主要介绍了jQuery 控制文本框自动缩小字体填充的相关资料,需要的朋友可以参考下

  • requirejs + vue 项目搭建详解_vue.js

    requirejs + vue 项目搭建详解_vue.js

    这篇文章主要介绍了requirejs + vue 项目搭建详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解webpack 多入口配置_javascript技巧

    详解webpack 多入口配置_javascript技巧

    本篇文章主要介绍了webpack 多入口配置 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解Nodejs 部署到阿里云全过程_node.js

    详解Nodejs 部署到阿里云全过程_node.js

    这篇文章主要介绍了详解Nodejs 部署到阿里云全过程,非常具有实用价值,需要的朋友可以参考下

  • node文件上传功能简易实现代码_node.js

    node文件上传功能简易实现代码_node.js

    本篇文章主要介绍了node文件上传功能简易实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • vue-router路由参数刷新消失的问题解决方法_vue.j

    vue-router路由参数刷新消失的问题解决方法_vue.j

    本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解vue+vueRouter+webpack的简单实例_vue.js

    详解vue+vueRouter+webpack的简单实例_vue.js

    这篇文章主要介绍了详解vue+vueRouter+webpack的简单实例,非常具有实用价值,需要的朋友可以参考下

  • vue router路由参数刷新消失问题的解决方法_vue.j

    vue router路由参数刷新消失问题的解决方法_vue.j

    这篇文章主要介绍了vue-router路由参数刷新消失的问题

  • jQuery Jsonp跨域模拟搜索引擎_jquery

    jQuery Jsonp跨域模拟搜索引擎_jquery

    这篇文章主要介绍了jQuery Jsonp跨域模拟搜索引擎的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • jquery DataTable实现前后台动态分页_jquery

    jquery DataTable实现前后台动态分页_jquery

    本篇文章主要介绍了jquery DataTable实现前后台动态分页。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • JavaScript ES6中const、let与var的对比详解_javascript技

    JavaScript ES6中const、let与var的对比详解_javascript技

    这篇文章主要给大家介绍了在JavaScript中const、let与var对比的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧。

  • Webpack打包css后z-index被重新计算的解决方法_java

    Webpack打包css后z-index被重新计算的解决方法_java

    这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

  • jQuery实现下拉菜单的实例代码_jquery

    jQuery实现下拉菜单的实例代码_jquery

    本文通过实例代码给大家讲解了jQuery实现下拉菜单效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • jQuery自定义多选下拉框效果_jquery

    jQuery自定义多选下拉框效果_jquery

    这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Node.js中 __dirname 的使用介绍_node.js

    Node.js中 __dirname 的使用介绍_node.js

    这篇文章主要给大家介绍了关于Node.js中 __dirname使用的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

  • Node.js环境下Koa2添加travis ci持续集成工具的方法

    Node.js环境下Koa2添加travis ci持续集成工具的方法

    这篇文章主要给大家介绍了在Node.js环境下Koa2添加travis ci持续集成工具的方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

  • 手把手教你把nodejs部署到linux上跑出hello world_no

    手把手教你把nodejs部署到linux上跑出hello world_no

    本篇文章主要介绍了手把手教你把nodejs部署到linux上跑出hello world,非常具有实用价值,需要的朋友可以参考下

  • NodeJS 实现手机短信验证模块阿里大于功能_node.

    NodeJS 实现手机短信验证模块阿里大于功能_node.

    这篇文章主要介绍了NodeJS 实现手机短信验证模块阿里大于功能,需要的朋友可以参考下

  • jQuery实现简单的手风琴效果_jquery

    jQuery实现简单的手风琴效果_jquery

    这篇文章主要为大家详细介绍了jQuery实现简单的手风琴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解vue服务端渲染(SSR)初探_vue.js

    详解vue服务端渲染(SSR)初探_vue.js

    本篇文章主要介绍了详解vue服务端渲染(SSR)初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Web制作验证码功能实例代码_javascript技巧

    Web制作验证码功能实例代码_javascript技巧

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧

  • jQuery 实现双击编辑表格功能_jquery

    jQuery 实现双击编辑表格功能_jquery

    本文通过实例代码给大家介绍了jquery 双击编辑表格,需要的朋友参考下吧

  • 深入理解AngularJs-scope的脏检查(一)_AngularJS

    深入理解AngularJs-scope的脏检查(一)_AngularJS

    这篇文章主要介绍了深入理解AngularJs-scope的脏检查(一) ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解AngularJS脏检查机制及$timeout的妙用_AngularJS

    详解AngularJS脏检查机制及$timeout的妙用_AngularJS

    本篇文章主要介绍了详解AngularJS脏检查机制及$timeout的妙用,“脏检查”是Angular中的核心机制之一,它是实现双向绑定、MVVM模式的重要基础,有兴趣的可以了解一下

  • ZeroClipboard.js使用一个flash复制多个文本框_javasc

    ZeroClipboard.js使用一个flash复制多个文本框_javasc

    这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • AngularJS  ng-repeat遍历输出的用法_AngularJS

    AngularJS ng-repeat遍历输出的用法_AngularJS

    本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 解决vue-cli中stylus无法使用的问题方法_vue.js

    解决vue-cli中stylus无法使用的问题方法_vue.js

    这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue中如何实现变量和字符串拼接_vue.js

    vue中如何实现变量和字符串拼接_vue.js

    这篇文章主要介绍了vue中如何实现变量和字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解vue2.0 transition 多个元素嵌套使用过渡_vue.js

    详解vue2.0 transition 多个元素嵌套使用过渡_vue.js

    这篇文章主要介绍了详解vue2.0 transition 多个元素嵌套使用过渡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue-router单页面路由_vue.js

    vue-router单页面路由_vue.js

    这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解webpack+vue-cli项目打包技巧_vue.js

    详解webpack+vue-cli项目打包技巧_vue.js

    本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下

  • vue过渡和animate.css结合使用详解_vue.js

    vue过渡和animate.css结合使用详解_vue.js

    本篇文章主要介绍了vue过渡和animate.css结合使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • zTree树形插件异步加载方法详解_javascript技巧

    zTree树形插件异步加载方法详解_javascript技巧

    这篇文章主要为大家详细介绍了zTree树形插件异步加载的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 自定义vue全局组件use使用、vuex的使用详解_vue.j

    自定义vue全局组件use使用、vuex的使用详解_vue.j

    本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理

  • 详解vue跨组件通信的几种方法_vue.js

    详解vue跨组件通信的几种方法_vue.js

    本篇文章主要介绍了详解vue跨组件通信的几种方法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 使用Require.js封装原生js轮播图的实现代码_javasc

    使用Require.js封装原生js轮播图的实现代码_javasc

    这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下

  • 详解Nodejs之npm&package.json_node.js

    详解Nodejs之npm&package.json_node.js

    本篇文章主要介绍了详解Nodejs之npmpackage.json,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 利用JS对iframe父子(内外)页面进行操作的方法教

    利用JS对iframe父子(内外)页面进行操作的方法教

    这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,

  • 一次围绕setTimeout的前端面试经验分享_javascript技

    一次围绕setTimeout的前端面试经验分享_javascript技

    这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验,是一篇有意思的围绕setTimeout展开的前端开发考题,考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等

  • CentOS 安装NodeJS V8.0.0的方法_node.js

    CentOS 安装NodeJS V8.0.0的方法_node.js

    这篇文章主要介绍了CentOS 安装NodeJS V8.0.0的方法,需要的朋友可以参考下

  • package.json文件配置详解_node.js

    package.json文件配置详解_node.js

    这篇文章主要介绍了package.json文件配置详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • JS奇技之利用scroll来监听resize详解_javascript技巧

    JS奇技之利用scroll来监听resize详解_javascript技巧

    这篇文章主要给大家介绍了JS奇技之利用scroll来监听resize的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看

  • Vue路由跳转问题记录详解_vue.js

    Vue路由跳转问题记录详解_vue.js

    本篇文章主要介绍了Vue路由跳转问题记录详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • react-router JS 控制路由跳转实例_javascript技巧

    react-router JS 控制路由跳转实例_javascript技巧

    这篇文章主要介绍了react-router JS 控制路由跳转实例,react实现路由可以直接使用react-router。有兴趣的可以了解一下

  • 详解react如何在组件中获取路由参数_javascript技巧

    详解react如何在组件中获取路由参数_javascript技巧

    这篇文章主要介绍了详解react如何在组件中获取路由参数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • JS 设置Cookie 有效期 检测cookie_javascript技巧

    JS 设置Cookie 有效期 检测cookie_javascript技巧

    这篇文章主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下

  • validationEngine 表单验证插件使用实例代码_jquery

    validationEngine 表单验证插件使用实例代码_jquery

    本文通过实例代码给大家介绍了jquery validationEngine 表单验证插件效果,非常不错,具有参考借鉴价值,需要的的朋友参考下吧

  • bootstrap daterangepicker汉化以及扩展功能_javascript技

    bootstrap daterangepicker汉化以及扩展功能_javascript技

    这篇文章主要为大家详细介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • jQuery实现 RadioButton做必选校验功能_jquery

    jQuery实现 RadioButton做必选校验功能_jquery

    这篇文章主要介绍了jQuery实现 RadioButton做必选校验功能的相关资料,需要的朋友可以参考下

  • 详解react-router如何实现按需加载_javascript技巧

    详解react-router如何实现按需加载_javascript技巧

    本篇文章主要介绍了react-router如何实现按需加载,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • bootstrap daterangepicker双日历时间段选择控件详解

    bootstrap daterangepicker双日历时间段选择控件详解

    这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解原生js实现offset方法_javascript技巧

    详解原生js实现offset方法_javascript技巧

    本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Bootstrap Tree View简单而优雅的树结构组件实例解析

    Bootstrap Tree View简单而优雅的树结构组件实例解析

    本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • vue中将网页打印成pdf实例代码_vue.js

    vue中将网页打印成pdf实例代码_vue.js

    本篇文章主要介绍了vue中将网页打印成pdf实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • vue实现全选、反选功能_vue.js

    vue实现全选、反选功能_vue.js

    这篇文章主要为大家详细介绍了vue实现全选、反选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue.js实现数据动态响应 Vue.set的简单应用_vue.js

    vue.js实现数据动态响应 Vue.set的简单应用_vue.js

    这篇文章主要介绍了vue.js实现数据动态响应,Vue.set的简单应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • bootbox自定义dialog、confirm、alert样式

    bootbox自定义dialog、confirm、alert样式

    bootbox是一个基于jQuery和bootstrap的弹出框插件,让常见的js弹框,如alert、confirm和prompt更加美观,详见 jquery弹窗插件bootbox.js 。本文主要讨论bootbox自定义dialog、confirm、alert样式,以及基本

  • 关于event.cancelBubble和event.stopPropagation()的区别介绍

    关于event.cancelBubble和event.stopPropagation()的区别介绍

    event.cancelBubble=true和event.stopPropagation()都是javascript中阻止事件冒泡的属性和方法,网上看到不少对两者区别进行分析的文章,大体上分为两个(不正确)观点: 观点一、cancelBubble用于i

  • offsetwidth/clientwidth的区别

    offsetwidth/clientwidth的区别

    javascript的offsetwidth和clientwidth非常容易混淆,其实不止它俩,还有像scrollWidth等等,本文详细说明了js中各种后去宽高属性的区别: 火狐 IE8 clientWidth是对象看到的宽度(不含边线,即bord

  • js addEventListener()添加事件详解

    js addEventListener()添加事件详解

    定义: 在javascript中,可以通过addEventListener()方法,给对象添加事件句柄。但是早期浏览器,如IE8及其更低版本不兼容,可以使用attachEvent()方法来解决。下面,先看下addEventListener()的兼

  • js事件oninput,onpropertychange,onchange的区别

    js事件oninput,onpropertychange,onchange的区别

    我爱模板网需要做一个效果,即修改textarea的内容,做出相应的事情,如向里面输入文字,实时记录字数,并当字数过多或过少时,给予提醒。在textarea中,如果想捕获用户的键盘输入,

  • jQuery $.grep()模糊搜索方法是使用详解

    jQuery $.grep()模糊搜索方法是使用详解

    jQuery $.grep()模糊搜索方法是使用详解 客户要求我爱模板网做一个模糊搜索,数据是用ajax读取的,搜索结果显示在列表中。php的模糊搜索我知道,像这种已经得到结果,在结果中再进行

  • HTML5可编辑属性contenteditable

    HTML5可编辑属性contenteditable

    概述: 如果html中的内容可以直接编辑,就像富媒体编辑框一样就强大了。html5新推出的属性 contenteditable 就可以实现类似的功能,点击下面的运行按钮,测试看看: !doctype htmlhtmlheadme

  • echarts hover鼠标移上去改变颜色

    echarts hover鼠标移上去改变颜色

    echarts是百度推出的一款非常优秀基于js的可视化图标生成插件,受众面非常广,使用简单,提供了大量的借口,可以做柱状、地图、饼状等各种图表。 我爱模板网今天在使用Echarts的时

  • dedecms 织梦自定义字段搜索功能的实现

    dedecms 织梦自定义字段搜索功能的实现

    我爱模板网给客户做网站,用的刚好是dedecms,客户需要做一个对他的产品参数进行搜索。而这些产品的参数都是自定义的,普通的search.php根本搜索不来,只能使用高级搜索advancedsearch

  • dedecms织梦高级搜索做一个身份证驾驶证查询系统

    dedecms织梦高级搜索做一个身份证驾驶证查询系统

    织梦默认的高级搜索,就是这个页面/plus/advancedsearch.php。它是模糊搜索,而且会出现多条结果,需要修改为单条信息搜索。 进入后台-核心-模型管理,在原模型或新建立的模型中,增加

  • ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下

  • 自定义vue全局组件use使用、vuex的使用详解_vue.j

    自定义vue全局组件use使用、vuex的使用详解_vue.j

    本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解,本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理

  • 使用Require.js封装原生js轮播图的实现代码_javasc

    使用Require.js封装原生js轮播图的实现代码_javasc

    这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下

  • 利用JS对iframe父子(内外)页面进行操作的方法教

    利用JS对iframe父子(内外)页面进行操作的方法教

    这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,

  • 一次围绕setTimeout的前端面试经验分享_javascript技

    一次围绕setTimeout的前端面试经验分享_javascript技

    这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验,是一篇有意思的围绕setTimeout展开的前端开发考题,考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等

  • bootstrap daterangepicker汉化以及扩展功能_javascript技

    bootstrap daterangepicker汉化以及扩展功能_javascript技

    这篇文章主要为大家详细介绍了bootstrap daterangepicker汉化以及扩展功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • bootstrap daterangepicker双日历时间段选择控件详解

    bootstrap daterangepicker双日历时间段选择控件详解

    这篇文章主要为大家详细介绍了bootstrap daterangepicker双日历时间段选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Bootstrap Tree View简单而优雅的树结构组件实例解析

    Bootstrap Tree View简单而优雅的树结构组件实例解析

    本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • jQuery.extend 函数使用详解

    jQuery.extend 函数使用详解

    jQuery的extend扩展方法: jQuery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2

  • Laravel框架用户登陆身份验证实现方法详解_php实例

    Laravel框架用户登陆身份验证实现方法详解_php实例

    这篇文章主要介绍了Laravel框架用户登陆身份验证实现方法,结合实例形式分析了Laravel框架用户登陆验证的原理、实现方法与相关注意事项,需要的朋友可以参考下

  • 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示

    使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示

    下面小编就为大家带来一篇使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • visual studio code 调试php方法(图文详解)_php实例

    visual studio code 调试php方法(图文详解)_php实例

    本篇文章主要介绍了visual studio code 调试php方法(图文详解),具有一定的参考价值,有兴趣的可以了解一下

  • PHP实现广度优先搜索算法(BFS,Broad First Search)详解

    PHP实现广度优先搜索算法(BFS,Broad First Search)详解

    这篇文章主要介绍了PHP实现广度优先搜索算法(BFS,Broad First Search),简单描述了广度优先搜索算法的原理并结合具体实例分析了php实现广度优先搜索算法的步骤与相关操作技巧,需要的朋友可

  • PHP实现深度优先搜索算法(DFS,Depth First Search)详解

    PHP实现深度优先搜索算法(DFS,Depth First Search)详解

    这篇文章主要介绍了PHP实现深度优先搜索算法(DFS,Depth First Search),简单分析了深度优先搜索算法的原理并结合具体实例给出了php实现深度优先搜索的具体步骤与相关操作技巧,需要的朋友可

  • PHP中使用jQuery+Ajax实现分页查询多功能操作(示例

    PHP中使用jQuery+Ajax实现分页查询多功能操作(示例

    下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Laravel学习教程之View模块详解_php实例

    Laravel学习教程之View模块详解_php实例

    这篇文章主要给大家介绍了关于Laravel学习教程之View模块的相关资料,文中通过示例代码将View模块介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面

  • 基于Laravel实现的用户动态模块开发_php实例

    基于Laravel实现的用户动态模块开发_php实例

    这篇文章主要给大家介绍了关于基于Laravel实现的用户动态模块开发的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面

  • 如何通过View::first使用Laravel Blade的动态模板详解

    如何通过View::first使用Laravel Blade的动态模板详解

    这篇文章主要给大家介绍了关于如何通过View::first使用Laravel Blade的动态模板的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,需要的朋

  • Laravel中七个非常有用但很少人知道的Carbon方法

    Laravel中七个非常有用但很少人知道的Carbon方法

    在编写PHP应用时经常需要处理日期和时间,Carbon继承自 PHP DateTime 类的 API 扩展,它使得处理日期和时间更加简单,这篇文章主要给大家分享了Laravel中七个非常有用但很少人知道的Carbo

  • Laravel中日期时间处理包Carbon的简单使用_php实例

    Laravel中日期时间处理包Carbon的简单使用_php实例

    处理日期和时间需要考虑很多事情,例如日期的格式、时区、闰年和天数各异的月份,自己处理太容易出错了,下面这篇文章主要给大家介绍了关于在Laravel中日期时间处理包Carbon的简单

  • laravel实现分页样式替换示例代码(增加首、尾页

    laravel实现分页样式替换示例代码(增加首、尾页

    这篇文章主要给大家介绍了关于laravel实现分页样式替换的相关资料,实现了增加首、尾页的功能,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,

  • Laravel中Facade的加载过程与原理详解_php实例

    Laravel中Facade的加载过程与原理详解_php实例

    Facade其实是一个容器中类的静态代理,他可以让你以静态的方式来调用存放在容器中任何对象的任何方法,下面这篇文章主要给大家介绍了关于Laravel中Facade的加载过程与原理的相关资料

  • laravel5.4利用163邮箱发送邮件的步骤详解_php实例

    laravel5.4利用163邮箱发送邮件的步骤详解_php实例

    发送邮件是我们日常在开发中必不可少会遇到的一个需求,下面这篇文章主要给大家介绍了关于laravel5.4利用163邮箱发送邮件的步骤,文中通过示例代码和图片介绍的非常详细,需要的朋

  • Laravel中前端js上传图片到七牛云的示例代码_php实

    Laravel中前端js上传图片到七牛云的示例代码_php实

    本篇文章主要介绍了Laravel中前端js上传图片到七牛云的示例代码,具有一定的参考价值,有兴趣的可以了解一下

  • Content-Disposition使用方法和注意事项_php技巧

    Content-Disposition使用方法和注意事项_php技巧

    这篇文章主要为大家详细介绍了Content-Disposition使用方法和注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • yii2组件之下拉框带搜索功能的示例代码(yii-se

    yii2组件之下拉框带搜索功能的示例代码(yii-se

    本篇文章主要介绍了yii2组件之下拉框带搜索功能的示例代码(yii-select2),具有一定的参考价值,有兴趣的可以了解一下

  • yii2中使用webuploader实现图片上传的实战项目_php实

    yii2中使用webuploader实现图片上传的实战项目_php实

    本篇文章主要主要介绍了yii2中使用webuploader实现图片上传的实战项目,具有一定的参考价值,有兴趣的同学可以了解一下

  • Chart.js在Laravel项目中的应用示例_php实例

    Chart.js在Laravel项目中的应用示例_php实例

    本篇文章主要介绍了Chart.js在Laravel项目中的应用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • laravel单元测试之phpUnit中old()函数报错解决_php实例

    laravel单元测试之phpUnit中old()函数报错解决_php实例

    这篇文章主要给大家介绍了关于laravel单元测试之phpUnit中old()函数报错的解决过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下

  • 利用swoole+redis实现股票和区块链服务_php技巧

    利用swoole+redis实现股票和区块链服务_php技巧

    这篇文章主要给大家介绍了关于利用swoole+redis实现股票和区块链服务的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下

  • 深入理解PHP中的static和yield关键字_php技巧

    深入理解PHP中的static和yield关键字_php技巧

    这篇文章主要给大家介绍了关于PHP中static和yield关键字的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用php具有一定的参考学习价值,文章需要的朋友们下面随着小编

  • PHPExcel冻结(锁定)表头的简单实现方法_php技巧

    PHPExcel冻结(锁定)表头的简单实现方法_php技巧

    这篇文章主要介绍了PHPExcel冻结(锁定)表头的简单实现方法,涉及使用PHPExcel针对表格属性的简单操作技巧,非常简单实用,需要的朋友可以参考下

  • Laravel实现用户多字段认证的解决方法_php实例

    Laravel实现用户多字段认证的解决方法_php实例

    最近在工作中遇到一个问题,需要多字段的验证,通过查找相关资料终于解决了,下面这篇文章主要给大家介绍了关于Laravel如何实现用户多字段认证的解决方法,文中通过示例代码介绍

  • Laravel中的Sessionid处理机制详解_php实例

    Laravel中的Sessionid处理机制详解_php实例

    这篇文章主要给大家介绍了关于Laravel中Sessionid处理机制的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来

  • PHP中调试函数debug_backtrace的使用示例代码_php技巧

    PHP中调试函数debug_backtrace的使用示例代码_php技巧

    debug_backtrace() 是一个很低调的函数,很少有人注意过它,这篇文章主要给大家介绍了关于PHP中调试函数debug_backtrace的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作

  • 深入解析Laravel5.5中的包自动发现Package Auto Disco

    深入解析Laravel5.5中的包自动发现Package Auto Disco

    众所周知Laravel 5.5 发布在即,目前已经确定会增加一个神奇的新特性:Package Auto Discovery。下面这篇文章主要给大家深入的介绍了关于Laravel5.5中包自动发现Package Auto Discovery的相关资料,

  • PHP memcache在微信公众平台的应用方法示例_php技巧

    PHP memcache在微信公众平台的应用方法示例_php技巧

    这篇文章主要介绍了PHP memcache在微信公众平台的应用方法,结合具体实例形式分析了php使用memcache保存用户访问记录与响应用户访问并给出提示信息的交互模式实现技巧,需要的朋友可以参

  • Laravel框架实现redis集群的方法分析_php实例

    Laravel框架实现redis集群的方法分析_php实例

    这篇文章主要介绍了Laravel框架实现redis集群的方法,简单分析了Laravel框架redis数据库集群功能设置步骤、相关操作技巧与注意事项,需要的朋友可以参考下

  • LNMP部署laravel以及xhprof安装使用教程_php实例

    LNMP部署laravel以及xhprof安装使用教程_php实例

    这篇文章主要介绍了关于在LNMP上部署laravel以及xhprof安装使用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小

  • ASP中用select case代替其他语言中的switch case, defa

    ASP中用select case代替其他语言中的switch case, defa

    这篇文章主要介绍了ASP中用select case代替其他语言中的switch case, default用case else ,需要的朋友可以参考下

  • ASP中if语句、select 、while循环的使用方法_应用技

    ASP中if语句、select 、while循环的使用方法_应用技

    这篇文章主要介绍了ASP中if语句、select 、while循环的使用方法,需要的朋友可以参考下

  • adodb.recordset.open(rs.open)方法参数详解_ASP基础

    adodb.recordset.open(rs.open)方法参数详解_ASP基础

    这篇文章主要介绍了adodb.recordset.open(rs.open)方法参数详解,需要的朋友可以参考下

  • .NET Framework各版本(.NET2.0 3.0 3.5 4.0)区别_ASP基础

    .NET Framework各版本(.NET2.0 3.0 3.5 4.0)区别_ASP基础

    本文主要介绍.NET各个版本之间的区别,以帮助新手朋友选择适合的.NET Framework的版本进行开发。

  • ASP调用WebService转化成JSON数据,附json.min.asp_应用

    ASP调用WebService转化成JSON数据,附json.min.asp_应用

    接触WebService也很久了,但是使用asp调用教程的却不多,还有转成json也不多见,本文全部分享给大家,需要的拿去吧。

  • ASP 连接Access数据库的登陆系统_应用技巧

    ASP 连接Access数据库的登陆系统_应用技巧

    这篇文章主要为大家详细介绍了ASP 连接Access数据库的登陆系统,感兴趣的小伙伴们可以参考一下

  • Webform 内置对象 Session对象、Application全局对象,

    Webform 内置对象 Session对象、Application全局对象,

    这篇文章主要介绍了Webform 内置对象 Session对象、Application全局对象,ViewState的相关资料,需要的朋友可以参考下

  • asp(vbs)Rs.Open和Conn.Execute的详解和区别及&H0001的说

    asp(vbs)Rs.Open和Conn.Execute的详解和区别及&H0001的说

    这篇文章主要介绍了asp(vbs)Rs.Open和Conn.Execute的详解和区别及H0001的说明,需要的朋友可以参考下

  • ASP常用日期格式化函数 FormatDate()_应用技巧

    ASP常用日期格式化函数 FormatDate()_应用技巧

    这篇文章主要介绍了ASP常用日期格式化函数 FormatDate(),很多情况下我们需要自定义输出格式需要的朋友可以参考下

  • asp使用Weekday函数计算项目的结束时间_应用技巧

    asp使用Weekday函数计算项目的结束时间_应用技巧

    在asp编程开发中,计算时间很容易,直接用项目开始时间+天数,即可得到项目结束时间,但这里麻烦就在要排除周六和周日这两个休息时间

  • HTML5 template模板标签元素简介

    HTML5 template模板标签元素简介

    一、HTML5 template元素初面 template元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。 目前,我们在HTML中嵌入模板HTML,往往是类似这样的写

  • 30分钟手把手教你学webpack实战

    30分钟手把手教你学webpack实战

    30分钟手把手教你学webpack实战 阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义

  • vue.js 2.0参考手册chm格式下载

    vue.js 2.0参考手册chm格式下载

    vue.js 2.0参考手册chm格式下载。Vue.js是一套构建用户界面的渐进式框架。与其他javascript框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还

  • vue事件获取事件对象,vue获取事件源,vue event.currentTarget

    vue事件获取事件对象,vue获取事件源,vue event.currentTarget

    js的事件,如点击事件,可以直接用this获取事件对象,而jQuery可以使用$(this)来获取事件对象。vue必须借助事件的 event 对象 的 currentTarget 才能获取事件对象: !DOCTYPE htmlhtml lang="zh-CN" h

  • js获取css3 transform旋转rotate的角度

    js获取css3 transform旋转rotate的角度

    今天,我爱模板网在给一个客户做js转盘的时候,是采用的css3配合jQuery的。期间遇到一个问题,就是需要获取转盘旋转了多少度。

  • DEDECMS字符串替换函数,织梦模板标签调用str_replace()替换函数

    DEDECMS字符串替换函数,织梦模板标签调用str_replace()替换函数

    str_replace() 函数:使用一个字符串替换字符串中的另一些字符。

  • template.js前端模板引擎使用

    template.js前端模板引擎使用

    template.js是HTML模板。可以按照HTML格式编写。不用像JS用HTML字符串拼接。下面来简单介绍下template.js的用法: 一、下载地址 https://github.com/yanhaijing/template.js 作者编写的文档:https://github

  • LESS学习:了解LESS和编译LESS

    LESS学习:了解LESS和编译LESS

    我们大家都知道HTML和CSS不属于编程语言而是属于标记语言,所以很难像JS一样定义变量、编写方法、实现模块化开发等。而目前的CSS编写模式中,都是定义一些公共的样式类名,哪一块

  • LESS学习:LESS的基础语法

    LESS学习:LESS的基础语法

    我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可

  • 禁用的鼠标样式css写法: cursor:not-allowed

    禁用的鼠标样式css写法: cursor:not-allowed

    经常看到bootstrap等框架的按钮禁用时,鼠标移动到上面,会显示类似下面的禁用的鼠标样式: 使用方法非常简单: .btn{cursor: not-allowed;} 但是,这里必须说明:跟pointer-events同时使用会影

  • Node.js安装配置教程

    Node.js安装配置教程

    Node.js 安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法。 本安装教程以Node.js v4.4.3 LTS(长期支持版本)版本为例。 Node.js安装包及源码下载地址为: https://nodejs.org/en/do

  • 用Node.js创建第一个应用:Hello World

    用Node.js创建第一个应用:Hello World

    如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi。 从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理

  • npm install时报错 npm ERR!Windows_NT 6.1.7601

    npm install时报错 npm ERR!Windows_NT 6.1.7601

    我爱模板网在使用npm安装vueJs时,报错,截图如下: 百度了下,解决办法如下: 先设置代理为空: npm config set proxy null 然后再执行: npm install cnpm -g --registry=https://registry.npm.taobao.org

  • npm WARN enoent ENOENT: no such file or directory, open 'h:\

    npm WARN enoent ENOENT: no such file or directory, open 'h:\

    在利用npm安装vue时,执行: npm install vue@2.5.2 虽然下载成功,在“node_modules”的确都安装了相应的版本,但是在命令窗口,会提示错误: npm WARN enoent ENOENT: no such file or directory, open 'h:\

  • Adobe Dreamweaver CS6已停止工作的解决办法

    Adobe Dreamweaver CS6已停止工作的解决办法

    我爱模板网在win7下安装的绿色版Adobe Dreamweaver CS6在使用过程中经常出现“Adobe Dreamweaver CS6”,点击确定就会自动关闭,非常麻烦,如下图: Adobe Dreamweaver CS6已停止工作 Adobe Dreamweaver

  • JSON.parse()和JSON.stringify()

    JSON.parse()和JSON.stringify()

    本文主要讲解 JSON.parse() 和 JSON.stringify() 这一对“冤家”的区别: parse() 用于从一个字符串中解析出json对象,如 假设下面的JSON格式字符串(注意:单引号写在{}外,每个属性名都必须用双

  • 移动端网页真机调试,脱离那些年阻挡我们脚步的手机chrome浏览器的局限--weinre

    移动端网页真机调试,脱离那些年阻挡我们脚步的手机chrome浏览器的局限--weinre

    上一篇文章,我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面,初次接触这类的新人看到肯定很开心,但是那也仅限于手机上安装了谷歌浏览器,我们写

  • Uncaught ReferenceError: plus is not defined (提示: 请在plus rea

    Uncaught ReferenceError: plus is not defined (提示: 请在plus rea

    今天我爱模板网在使用mui开发一个商城的时候,遇到了“Uncaught ReferenceError: plus is not defined (提示: 请在plus ready后再调用plus api必须在)”的错误提示,plus api必须在plus ready之后,再调用。

  • MUI的预加载和plus.webview.create这个有什么区别吗?

    MUI的预加载和plus.webview.create这个有什么区别吗?

    问: 我看到MUI的官方介绍里面使用预加载的方法是 方式一:通过mui.init方法中的preloadPages参数进行配置. 方式二:通过mui.preload方法预加载. 然后我又在这里看到了某位大神写的文章htt

  • mui append和subpages的区别

    mui append和subpages的区别

    问: 实现方式1: plus.webview.create(父页面) plus.webview.create(子页面) 父页面.append(子页面) 父页面.show() 实现方式2: mui.open(父页面) 父页面代码中使用mui.init( subpages) 加载子页面 我打印

  • js中opener与parent的区别详细解析

    js中opener与parent的区别详细解析

    opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。 parent表示父窗口,比如一个A页面利用iframe或

  • mui中opener与parent两个方法

    mui中opener与parent两个方法

    今天,我爱模板网是 mui 的 webview 做一个页面跳转,从一个页面跳转到另一个页面,这两个页面看似都“嵌套”在index.html页面中。而 webview 我们都喜欢将首尾分离。所以,从一个页面跳

  • W3C DOM异常对象DOMException介绍,Uncaught Error: NOT_FOUND_ERR: DOM

    W3C DOM异常对象DOMException介绍,Uncaught Error: NOT_FOUND_ERR: DOM

    一、DOMException是? DOMException 是W3C DOM核心对象。 DOMException 接口表示一个处理的错误,当一个操作不可能执行的时候,会抛出一个异常。例如试图创建一个无效的DOM, 或通过一个不存在的

  • html5 localStorage保存json对象

    html5 localStorage保存json对象

    最近我爱模板网在做项目时,需要用html5的本地存储技术localStorage保存数据,之前用过几次,确实比js的cookie好用多了,但是保存的一直都是字符串,今天想保存对象,发现保存不了,必

  • 移动端适配:font-size设置的思考

    移动端适配:font-size设置的思考

    1. 问题的引出 如果html5要适应各种分辨率的移动设备,可以使用rem这样的尺寸单位,针对各个分辨率范围在html上设置font-size的代码: html{font-size:10px}@media screen and (min-width:321px) and (max

  • 手机端页面自适应解决方案—rem布局

    手机端页面自适应解决方案—rem布局

    该方案目前已过时,这里是更加完美的替代方案—— rem布局(进阶版) 相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局

  • 手机端页面自适应解决方案—rem布局进阶版(附源码示例)

    手机端页面自适应解决方案—rem布局进阶版(附源码示例)

    一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》 ,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更

  • position定位和translate平移让块状容器水平和垂直都居中

    position定位和translate平移让块状容器水平和垂直都居中

    之前,在块状容器垂直居中解决办法和CSS让容器水平和垂直居中的八种方法两篇文章中,详细阐述了如何让块状容器水平垂直都居中。但是,不管哪种,都有缺陷,今天,我爱模板网再

  • 快速安装Git客户端及TortoiseGit并使用

    快速安装Git客户端及TortoiseGit并使用

    开发都会使用版本控制软件,以便团队多人协同开发,以及程序源码的版本管理。目前比较主流以及易用的版本控制软件是Git,本文介绍一下,如何在开发计算机上快速安装Git客户端,

  • mui消息框alert,confirm,prompt,toast

    mui消息框alert,confirm,prompt,toast

    mui为我们提供了alert,confirm,prompt,toast四种框

  • HBuilder连接夜神模拟器

    HBuilder连接夜神模拟器

    最近我爱模板网在使用HBuilder开发一个APP,需要使用真机和模拟器进行调试。一开始安装了海马玩模拟器,HBuilder直接就识别了,但是当我安装夜神安卓模拟器的时候,无法识别。只要在

  • 利用canvas将图片转成base64格式的两种方法

    利用canvas将图片转成base64格式的两种方法

    利用canvas将图片转成base64格式的两种方法

  • Hbuilder MUI 页面刷新及页面传值问题

    Hbuilder MUI 页面刷新及页面传值问题

    一、页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload();}); (2).子页面B代码

  • 织梦dedecms中html和xml格式的网站地图sitemap制作方法

    织梦dedecms中html和xml格式的网站地图sitemap制作方法

    sitemap是网站上各网页的列表。创建并提交sitemap有助于百度(Google)发现并了解您网站上的所有网页,包括百度通过传统抓取方式可能找不到的网页。还可以使用sitemap提供有关你网站的其

  • iPhone/iPad/Android UI尺寸规范

    iPhone/iPad/Android UI尺寸规范

    iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 146px iPhone6 plus物理版 1080×1920

  • mui中几种open页面的区别

    mui中几种open页面的区别

    【几种打开页面的方式】 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 【示例】 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址,支持本地地址

  • setTimeout()模拟setInterval()

    setTimeout()模拟setInterval()

    首先我们来讲讲,setInterval()的问题: setInterval()创建的定时器确保了定时器代码规则地插入队列中。这个问题在于:如果定时器代码在代码再次添加到队列之前还没完成执行,结果就会

  • mui单webview下拉刷新pullrefresh和上拉加载代码

    mui单webview下拉刷新pullrefresh和上拉加载代码

    下面的是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"上拉刷新和下拉加

  • HTML5+ 扫描二维码barcode实例

    HTML5+ 扫描二维码barcode实例

    Barcode模块管理条码扫描,提供常见的条码(二维码及一维码)的扫描识别功能,可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。 使用场景:扫

  • webkit浏览器自定义滚动条样式

    webkit浏览器自定义滚动条样式

    今天在浏览网站时,发现一个网站的滚动条非常好看,就查看了它的css代码,找到了在WebKit浏览器下自定义滚动条样式的代码,抄在下面,方便下次查找: ::-webkit-scrollbar{width:10px;heig

  • Speak.js基于JavaScript将文字转换为语音TTS

    Speak.js基于JavaScript将文字转换为语音TTS

    这个项目将来自C++的eSpeak speech synthesizer采用Emscripten移植到JavaScript。在web上实现Text-to-speech只需要浏览器支持JavaScript. + HTML5。Speak.js 是一个 JavaScript 实现的 Text-to-Speech 的引擎。 介绍 T

  • JavaScript克隆节点——cloneNode

    JavaScript克隆节点——cloneNode

    很多时候我们会用for 来生成多个结构相同的节点结构,这样我们需要写很多createElement、setAttribute、appendChild 等代码。但其实我们只需要有一个html 的模板,就可以用cloneNode 方法对已有的

  • HBuilder mui登录和访问控制教程

    HBuilder mui登录和访问控制教程

    mui中提供了登录的模板页,但是对于登录后各个页面的访问控制,刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧,肯定有不足指出,欢迎批评指正。 第一节中创

  • HTML5新特性之WebSocket

    HTML5新特性之WebSocket

    在Web应用越来越复杂的今天,消息推送已经成为一个非常重要的功能了,有了消息推送,Web页面就能够及时的接收到来自服务端的消息,为用户展现最好的交互体验。过去我们在实现W

  • jQuery获取选中的option的索引

    jQuery获取选中的option的索引

    今天,做项目时,有个需求,需要在select值改变时,获取当前选中option的外面的optgroup的值。 思路很清楚,得到当前选中的option,然后通过jQuery的parent选中它的父节点,即可。 下面这三

  • Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom

    Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom

    一、父页面中Js读取或调用iframe中的Dom或js代码段 二、iframe子页面中的Js调用父页面中的Dom或js代码段 /*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为d

  • 一步一步教你VMWare安装苹果Mac OS X

    一步一步教你VMWare安装苹果Mac OS X

    这是一篇写于2016年9月的教程投稿,方便使用VMWare安装Mac OS X,也包括最新的macOS系统,图文并茂,内容丰富,不过以下按照原文仍使用Mac OS X的说法。 随着iPhone、iPad、Mac等苹果产品越来

  • dedecms织梦主动推送完整实例(单篇推送版本)

    dedecms织梦主动推送完整实例(单篇推送版本)

    网站文章添加完成后,如果能够推送到百度,通知百度收录,那就非常不错了。这里,介绍一下,如何在dedecms织梦添加文章后,主动通知百度: 打开article_add.php文件,查找如下代码:

  • JavaScript中的Date对象在Safari与IOS中的“大坑”

    JavaScript中的Date对象在Safari与IOS中的“大坑”

    最近小编在做一个会议室预定的功能,这个功能就像在买电影票时选择座位一样,看看会议室的哪个时间段空闲,有什么设备等等。由于我做的是APP,APP既要兼容Android,又要兼容IOS,刚

  • 百度REST API语音合成免费使用方法

    百度REST API语音合成免费使用方法

    百度语音合成服务,基于HTTP请求的REST API接口,将文本转换为可以播放的mp3文件。使用方法非常简单,而且免费,支持设置语速、发音人选择等功能。 1、注册百度“AI开放平台”:htt

  • requestAnimationFrame,Web中写动画的另一种选择

    requestAnimationFrame,Web中写动画的另一种选择

    前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame 引

  • PHP中include()与require()的区别说明

    PHP中include()与require()的区别说明

    require 的使用方法如 require("MyRequireFile.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,使它变成 PHP 程序网页的一部份。常用的函

  • PHP return语句另类用法不止是在函数中

    PHP return语句另类用法不止是在函数中

    分享下PHP return语句的另一个作用,在bbPress的代码中看到的一个奇葩使用方法。 一直以为,return只能出现在函数中,直到看了下面的代码: ?phprequire_once('./bb-load.php'); bb_repermalink(); if ( $

  • ios8对flex部分不兼容问题

    ios8对flex部分不兼容问题

    今天我爱模板网在用mui做app时,客户反馈在iPhone 6上错位了。拿到手机一看,所有的与flex布局的都错位了,百度了下,发现iOS 8不支持flex,要写成-webkit-flex这种前缀才可以。看了下客户

  • php调试时echo,print_r(),var_dump()的区别

    php调试时echo,print_r(),var_dump()的区别

    echo() 可以一次输出多个值,多个值之间用逗号分隔。echo是语言结构(language construct),而并不是真正的函数,因此不能作为表达式的一部分使用。 print() 函数print()打印一个值(它的参数

  • js如何判断一个变量是否为undefined

    js如何判断一个变量是否为undefined

    我爱模板网 做项目时,从数据库取数据,需要对数据进行判断,如果为undefined就不让它显示,于是,就拿变量和字符串“undefined”进行判断,发现结果总是false,即使这个变量的确为

  • mui IOS提交APP STORE不通过:RN权限提示框修改

    mui IOS提交APP STORE不通过:RN权限提示框修改

    今天,我爱模板网做APP,有个拍照功能,需要使用到相机。提交APP STORE发现不通过,原因是,IOS打开相机弹出的RN权限提示框的提示文字有问题,需要改为:“xxx需要使用你相机权限,

  • 设置了display:none到display:block后,transition动画无效

    设置了display:none到display:block后,transition动画无效

    设置了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复制粘贴

    mui APP复制粘贴,Native.js复制粘贴

    mui APP复制粘贴,Native.js复制粘贴,下面的代码经过测试,完美运行,并且兼容性也不错: /** * @description 获取剪贴板内容 (粘贴) */function getClipbordText() { if(!window.plus) return; if(mui.os.android

  • jQuery中attr()、prop()、data()用法及区别

    jQuery中attr()、prop()、data()用法及区别

    .attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property。 .prop(),此方法jq1.6引入,读/写DOM的property。 .data(),此方

  • jQuery ajax - serialize() 方法

    jQuery ajax - serialize() 方法

    定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请

  • js动态创建样式: style 和 link

    js动态创建样式: style 和 link

    网上提供有很多关于JavaScript动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,博客园 stephenykk 写了下面的文章: 静态

  • HBuilder mui开发教程微信、QQ、新浪分享

    HBuilder mui开发教程微信、QQ、新浪分享

    Hbuild是支持微信分享(好友和朋友圈),QQ分享,新浪微博和腾讯微博分享。 但是在使用的过程中,官方给的文档似乎很坑爹。 《分享插件配置》 《分享插件开发指南》 都是2014年7月发

  • js判断mousewheel事件鼠标滚轮滚动的方向

    js判断mousewheel事件鼠标滚轮滚动的方向

    js鼠标滚轮滚动事件,即 mousewheel 事件,如何判断鼠标滚动是往前滚,还是往后滚,即鼠标滚轮滚动的方向

  • js toString()和toLocaleString()的区别

    js toString()和toLocaleString()的区别

    js中toString()和toLocaleString()都是转字符串方法,那么有什么区别呢: 1、数字: 在数字转换成字符串的时候,并没有感觉这两个方法有什么区别,如下: var e=123;e.toString(); //输出 "123";e.

  • Siteserver <:searchInput>自定义显示样式

    Siteserver <:searchInput>自定义显示样式

    我们在做网站时,大部分都需要自定义搜索框样式,而Siteserver CMS的stl:searchInput 是支持自定义显示样式: 自定义搜索表单显示样式需要在stl:searchInput中嵌入自定义搜索项。 注意: stl:se

  • 最详细的SiteServer CMS模板嵌套全过程

    最详细的SiteServer CMS模板嵌套全过程

    利用SiteServer CMS 系统建网站的主要工作量就是在于做模板,即所谓的模板嵌套。对于一个刚接触SiteServer CMS 系统的新手来说,最关心的问题莫过于模板是如何嵌套出来的、模板制作过程

  • css多行文字超出显示点点点...-webkit-line-clamp详解

    css多行文字超出显示点点点...-webkit-line-clamp详解

    在做网站的列表时,经常遇到文字强制在一行显示,超出则显示点点点,这个可以用后台语言限制字数,但是不建议这么做,因为非常不利于seo(标题只显示一部分),一行的话,用c

  • tab选项卡示例教程-基于subnview模式的原生tab(含底部凸起大图标)

    tab选项卡示例教程-基于subnview模式的原生tab(含底部凸起大图标)

    方案比较说明 关于tab bar选项卡,目前已经有多种实现方案,最常见的有div方案的和双webview方案的。 div方案 div方案的选项卡是普通的实现方案,所有都放在一个页面中执行,页面压力

  • 关于mui plus.nativeObj.View画图像时有时不显示暂时解决办法

    关于mui plus.nativeObj.View画图像时有时不显示暂时解决办法

    我爱模板网在做底部凸起圆导航时,遇到了一个问题,中间凸起的圆用plus.nativeObj.View的方式画的,方法可以参考:mui APP tab选项卡底部凸出图标解决实例 http://www.5imoban.net/jiaocheng/hbuild

  • select 文字右对齐

    select 文字右对齐

    select 文字右对齐

  • html5+经纬度定位不准确,html5坐标转火星坐标,百度地图Convertor.translate

    html5+经纬度定位不准确,html5坐标转火星坐标,百度地图Convertor.translate

    今天,我爱模板网在做APP考勤时,需要定位用户的位置,显示在地图上,于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度,然后通过百度地图api将经纬度转换成详细的地址

  • 百度地图API详解之地图标注覆盖物,修改百度地图Marker图标

    百度地图API详解之地图标注覆盖物,修改百度地图Marker图标

    本文将向大家介绍百度地图API的标注(Marker)的使用方法和一些实现细节及修改百度地图Marker图标。 标注概述 标注(Marker)是用来表示一个点位置的可见元素,每个标注自身都包含地理

  • jQuery :empty 选择器,jQuery 空选择器详解

    jQuery :empty 选择器,jQuery 空选择器详解

    jQuery :empty 选择器的 定义和用法 :empty 选择器选取空的元素。 空元素指的是不包含子元素或文本的元素,如标签、空格、换行都不能有。 语法 $(":empty") 实例: htmlheadtitlejQuery :empty选择

  • jQuery $.curCSS is not a function 解决办法

    jQuery $.curCSS is not a function 解决办法

    我爱模板网在使用 黑色扁平化日期选择插件datepicker.js这个插件时,为了和项目的jQuery版本保持统一,将插件的jQuery版本由1.4替换成了1.11的版本,结果报了下面的错: $.curCSS is not a fun

  • jQuery重复绑定事件

    jQuery重复绑定事件

    我爱模板网封装了一个简单的弹窗事件,弹窗点击确定时,会有一个回调,代码片段如下: okBtn.click(function(){ if(typeof o.okFn == 'function'){ o.okFn(res) } layerBg.removeClass(o.showClass);}) 可是在实际

  • overflow:auto导致绝对定位占位置,overflow-x和overflow-y值问题

    overflow:auto导致绝对定位占位置,overflow-x和overflow-y值问题

    我爱模板网要实现一个效果,侧边栏点击出现更多,更多定位,侧边栏内容很多,高度固定,必须有滚动条,结果,出现了问题,如下: 左边slider只能y轴滚动,overflow-y:auto,横轴没有设

  • document.selection.createRange方法:获取用户选择文本

    document.selection.createRange方法:获取用户选择文本

    document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。 配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建

  • js函数 Number()、parseInt()、parseFloat()的区别

    js函数 Number()、parseInt()、parseFloat()的区别

    Number()、parseInt()、parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。parseInt()和parseFloat()方法只转换第一个无

  • jQuery ajax - load() 方法

    jQuery ajax - load() 方法

    load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。 注释:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。 语法 load(url,data,function(respo

  • escape、encodeURI和encodeURIComponent的区别

    escape、encodeURI和encodeURIComponent的区别

    一、前言 讲escape、encodeURI和encodeURIComponent的区别的文章太多了,但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和encodeURI和encodeURIComponent不是同一类 简单来说,

  • ECMAScript5中文手册Android安卓版下载

    ECMAScript5中文手册Android安卓版下载

    我爱模板网倾情推荐:ECMAScript5中文手册Android安卓版下载,本手册是ECMA-262, Edition 5标准的中文翻译,学习JS必备手册,安装一个到手机上,上班下班坐公交(如果的话),也可以没事翻

  • vue中的v-if和v-show的区别

    vue中的v-if和v-show的区别

    简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低 1.共同点 都是动态显示隐藏DOM元素 2.区别 (1)手段: v-if是动态的向DOM树内添加或者删除DOM元素; v-show是

  • html转pdf,html转canvas,js图片转PDF:html2canvas.js、jsPdf.debug.js

    html转pdf,html转canvas,js图片转PDF:html2canvas.js、jsPdf.debug.js

    最近碰到个需求,需要把当前页面生成pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要。 html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页

  • MUI evalJS跨webview回传参或执行方法

    MUI evalJS跨webview回传参或执行方法

    在H5+app的开发中,webview的操作是基础,在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。 准备工作: 我们需要两个页面A和B,B是A的子页面,点击B中的

  • jQuery tablesorter排序分页插件

    jQuery tablesorter排序分页插件

    一、简介: Tablesorter作用于一个标准的HTML表格(有THEAD,TBODY),实现静态排序;主要特点包括: (1) 多列排序; (2) 支持文本、URI地址、数值、货币、浮点数、IP地址、日期、时间

  • 修复iPhone的safari浏览器上submit按钮圆角:css3 appearance

    修复iPhone的safari浏览器上submit按钮圆角:css3 appearance

    自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset

  • 使用CSS3的appearance属性改变任何元素的浏览器默认风格

    使用CSS3的appearance属性改变任何元素的浏览器默认风格

    前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用“appearance”属性,来改变任何元素的浏览

  • CSS3 -webkit-appearance appearance

    CSS3 -webkit-appearance appearance

    我爱模板网在做下面的CheckBox效果时,采用的都是span或者其他容器替代CheckBox,非常麻烦: 我爱模板网在给一个客户做网站时,发现他的网站上面的CheckBox非常漂亮,并且没有使用span等

  • 通过JS语句判断WEB网站的访问端是电脑还是手机

    通过JS语句判断WEB网站的访问端是电脑还是手机

    在实际项目开发中,可能会通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面。下面是我爱模板网总结的js判断设备,然后跳转到手机站或PC站: JS 判断浏览器客户端类

  • 利用 background-clip: text 实现css3文字渐变

    利用 background-clip: text 实现css3文字渐变

    background-clip是css3新属性,可以改变背景显示的范围,它主要由如下的值: background-clip: border-box background-clip: padding-box background-clip: content-box background-clip: inherit background-clip: text (只有chr

  • 父窗口和iframe窗口互相调用内部的函数方法

    父窗口和iframe窗口互相调用内部的函数方法

    一个页面中嵌套了iframe,我们姑且将被嵌套容器成为父窗口,嵌套的iframe成为子窗口,它们之前可能存在互相调用内部函数的问题,下面是小总结: 父窗口调用子窗口的方法: document

  • vue v-cloak解决刷新或者加载出现闪烁

    vue v-cloak解决刷新或者加载出现闪烁

    在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如 div class="#app" p{{value.name}}/p/div 在加载的时候会看到 {{value.name}} 在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可

  • js和jQuery获取滚动条滚动距离

    js和jQuery获取滚动条滚动距离

    jQuery获取滚动距离非常简单: $(document).scrollTop(); $(document).scrollLeft(); js获取滚动距离有点麻烦,要考虑兼容性: /** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */function getScrollTop() {

  • ES6 — 对象扩展

    ES6 — 对象扩展

    转载自CSDN webxiaoma 的一篇关于ES6 对象扩展的文章: 一、对象属性和方法 1.简写 // 属性简写var a = "first";var b = {a};console.log(b) // {a:"first"}//方法简写var obj = { method (){ retrun "hello world"; }}//等

  • es6箭头函数,es6 =>

    es6箭头函数,es6 =>

    ES6箭头函数详解,ES6 = 详解(注意不是=) 基本用法 var f = v = v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部

  • 利用text-align-last: center让select标签文字居中

    利用text-align-last: center让select标签文字居中

    我爱模板网在做一个h5 app时,需要将select标签中的文字居中显示,设置了下面的代码都没有用: select,option{text-align:center} 后来百度了一个css属性:text-align-last,它的作用是:属性规定如

  • 微信小程序 尺寸单位rpx与px,rem相互转换

    微信小程序 尺寸单位rpx与px,rem相互转换

    1. rpx :微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px =

  • mui.previewimage.js图片预览不全屏解决办法,可以举一反三

    mui.previewimage.js图片预览不全屏解决办法,可以举一反三

    我爱模板网在用mui开发APP时,用mui.previewimage.js做图片预览时,遇到了下面的问题: 如图,这是一个子页面,需求是点击图片预览大图。ok,大家把mui的图片预览拿过来用: 但是,图片是

  • 手机端响应式js动态rem尺寸的使用

    手机端响应式js动态rem尺寸的使用

    关于rem,我爱模板网有好几篇文章都介绍到了它的使用方法,如 手机端页面自适应解决方案—rem布局进阶版 和 手机端转换rem适应 等,更多你可以查看 rem搜索 。今天,在做一个体彩网

  • mui.fire()和mui.evalJS()的区别

    mui.fire()和mui.evalJS()的区别

    mui在一个页面执行另一个页面,通常有两种方法:mui.fire()和mui.evalJS()。例如,在B页面要执行A页面的initMe(param)函数,那么用两种方法可以如下写: /**************mui.fire************///A页面fu

  • Window.open()方法参数详解

    Window.open()方法参数详解

    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

  • GPS坐标转换为百度坐标pointtransfertools.js

    GPS坐标转换为百度坐标pointtransfertools.js

    前言 BMap.Convertor 在坐标转换上有数量限制,这点在实际的项目中受限。参考网上一些文档,封装了下面js版的坐标转换工具pointtransfertools.js。经测试,误差在可容忍范围之内。 点击 下

  • html5 plus pickDate和pickTime,mui日期和时间选择器

    html5 plus pickDate和pickTime,mui日期和时间选择器

    html5 plus用js封装了对安卓和IOS底层日历和时钟的调用,pickDate和pickTime,由于是封装的,直接调用的底层的接口,所以,在UI方面,不同的系统的手机显示可能不同,优点是执行速度快。

  • Express中的app.use与app.get的区别

    Express中的app.use与app.get的区别

    app.use app.use的作用是将一个中间件绑定到应用中,参数path是一个路径前缀,用于限定中间件的作用范围,所有以该前缀开始的请求路径均是中间件的作用范围,不考虑http的请求方法,

  • html tabIndex属性详解

    html tabIndex属性详解

    我爱模板网在做下面的效果时,即按键盘上下键,能够让蓝色背景在行中移动,以选择不同的行,这个用js很好实现,但是由于列表比较多,所以超出了范围,使用了滚动条。可是,当

  • JS设置cookie,删除cookie

    JS设置cookie,删除cookie

    js的cookie使用起来非常麻烦,因为它就是一个字符串,设置和读取都不方便,下面提供了三种方法,都是简化cookie的使用方法,设置获取直接调用函数,传个参数即可: 第一种:(这个

  • 百度获取经纬度,以及省市区,BMap.Geolocation()

    百度获取经纬度,以及省市区,BMap.Geolocation()

    之前获取经纬度坐标,都是使用的html5 pius封装的html5的方法(文章末尾有提供),下面记下百度直接获取经纬度(百度定位有三种方法:浏览器定位、IP定位和SDK辅助定位,这里是浏览器

  • JSON.parse()后面不能直接push

    JSON.parse()后面不能直接push

    今天,我爱模板网遇到一个很奇怪的问题,historyCities是一个类似于下面的JSON字符串: [{"cityid":"1101","name":"北京市"}] 我要往里面加入其它城市的信息,自然而然想到了push,先转为数组对

  • mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码

    mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码

    本示例代码,为我爱模板网在项目中使用的,mui拍照或从相册选择照片,并且对照片进行1倍压缩,最终得到base64为图片地址的代码。这里的图片压缩,用的是jpgtobase64.js插件,它的原理

  • 文字超出一行或者指定行数(多行)显示点点点(...),-webkit-line-clamp

    文字超出一行或者指定行数(多行)显示点点点(...),-webkit-line-clamp

    关于标题提到的超出多行显示点点点“...”的问题,在之前我爱模板网总结了两种方法: css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 一行文

  • JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容selectionStart、selectionEnd、cr

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容selectionStart、selectionEnd、cr

    先看下效果: 基本的认识: 文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解

  • 多级frameset和iframe的js查找调用

    多级frameset和iframe的js查找调用

    iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前

  • ES6常用语法糖

    ES6常用语法糖

    ES6为一些已有的功能提供了非破坏性更新,这类更新中的大部分我们可以理解为语法糖,称之为语法糖,意味着,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些。本章

  • 使用Babel将ES6语法转换到ES5语法

    使用Babel将ES6语法转换到ES5语法

    下面是Babel转换后结果:js文件夹里面的是两个ES6语法js文件,lib文件夹里面是转换后的两个ES5语法js文件: 转换示意图 Babel官网: Babel官网 Babel相当于一个翻译, 可以将ES6的语法,装换为

  • 重新认识ES6中的语法糖

    重新认识ES6中的语法糖

    ES6为一些已有的功能提供了非破坏性更新,这类更新中的大部分我们可以理解为语法糖,称之为语法糖,意味着,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些。本章

  • mui webview 界面操作、窗口层关系

    mui webview 界面操作、窗口层关系

    1、获取当前窗口id: //WebviewObject plus.webview.currentWebview();var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象console.log( "窗口标识: "+ws.id );console.log( "当前Webview窗口:"+ws.get

  • Dedecms recommend.php title XSS漏洞

    Dedecms recommend.php title XSS漏洞

    用360检测网站的时候,发现了“Dedecms recommend.php title XSS漏洞”的漏洞,该如何修复: 核心文件comm.php最新版本有过滤函数,也可以直接删除了这个recommend.php文件,对主站程序没有多大

  • CSS3混合模式mix-blend-mode/background-blend-mode简介

    CSS3混合模式mix-blend-mode/background-blend-mode简介

    一、关于混合模式 熟悉PS的人都应该知道混合模式: SVG以及Canvas中也有混合模式,本质上都是一样的。 下面是一些常见的混合模式的算法: 本文内容则简单介绍CSS3出现了两个与混合模

  • CSS3 isolation: isolate详解

    CSS3 isolation: isolate详解

    一、关于isolation isolation是一个CSS3属性,顾名思意是“隔离”,支持的值除了万年不变的inherit外还包括auto和isolate. 继承没什么好说的。auto实际上就是不干事的意思,是元素的默认值。

  • 如何修改高德地图点标注文本label标签样式

    如何修改高德地图点标注文本label标签样式

    高德地图使用方便,api接口写的非常清晰。今天,就来聊一聊高德地图的点标注文本label标签样式是怎么修改的。先来一段代码: var map = new AMap.Map('container', { zoom:11,//级别 center: [116.39

  • JS requestAnimationFrame详解

    JS requestAnimationFrame详解

    性能更好的js动画实现方式——requestAnimationFrame 用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也

  • jquery jTemplates.js模板渲染引擎的用法

    jquery jTemplates.js模板渲染引擎的用法

    jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据时发愁了。后端语言使用php,asp.net,jsp等都不是问题,使用模板渲染可以很大程度上提高程序性能

  • 一步一步教您用HBuilder的git将项目上传到gitee上

    一步一步教您用HBuilder的git将项目上传到gitee上

    本教程教您一步一步利用HBuilder的git插件,将项目上传到gitee上。 1、安装HBuilder的git插件:打开HBuilder,菜单栏-工具-插件安装,如下: 2、找到EGIT,勾选后面的选择,点击下面的“安装

  • jQuery cookie插件jquery.cookie.min.js的用法

    jQuery cookie插件jquery.cookie.min.js的用法

    我们都知道,js的cookie,设置读取都一样,变量名和值也不分开,使用起来非常麻烦,为此,jQuery的cookie插件:jquery.cookie.min.js帮了大忙了,下面就看看怎么用吧: 1.引入jquery.js script s

  • js触发已有事件,js trigger

    js触发已有事件,js trigger

    js触发已经写好的事件,类似于jQuery的trigger方法,但是js本身不具备trigger方法,必须自己进行封装

  • Chrome浏览器修改user-agent伪装其它浏览器

    Chrome浏览器修改user-agent伪装其它浏览器

    我们在做web开发时,服务器会根据用户的不同浏览器客户端返回不一样的结果,主要判断依据就是浏览器的user-agent。那么如果我们需要伪装成某个其他浏览器来测试不同的结果呢,就需

  • php fopen()函数实现追加内容到txt文件中的方法

    php fopen()函数实现追加内容到txt文件中的方法

    php将内容覆盖到记事本文件,追加到记事本文件和读取记事本文件内容的代码

  • PHP 文件创建/写入 fopen()/fwrite()函数

    PHP 文件创建/写入 fopen()/fwrite()函数

    PHP 创建文件 - fopen() fopen() 函数也用于创建文件。也许有点混乱,但是在 PHP 中,创建文件所用的函数与打开文件的相同。 如果您用 fopen() 打开并不存在的文件,此函数会创建文件,假

  • 手机浏览器下better-scroll中click事件,链接无效的问题

    手机浏览器下better-scroll中click事件,链接无效的问题

    使用better-scroll时,大多数会出现一个问题,就是在大的div里面的a 链接或者click事件都不用了,这是因为BScroll禁用了click事件,在初始化时,加入参数:click:true,即可。如下: html部分

  • addEventListener绑定click和直接写onclick的区别

    addEventListener绑定click和直接写onclick的区别

    这次做项目遇到了这个问题,本来习惯性的每次都写的是addEventListener绑定click事件。但是当用addEventListener绑定了多次click事件的时候,引发了我的思考,这两者有区别吗? 探究: oncli

  • 在dom里定义的onclick传入event事件

    在dom里定义的onclick传入event事件

    有这么个需求,在dom节点里面定义的onclick事件,如何传递event,并且阻止事件冒泡?onclick事件如下:

  • vue中关于checkbox数据绑定v-model指令的个人理解

    vue中关于checkbox数据绑定v-model指令的个人理解

    在使用input复选框配合v-model时,遇到了一些疑惑,即当复选框对应的v-model是一个数组和一个字符串时,得到的类型不一样,下面是从网上找的,这里记录下: 下面是最常见的例子: d

  • HTML5 template标签元素简介

    HTML5 template标签元素简介

    元素,基本上可以确定是2013年才出现的。干嘛用的呢,顾名思意,就是用来声明是“模板元素”。 目前,我们在HTML中嵌入模板HTML

  • ie8下数据不显示,F12启动调试后正常

    ie8下数据不显示,F12启动调试后正常

    程序正常启动运行,界面数据显示不出来,按F12调试后立马正常,网上查原因: IE8 与IE9 的console对象只有在打开了bug窗口之后才会被创建。之后的版本才解决了这个问题。删除了代码中

  • 循环遍历总结(for/foreach/forin/forof/map/some/filter)

    循环遍历总结(for/foreach/forin/forof/map/some/filter)

    for-of 循环 for (var value of myArray) { console.log(value);} 循环的对象需为一个数组 无法记录索引 可以相应break、continue、return语句 可用来遍历对象属性 可用来遍历对象的自值 无法获取到对象或

  • 浅谈for,for-in,forEach,for-of几种循环

    浅谈for,for-in,forEach,for-of几种循环

    今天主要来给大家说一下for的几种循环,仅代表个人的想法与观点,欢迎各位大神批评。 for循环主要有以下几种: 1.一般的for循环 2.for-in循环 3.forEach循环 4.for-of循环 一.首先是普通的

  • 理解VUE $nextTick 的作用

    理解VUE $nextTick 的作用

    有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。 其实如果看一下 深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这

  • Vue页面渲染ajax获取的对象报错undefined

    Vue页面渲染ajax获取的对象报错undefined

    首先,要渲染的代码如下: {{options.fileList[0].fullPath}} 这是一个标准的三级对象,能够渲染成功,如下: 但是控制台依然报错: 如果有跟我遇到同样问题的朋友一定跟我一样,心里一万

  • jquery.dataTables表格列动态显示隐藏封装(二)

    jquery.dataTables表格列动态显示隐藏封装(二)

    jquery.dataTables 提供了列的显示隐藏方法。 做过企业管理项目前台的程序员可能都知道,许多用户在查看一些业务数据的时候,喜欢将表格不关心的数据进行隐藏。便于信息的比对与查看

  • Vue.js中ref ($refs)用法举例总结

    Vue.js中ref ($refs)用法举例总结

    本文详细举例了Vue.js中ref ($refs)用法,转载自cnblog的慕容小凡,原文地址:http://www.jianshu.com/p/3bd8a2b07d57 一、ref使用在外面的组件上 HTML 部分

  • JS动态引入js,CSS——动态创建script/link/style标签

    JS动态引入js,CSS——动态创建script/link/style标签

    一.动态创建link方式 我们可以使用link的方式.如下代码所示: function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css")

  • ios8的flex兼容性问题

    ios8的flex兼容性问题

    flex布局在IOS8表现的一塌糊涂,原因是没有加前缀(私有属性)。而我爱模板网所做的这个APP,已经写了太多的flex了,一个一个替换太麻烦。之前遇到过一次,叫客户把他手机拿来,我

  • VUE $forceUpdate()强制渲染

    VUE $forceUpdate()强制渲染

    VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题 页面展示: 实现效果:点击实现列表内容的展开、折叠。 div class="invoice-list" v-for="(item,index) in invoice

  • js获取对象所有键名(key/下标)的方法

    js获取对象所有键名(key/下标)的方法

    for in 循环 并且使用hasOwnProperty 方法

  • svn Authorization failed错误

    svn Authorization failed错误

    今天用小乌龟SVN提交更新时,出现Authorization failed的错误,如下图: 这种情况肯定是SVN服务器出现了问题,需要修改其三个配置文件: 1、svnserve.conf: [general]anon-access = readauth-access = wri

  • HTML5 Audio/Video 标签,属性,方法,事件汇总

    HTML5 Audio/Video 标签,属性,方法,事件汇总

    audio标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码

  • 关于audio的loadeddata事件在IOS不触发

    关于audio的loadeddata事件在IOS不触发

    我爱模板网在写一个 html5歌词同步的音乐播放器 时,在IOS测试,发现HTML5 Audio的loadeddata事件始终不执行,在Android下执行,而且,打印audio的readyState状态,始终是1,但是Android是4,代码如

  • HTML5 audio、video原生样式修改,查看shadow dom的方法

    HTML5 audio、video原生样式修改,查看shadow dom的方法

    audio和video的样式修改,一般都是重写界面,然后用js操作audio和video,这种方法的优点是界面定义更灵活,更美观,缺点是如果只想改一点点,比如video播放条颜色,而动手重新写,代价

  • JS性能之runtime

    JS性能之runtime

    如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句

  • VUE Vue.set通过对添加的属性判断,实现选择多个(多选)

    VUE Vue.set通过对添加的属性判断,实现选择多个(多选)

    今天我爱模板网要用VUE做一个多选的效果,即对所有选项,可以选择也可以取消,可以多选也可以一个不选,效果图如下: 所有选项的值如下: list:[ {id:1,title:'JSK'}, {id:2,title:'OP'}, {id:

  • iphone6开机一直卡在开机画面

    iphone6开机一直卡在开机画面

    今天,使用了多年的iPhone 6s开不了机了,一直停在开机界面,俗称“白苹果”,无论怎么按开机键还是开机和home一起都不行,如下图: 百度了下,按照下面的方法,可以了: 一,ipho

  • 浅谈 ES6 Object.assign

    浅谈 ES6 Object.assign

    Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。 Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属

  • apicloud 做QQ登陆时“QQ登录提示“应用工程配置错误,scheme没有配置”

    apicloud 做QQ登陆时“QQ登录提示“应用工程配置错误,scheme没有配置”

    在用APICloud给客户做QQ登陆时,提示:“QQ登录提示“应用工程配置错误,scheme没有配置”,一开始以为appkey配置错误,但是按照官网看了没问题: 1、在config.xml中配置: feature name="qq"

  • vue中关于$emit的用法

    vue中关于$emit的用法

    1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 例

  • 使用URLSearchParams处理axios发送的数据

    使用URLSearchParams处理axios发送的数据

    在使用axios这个ajax插件的时候,我们有些时候会遇到一些问题,比如:数据格式不正确 以最简单的例子为基础(这里使用post方法): 在上面的例子中我们直接调用axios的post方法,传给

  • vue的注意规范之v-if 与 v-for 一起使用

    vue的注意规范之v-if 与 v-for 一起使用

    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=

  • swiper中的swiper-slide内容超出滚动显示

    swiper中的swiper-slide内容超出滚动显示

    我爱模板网在做一个智能景观APP的时候,需要做类似抖音的整屏上下滑动的效果,如下图: 但是数据太多,单个swiper-slide的内容一屏显示不下,这时,简单的overflow-y:scroll解决不了,

  • JS数组reduce()方法详解

    JS数组reduce()方法详解

    基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被

  • 利用js reduce方法去除数组中的重复项

    利用js reduce方法去除数组中的重复项

    js的reduce有点类似于递归,对数组进行循环计算,最终得到想要的效果,可以想见: js reduce详解 。 下面的方法是我爱模板网在做项目时,遇到数组去重,从网上“剽窃”的一个方法,

  • vue使用v-if时的注意点

    vue使用v-if时的注意点

    v-if和v-else或v-else-if之间不能添加其他元素。

  • vant Cell单元格右侧显示文字的方法

    vant Cell单元格右侧显示文字的方法

    我爱模板网在用vue+vant做一个混合app时,遇到一个需求:单元格的右侧出现可以填写的内容以及内容的单位。如下图所示: 这个可以用vant的cell单元格来做,但是在官网没有找到右侧有文

  • VUE限制只能输入数字和去除空格,亲测可行

    VUE限制只能输入数字和去除空格,亲测可行

    我爱模板网在做app时,客户要求比较严格,注册的时候,手机号只能输入数字。input的type为tel还是能够输入数字,百度了下,发现下面的方法可以:

  • apicloud sendevent传递参数问题

    apicloud sendevent传递参数问题

    APICloud的sendEvent在传递参数方面,IOS和Android不太一样

  • apicloud aMap getNameFromCoords code:1008

    apicloud aMap getNameFromCoords code:1008

    apicloud aMap模块的根据经纬度获取地址信息的getNameFromCoords报{code:1008}错误:

  • swiper.js 在IOS中双击上滑或下滑

    swiper.js 在IOS中双击上滑或下滑

    在IOS,swiper双击屏幕滑动模块会上移,并且不会恢复正常状态。 这个不是swiper的问题哦,是因为html5页面嵌入到ios中的问题,在安卓中没有这个问题。 解决方案就是将双击事件给阻止掉

  • base64图片压缩

    base64图片压缩

    下面这段代码是我爱模板网为解决头像过大,从网上找的压缩base64图片的方法,得到的结果在callback中使用,callback有两个默认参数,第一个是压缩后的blob图片对象,第二个是压缩后的图

  • NodeJs简单入门指南--搭建一个简单的http服务器

    NodeJs简单入门指南--搭建一个简单的http服务器

    NodeJs的适用场景: 1:高并发、高I/O场景 2:逻辑较少 3:追求响应速度的项目 以上三点是我们使用NodeJs所要考虑的,由于nodejs是单线程、异步I/O的、事件驱动的语言,所以带来响应速度

  • nodejs+electron实现桌面程序exe

    nodejs+electron实现桌面程序exe

    nodejs+electron编写exe程序

  • vue-cli(vue脚手架)超详细教程

    vue-cli(vue脚手架)超详细教程

    vue2是对新手很友好的MVVM框架,有完善的官方中文文档,阅读起来也非常容易理解,由浅入深,示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 v

  • vue-cli搭建教程

    vue-cli搭建教程

    都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vu

  • php和js过滤emoji表情符号

    php和js过滤emoji表情符号

    手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错: SQLException: Incorrect string value: '\xF0\x9F\x98\x84' for column 'review' at row 1 原因是:UTF-8编码有可能是两个、三个、四

  • 完美解决vue  keep-alive 缓存问题

    完美解决vue keep-alive 缓存问题

    一:摘要:使用vue开发单页面应用,如何解决页面缓存问题(尤其在手机端),如何才能做到 新打开的页面 获取最新数据,返回上一个页面获取最新的缓存页面数据? 二:页面打开和

  • promise与回调的异步编程比较(小demo)

    promise与回调的异步编程比较(小demo)

    首先我们要做三个小球的运动,第一个动后第二个动之后第三个动 我们先写出三个小球球

  • js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

    js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

    jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单,已经提供了方法:

  • vconsole 移动端的调试利器

    vconsole 移动端的调试利器

    在使用mui等做手机端混合APP时,真机调试问题非常的麻烦,之前介绍过《 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面 》,这个方法很不错,就是初次使用很麻烦,还需

  • action=#和onsubmit=return false解决手机端form点击搜索刷新

    action=#和onsubmit=return false解决手机端form点击搜索刷新

    input获取焦点,键盘的换行就会变成“搜索”,form不能少,type必须为“search”

  • vant swipe踩坑:click和手指滑动冲突

    vant swipe踩坑:click和手指滑动冲突

    今天我爱模板网在做下面的效果时,用到了vant的swipe

  • js localeCompare方法详解

    js localeCompare方法详解

    js localeCompare方法详解

  • object-fit和object-position

    object-fit和object-position

    不知大家在做前端页面的时候,有没有遇到类似这样的问题:有一个不是正方形的图片,可能是宽度大于高度的,也可能是高度大于宽度的,而你又并不想用背景图的方式来做,要实现

  • module.exports,exports,export和export default,import与require区

    module.exports,exports,export和export default,import与require区

    还在为module.exports、exports、export和export default,import和require区别与联系发愁吗,这一篇基本就够了! 一、首先搞清楚一个基本问题: module.exports和exports是属于CommonJS模块规范!export和

  • getBoundingClientRect() 与 offset

    getBoundingClientRect() 与 offset

    Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 语法 rectObject = object.getBoundingClientRect(); 返回值: 返回 4个方向值 与 2个宽高值 rectObject.top:元素上边到视窗上边的

  • canvas getContext()方法

    canvas getContext()方法

    一个画家要绘制一副画作,首先需要做一些准备工作。本人不懂绘画,大致猜测主要准备工作如下: (1).作画的纸张,可以类比canvas中的画布。 (2).画笔与不同颜色染料等一大堆东

  • HTML5 canvas rotate() 方法

    HTML5 canvas rotate() 方法

    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() 方法

    HTML5 canvas moveTo() 方法

    HTML5 canvas moveTo() 方法就是绘制一条线的起点。 实例 开始一条路径,移动到位置(moveTo) 0,0。创建到达位置(lineTo) 300,150 的一条线: 提示:请使用 stroke() 方法在画布上绘制确切的路径。

  • HTML5 canvas lineTo() 方法

    HTML5 canvas lineTo() 方法

    先看个用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 属性

    HTML 5 canvas lineCap 属性

    先看个用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

  • js new Date() 日期处理方法总结

    js new Date() 日期处理方法总结

    new Date()返回一个日期对象,可以通过这个日期对象处理js中的日期。 语法格式: new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象,参数为空返回当前日期 例如: new D

  • js setInterval() 方法

    js setInterval() 方法

    定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的

  • HTML5 canvas clearRect() 方法

    HTML5 canvas clearRect() 方法

    clearRect的定义和用法 clearRect() 方法清空给定矩形内的指定像素。 实例 在给定矩形内清空一个矩形: js var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(0,

  • 浅谈图片懒加载(延迟加载)对网站SEO的影响

    浅谈图片懒加载(延迟加载)对网站SEO的影响

    图片lazyLoad懒加载相信大家都不陌生了,从搜索引擎的角度来看,图片懒加载是不利于网站图片优化的,因为搜索引擎并不会去执行js动作,不触发JS动作,真实图片的地址就不会暴露到

  • HTML5规范之Web Worker入门

    HTML5规范之Web Worker入门

    1.什么是Web Worker 在web worker规范产生之前,dom渲染和javascript代码执行是在同一个浏览器线程中执行的。也就是说:渲染dom的时候不能执行javascript代码,执行javascript代码的时候,UI界面会

  • HTML5 Web Worker介绍

    HTML5 Web Worker介绍

    什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做

  • PHP和前端必看功能 - 文章提取关键词替为超链接,SEO叫内链生成

    PHP和前端必看功能 - 文章提取关键词替为超链接,SEO叫内链生成

    前沿 很多大网站的文章内容关键词都是可以添加链接的,包括我们的大头条也是可以的,这样的好处首先是方便客户点击跳转相关内容,其次SEO叫内链,对SEO也有一定的辅助作用,如果

  • 这可能是最全的::before和::after伪元素的用法了

    这可能是最全的::before和::after伪元素的用法了

    一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和

  • Vue.use()详解

    Vue.use()详解

    问题 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为

  • 浅谈Vue.use

    浅谈Vue.use

    我们先来看一个简单的事例 首先我使用官方脚手架新建一个项目vue init webpack vue-demo 然后我创建两个文件index.js plugins.js. 我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件

  • SVN被锁定,svn is already locked解决方法

    SVN被锁定,svn is already locked解决方法

    我爱模板网在用Tortoise SVN提交代码的时候遇到一个问题,明明有文件修改了,提交的时候提示svn is already locked,svn被锁住了?遇到这种情况,我通常是将代码移到一边,然后SVN Update,重

  • 发布npm包,E403 do not have permission 错误

    发布npm包,E403 do not have permission 错误

    今天,我爱模板网注册了npm,想发布一个包测试下,就按照网上的方法写了一个测试包,然后发布,发现发布失败,提示: npm ERR! code E403 npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/npm

  • vue项目中vue-echarts讲解及常用图表方案实现

    vue项目中vue-echarts讲解及常用图表方案实现

    图表类的项目操作一般常见于管理平台系统,移动端项目中并不是特别常见,不常见不代表没有,在一些商城类应用中,商家需要看到商品的销量分析,盈利分析等,就需要用到图标,

  • 在Vue中使用echarts和vue-echarts

    在Vue中使用echarts和vue-echarts

    准备:使用vue-cli脚手架 npm下载vue-cli脚手架 npm install -g @vue/cli 初始化一个项目 vue init webpack hello 然后等待它安装完所有的依赖包就可以了。 下面我们开始引入echarts。 方式一、直接引入

  • 在vue-cli项目中使用echarts(亲测,可行)

    在vue-cli项目中使用echarts(亲测,可行)

    这个示例使用 vue-cli 脚手架搭建,所以直接来: 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像: 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 使用CNPM安装echarts

  • 使用electron-vue出现Webpack ReferenceError: process is not defin

    使用electron-vue出现Webpack ReferenceError: process is not defin

    问题描述 在使用electron-vue时候,运行npn run dev,会出现下面的错误 解决 没有搜索到合适的答案,在GitHub的 electron-vue issue 中找到了 方案一 简单粗暴,不知道会不会有什么影响,直接将这

  • sublime识别vue高亮显示

    sublime识别vue高亮显示

    sublime在默认时,Vue.js 的单文件组件(*.vue)是不被识别的。若要想高亮显示,就需要安装插件 Vue Syntax Hightlight。安装步骤如下: 第一,在 sublime 中打开 Package Control 如下图,使用快捷键

  • 关于vue路由生成的当前高亮class名router-link-exact-active的更改

    关于vue路由生成的当前高亮class名router-link-exact-active的更改

    用router-link生成的a链接,都会产生router-link-exact-active的高亮类名,如何让自己定义的高亮类名起作用,或者如何禁止vue-router不产生这个类名,可以看下面: A:全局设置 export default new V

  • vue-cli3+axios跨域问题

    vue-cli3+axios跨域问题

    vue-cli3+axios调用接口,出现了跨域问题,百度找了很多都是说修改config文件夹下的index.js文件,在proxyTable中加上某某代码,但是vue-cli3根本没有config代码,必须手动创建,所以,首先在根

  • vuex-persistedstate持久保存vuex数据,刷新也不怕

    vuex-persistedstate持久保存vuex数据,刷新也不怕

    页面刷新后,想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。 vuex优势:相比sessionStorage,存储数据更安全,ses

  • 如何在Vue2中实现组件props双向绑定

    如何在Vue2中实现组件props双向绑定

    Vue 2.x相比较Vue 1.x而言,升级变化除了实现了Virtual-Dom以外,给使用者最大不适就是移除的组件的props的双向绑定功能。 以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双

  • iview自定义正则验证表单

    iview自定义正则验证表单

    iview验证表单利用Validator验证表单,支持正则表达式,支持自定义规则来验证表单,下面是一个iview自定义正则规则来验证正整数的小案例: 1、引入iview: import { Card,Col, Row, Button,FormIt

  • iview Upload组件多个文件上传,阻止iview自带的上传事件

    iview Upload组件多个文件上传,阻止iview自带的上传事件

    使用iview Upload 上传组件,阻止它自己的上传方法,手动上传包括单个文件和多个文件。实现思路是创建一个数组,把需要上传的文件,push到这个数组里面,再一个一个上传。 1.引用组件

  • URL.createObjectURL和FileReader.readAsDataURL的比较

    URL.createObjectURL和FileReader.readAsDataURL的比较

    URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或

  • js获取上传的视频时长(blob和base64方法)

    js获取上传的视频时长(blob和base64方法)

    我爱模板网在用vue-cli做一个教育网站时,需要上传视频,同时,还得在接口传视频长度。上传我用的是file控件: input type="file" 我们都知道 html5 的 video,是可以获取视频时长的,即dur

  • Vue中解决多个组件引用了同一个对象作为数据时,当一个组件改动了数据对象时,其他对象的数据也会随着同步改动的情况

    Vue中解决多个组件引用了同一个对象作为数据时,当一个组件改动了数据对象时,其他对象的数据也会随着同步改动的情况

    当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),所以会导致下面的问题:

  • 小程序的分享 onShareAppMessage(options)

    小程序的分享 onShareAppMessage(options)

    在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。 只有定义了该函数,小程序右上角的菜单中才会有转发按钮 用户点击

  • VSCode链接mumu模拟器和夜神模拟器

    VSCode链接mumu模拟器和夜神模拟器

    用VSCode开发Flutter APP,使用安卓studio的模拟器不太好,用模拟器就很好了。下面是VSCode开发Flutter时,识别网易木木模拟器和夜神模拟器的方法: mumu模拟器 1,命令行进入MuMu安装bin目录:

  • 解决flutter项目连接夜神模拟器的方法及运行白屏的问题

    解决flutter项目连接夜神模拟器的方法及运行白屏的问题

    flutter项目连接夜神模拟器的方法: 在夜神模拟器的bin目录下,打开命令面板,执行adb connect 127.0.0.1:62001 命令,显示successfully及连接成功 白屏的解决方案,在项目根目录打开命令面板,

  • flutter布局提示◢◤◢◤◢◤◢◤

    flutter布局提示◢◤◢◤◢◤◢◤

    今天在用flutter布局时,打包提示◢◤◢◤◢◤◢◤,如下: Reloaded 1 of 456 libraries in 282ms. I/flutter ( 2286): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤

  • flutter 在vscode Terminal打包安卓apk,更改图标和app名

    flutter 在vscode Terminal打包安卓apk,更改图标和app名

    第一步、生成key 1、在vscode的Terminal(工具底部)输入下面的命令,其中“D:/key.jks”表示将key生成到这里,-alias后面的为别名,后面配置key,会用到。 keytool -genkey -v -keystore D:/key.jks -k

  • Flutter 联网权限配置

    Flutter 联网权限配置

    我爱模板网做了一个基于flutter的原生安卓APP,安装到手机后发现无法联网,联网权限忘了配置,按照下面的方法配置,重新打包,即可获取数据。如下: 打开: /android/app/src/main/Androi

  • Flutter 修改应用名称、图标、启动页

    Flutter 修改应用名称、图标、启动页

    虽然flutter可以同时运行在android和ios设备上,但是修改名称、logo、启动页还是需要分开配置的。 修改应用名称 android 在项目下找到android目录,依次 app src main AndroidManifest.xml , 打开 An

  • flutter AppBar leading内容过长导致宽度不够的问题

    flutter AppBar leading内容过长导致宽度不够的问题

    我爱模板网在用flutter做app时,需要做下面的效果: 这个左边的icon+文字,肯定要用AppBar的leading写了,再设置个宽度,于是写了下面的代码: class HomePage extends StatelessWidget { const HomePage

  • flutter报错:The method '/' was called on null.

    flutter报错:The method '/' was called on null.

    我爱模板网在使用flutter的flutter_screenutil插件时,出现下面这个错误: The method '/' was called on null. 这个是因为在初始化flutter_screenutil之前,调用了flutter_screenutil设置宽高导致的,解决办法

  • Flutter踩坑:Row包含Textfield时错误的解决办法

    Flutter踩坑:Row包含Textfield时错误的解决办法

    我爱模板网在用flutter布局app时,需要作出下面的效果: 以画红框的为例,这明显是Row里面套TextField: class ListItem2 extends StatelessWidget { @override Widget build(BuildContext context) { return Container(

  • Flutter 给raisedButton添加边框

    Flutter 给raisedButton添加边框

    Flutter raisedButton 并没有border属性,只能借助shape的RoundedRecangleBorder来进行添加

  • Flutter RaisedButton组件详解

    Flutter RaisedButton组件详解

    Flutter RaisedButton组件详解

  • 修复Flutter输入框光标文字焦点不对齐问题

    修复Flutter输入框光标文字焦点不对齐问题

    修复Flutter输入框光标文字焦点不对齐问题

  • Flutter TextField焦点问题

    Flutter TextField焦点问题

    我们在使用TextField的时候,有时候是通过按钮给它修改值的,比如 这时候就会有一个很坑的问题,你点完按钮输入框的值改变后,焦点会自动移动到最前端,这时候再去输入的话,输入

  • Flutter控件之TextField详解

    Flutter控件之TextField详解

    这是我爱模板网摘抄自简书的一篇对flutter TextFiled文本输入框非常详细的一篇文章

  • Flutter No Material widget found报错的解决办法

    Flutter No Material widget found报错的解决办法

    我爱模板网利用showCupertinoModalPopup做了一个类似于js中的prompt效果的弹窗,里面有TextField,热更新时,提示下面的错误: I/flutter (25517): No Material widget found. I/flutter (25517): TextField widgets r

  • Flutter从相册选择图片和相机拍照(image_picker)

    Flutter从相册选择图片和相机拍照(image_picker)

    Flutter获取相册中的图片和用相机拍照 在原生开发中,拍照及从图库选择图片是非常常见的需求,而且原生的图片选择第三方库也有很多并且很完善了。 Flutter也给我们提供了好用的图片

  • Flutter之CircleAvatar组件,圆形和圆角图片

    Flutter之CircleAvatar组件,圆形和圆角图片

    Flutter之CircleAvatar组件,圆形和圆角图片

  • Flutter Column等容器嵌套ListView报错

    Flutter Column等容器嵌套ListView报错

    Flutter Column等容器嵌套ListView报错

  • Flutter RaisedButton设置圆角和边框

    Flutter RaisedButton设置圆角和边框

    Flutter RaisedButton可以设置圆角和边框,都在shape中设置,边框和Container等常规的边框设置略有差异:

  • Flutter圆形图片和圆角图片写法

    Flutter圆形图片和圆角图片写法

    Flutter圆形图片和圆角图片写法

  • Flutter 拆分小部件用class类还是方法

    Flutter 拆分小部件用class类还是方法

    Flutter 拆分小部件用class类还是方法

  • The term 'Unblock-File' is not recognized as the name of a c

    The term 'Unblock-File' is not recognized as the name of a c

    运行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

  • Please migrate your app to AndroidX

    Please migrate your app to AndroidX

    今天,我爱模板网将flutter升级了,然后运行flutter run,报错了: Please migrate your app to AndroidX 意思应该是要将项目升级到Android X,下面是升级方法,亲测,可行: 1、将您的Android Studio更新

  • The Android Gradle plugin supports only Kotlin Gradle plugin

    The Android Gradle plugin supports only Kotlin Gradle plugin

    我爱模板网将flutter升级了,然后出现了问题,需要 将flutter项目升级到AndroidX ,但是,在运行flutter run时,还是出了问题: The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.0 and

  • 织梦dedecms留言薄的安装以及在首页调用留言板留言列表的方法

    织梦dedecms留言薄的安装以及在首页调用留言板留言列表的方法

    织梦dedecms留言薄的安装过程和其他插件一样,首先我们进入后台模块管理列表,点击其对于的“安装”: 安装以上步骤,我们完成了留言薄插件的安装。 留言簿安装好,如果想查看留

  • Vue实现列表倒计时效果

    Vue实现列表倒计时效果

    我爱模板网要实现下面的效果: 即从后台获取数据,然后根据返回的时间,如“2019-12-17 23:59:59”,做成倒计时效果。 第一步、布局

  • flutter Provide状态管理的简单使用

    flutter Provide状态管理的简单使用

    flutter Provide状态管理有点类似于Vuex,当从一个页面更改了数据,期望影响其他页面,那么Provide方法是不二之选。这里简单理下我爱模板网在使用flutter时的用法: 1、添加依赖 在 pubspe

  • flutter ProvideMulti多个状态同时使用

    flutter ProvideMulti多个状态同时使用

    flutter ProvideMulti多个状态同时使用

  • dedecms织梦V5.7猜你喜欢/相关文章的调用方法

    dedecms织梦V5.7猜你喜欢/相关文章的调用方法

    dede升级了5.7后,发现使用dede:likeart调用猜你喜欢/相关文章,无法实现关联,显示的是所有文章。原来从5.5版开始已经替换了该标签,把模板中 likeart 标签修改为 likearticle 就ok了。 整理

  • dedecms织梦实现点赞功能

    dedecms织梦实现点赞功能

    dedecms织梦实现点赞功能的最终效果图,本效果采用了ajax异步刷新的效果,点赞时,不需要跳转页面,并且还会记录IP,不会重复点赞: 一、后台执行SQL ALTER TABLE dede_archives ADD zan int(11

  • 如何调用DedeCms文章的评论数

    如何调用DedeCms文章的评论数

    以前在5.1版的时候,_archives表中直接有个postnum可以显示共显示评论总数,可是在5.3却把这个字段给去除了,那么如何调出对文档的评论总数呢?找论坛里看到一位朋友的对5.1版时使用JS调用评

  • 给织梦dedecms内容页下面加上评论功能

    给织梦dedecms内容页下面加上评论功能

    dedecms织梦其实是有评论功能的,但是很多织梦模板内容页没有加上,其实添加评论模块很简单的,方法如下: 1、在添加评论的位置用 {dede:include filename='ajaxfeedback.htm' /} 调用 ajaxfeedbac

  • 织梦dedecms评论功能游客可以对文章进行评论

    织梦dedecms评论功能游客可以对文章进行评论

    织梦dedecms评论功能游客可以对文章进行评论。首先找到dede默认模板里的article_article.htm文件

  • ES7 async await

    ES7 async await

    async await:用同步的方式来写异步 async函数返回一个 Promise 对象,可以使用then方法添加回调函数。函数内部return语句返回的值,会成为then方法回调函数的参数。 当async函数执行的时候,

  • ES7前端异步玩法:async/await理解

    ES7前端异步玩法:async/await理解

    在最新的ES7(ES2017)中提出的前端异步特性:async、await。 什么是async、await? async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,

  • DedeCMS织梦runphp='yes'运行php

    DedeCMS织梦runphp='yes'运行php

    runphp='yes'运行php,是dedecms织梦的一个比较重要的标签,有时候可能会需要做一些逻辑判断和运算,或者织梦提供的标签做不到,就需要用到运行自定义的php功能。 在runphp='yes'里面,我们

  • dedecms二次开发之点赞功能

    dedecms二次开发之点赞功能

    dedecms二次开发之点赞功能,点赞无需跳转页面,采用ajax无刷新效果,并且同一IP只给赞一次,可以有效防止刷赞。先看下效果图: 1、在dedecms后台的系统-SQL命令工具执行下面的SQL语句,

  • dedecms调用相关文章/猜你喜欢标签dede:likearticle详解

    dedecms调用相关文章/猜你喜欢标签dede:likearticle详解

    dedecms调用相关文章/猜你喜欢的标签 dede:likearticle 。这是5.7之后新推出的,之前的 dede:likeart 已经无效,只能显示全部文章。把 dede:likeart 标签修改为 dede:likearticle 就ok了,具体使用方法如

  • dedecms织梦将文章关键字都加上链接

    dedecms织梦将文章关键字都加上链接

    dedecms织梦在添加文章时,可以自动生成关键字,也可以自己设置,根据关键字,可以同dede:likearticle配合调出猜你喜欢文章列表,如果每个关键字都加上链接,点击进去可以查看根据关键

  • dedecms runphp判断内容是否为空

    dedecms runphp判断内容是否为空

    在调用文章时,常常会遇到(尤其是自定义字段比较多),该字段可能为空,为空的话最好不显示,用户体验比较好。利用dedecms织梦的 runphp 就可以判断某一字段的值,代码如下: {de

  • dedecms5.7sp1评论添加自定义字段

    dedecms5.7sp1评论添加自定义字段

    dedecms的评论可能字段不够用,需要自己添加,下面的方法是从网上找到的,经试验可行: 实现方法如下: 1,后台:系统—SQL命令运行器 中输入: alter table dede_feedback add column website v

  • 微信小程序之嵌套循环修改index与item
  • 微信小程序onShareAppMessage详解

    微信小程序onShareAppMessage详解

    只有在js文件中定义了 onShareAppMessage 函数时,小程序右上角的菜单中才会有转发按钮。 用户点击自定义的 open-type 为 share 的按钮或者右上角的转发按钮的时候会回调用该函数 该函数内需

  • php 解决Warning: Cannot modify header information - headers al

    php 解决Warning: Cannot modify header information - headers al

    我爱模板网在做点在功能时,在本地测试的时候,点击点赞按钮,发送ajax,浏览器出现了错误: Warning: Cannot modify header information - headers already sent by 问题原因:函数 header(),setcookie() 和

  • 阿里云虚拟主机和服务器解决:PHP程序访问报错Warning: Cannot modify header informa

    阿里云虚拟主机和服务器解决:PHP程序访问报错Warning: Cannot modify header informa

    上篇文章,我们在本地通过修改 PHP.ini 来解决 Warning: Cannot modify header information - headers already sent by 的问题。但是阿里云服务器和虚拟主机该怎么修改 PHP.ini ?按照下面步骤一样解决:

  • 微信小程序 setData 修改对象

    微信小程序 setData 修改对象

    我们在做小程序时,可能会修改对象,例如下面的 list 对象: list: [ { id: 0, name: "张三" }, { id: 1, name: "王二" },] 如果我们需要将“王二”改成“李四”,通常做法是(如果要渲染到页面上

  • 微信小程序完美解决wx.createInnerAudioContext()坑

    微信小程序完美解决wx.createInnerAudioContext()坑

    我刚开始用wx.createInnerAudioContext(),是将此方法写在了我的播放语音函数里,发现怎么暂停和取消都不好使 经过踩坑,得出结论!!! 1.将此方法声明在onLoad中,(如果声明在page外部,

  • 微信小程序中的module.exports、exports详解

    微信小程序中的module.exports、exports详解

    微信小程序官方文档已经介绍了 module.exports 与 exports 的用法,使用方便,下面是截取自官方的内容,但是解释的不明不白: 微信小程序模块化文档地址:https://developers.weixin.qq.com/minip

  • 微信小程序wx.showToast、wx.showModal、wx.showActionSheet、modal示例代码

    微信小程序wx.showToast、wx.showModal、wx.showActionSheet、modal示例代码

    微信小程序对于toast、modal和actionSheet的支持非常好,类型丰富,而且,效果也不错。如果不是特别的需求,用它提供的这些控件就已经足够了。下面是使用示例代码,直接复制过去就能

  • channelid='-1'织梦专题标签调用方法

    channelid='-1'织梦专题标签调用方法

    专题页有利于SEO,织梦后端有专题管理,可以在后台-核心-内容管理-专题管理找到。专题内容就是平时添加的文章。那么,如何在网站首页调用专题呢? 本篇文章就来介绍dedecms织梦专题

  • 微信chooseImage得到的图片转base64

    微信chooseImage得到的图片转base64

    前段时间,我爱模板网在做小程序聊天时,采用的融云SDK发送图片必须得是base64,而微信小程序选择图片的方法wx.chooseImage得到的是临时地址,可以采用下面的方法转为base64地址: wx.c

  • 微信小程序rich-text正则替换显示图片

    微信小程序rich-text正则替换显示图片

    微信小程序的rich-text展示后台富文本编辑器发布的文章时,需要显示图片,page.wxml代码如下

  • module.exports和exports的区别

    module.exports和exports的区别

    穿插一个必备小知识:在文件a.js中用exports或module.exports导出的对象(方法、变量),可以在另一个文件b.js中通过require('./a')引用。 module和exports是Node.js给每个js文件内置的两个对象。可

  • module.exports和exports和export和export default的区别,import和requi

    module.exports和exports和export和export default的区别,import和requi

    关于module.exports和exports的区别,我已经在前一篇文章讲过,传送门。 在es5中,用module.exports和exports导出模块,用require引入模块。 es6新增export和export default导出模块,import导入模块。 一

  • export default用法

    export default用法

    使用export default需要注意以下几点: 1、export default 向外暴露的成员,可以使用任意变量来接收 2、在一个模块中,export default 只允许向外暴露一次 3、在一个模块中,可以同时使用expor

  • 把数据保存到数据库附加表 `dede_xxxx` 时出错,请把相关信息提交给DedeCms官方

    把数据保存到数据库附加表 `dede_xxxx` 时出错,请把相关信息提交给DedeCms官方

    在使用dedecms织梦做后台,使用了自定义模型,添加文章时,提示“把数据保存到数据库附加表 `dede_xxxx` 时出错,请把相关信息提交给DedeCms官方。You have an error in your SQL syntax; check the m

  • javascript之Object.defineProperty的奥妙

    javascript之Object.defineProperty的奥妙

    今天遇到一个这样的功能:写一个函数,该函数传递两个参数,第一个参数为返回对象的总数据量,第二个参数为初始化对象的数据。如: var o = obj (4, {name: 'xu', age: 21}) // 返回了一个能

  • iPhone开机一直卡在logo画面的解决办法

    iPhone开机一直卡在logo画面的解决办法

    今天,陪伴我爱模板网多年的iPhone手机开不了机了,一直卡在logo界面。在网上找了好久,很多人都遇到了这个情况,我爱模板网根据网上的办法,折腾了好久,总算解决了。下面就总结

  • uni-app scroll-view横向滚动的坑

    uni-app scroll-view横向滚动的坑

    我爱模板网在用uni-app开发小程序时,需要用 scroll-view 做出如下效果的横向滚动(之前都是 div 套 div 的,外层的 div 宽度 100% , overflow:hidde , scroll-y:auto ,里面的 div 为 display:flex ,不换

  • 将DedeCMS默认的CKeditor换成百度编辑器Ueditor1.3.6

    将DedeCMS默认的CKeditor换成百度编辑器Ueditor1.3.6

    dedecms织梦默认的ckeditor不好用,而且也非常难看,而百度编辑器ueditor是使用非常广泛的编辑器,好看,功能强大,之前,我爱模板网就分享过 把DEDECMS默认的编辑器换成kindeditor 。今天,

  • 小程序解析html——wxParse使用详解

    小程序解析html——wxParse使用详解

    由于小程序提供的RichText处理html dom过于简单,可能会出现一些样式和原文不一致的问题。所以,有时候就要特殊处理,显示富文本。而wxParse就是一个不错的选择。下面就来说说如何使用

  • dedeCMS数据库操作代码

    dedeCMS数据库操作代码

    有时候,可能需要对dedecms进行二次开发,以满足更大的需求。下面的代码是我爱模板网自己总结的操作数据库的方法

  • 微信小程序saveFile:fail the maximum size of the file storage limi

    微信小程序saveFile:fail the maximum size of the file storage limi

    问题描述: 最近在做微信小程序开发的时候,有一个在线拍照上传的功能要做。原本好好的功能,调试代码几次后发现,拍照上传功能失效了。经过不断的排查发现,原来是小程序的本

  • weapp-qrcode.js 微信小程序生成二维码插件,并保存在相册中

    weapp-qrcode.js 微信小程序生成二维码插件,并保存在相册中

    前面,我爱模板网上传了一篇文章: qrcode.js 生成二维码的js插件 。这个weapp-qrcode.js其实就是qrcode.js的微信小程序版。它的功能和qrcode.js的功能一模一样,使用方法也差不多: 1、在wxm

  • 常用第三方APP 的url scheme合集,经常会用到

    常用第三方APP 的url scheme合集,经常会用到

    在做app时,经常会从当前app带参打开其他app,以及从其他app返回当前app,这时就要用到url scheme,下面是我爱模板网从其他网站搜集来的(为了做app打开百度、高德、腾讯、苹果和谷歌地

  • 微信小程序canvas绘图中canvasToTempFilePath出现CreateBitmap问题

    微信小程序canvas绘图中canvasToTempFilePath出现CreateBitmap问题

    微信小程序canvas绘图中canvasToTempFilePath出现CreateBitmap问题: 1.问题起因 在一部分性能不强的安卓机上经常会出现这个问题 2.解决方案 当失败时重新调用canvasToTempFilePath方法,直至绘制成功

  • js获取base64图片的存储大小

    js获取base64图片的存储大小

    js获取base64图片的存储大小,不是获取宽高尺寸哦。 要获取获取base64图片的存储大小,就要知道Base64的编码原理:Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在

  • IntersectionObserver API 使用教程

    IntersectionObserver API 使用教程

    网页开发时,常常需要了解某个元素是否进入了 "视口 "(viewport),即用户能不能看到它。 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法是,监听到scroll事件后,

  • 微信小程序swiper报current无效,swiper图片不显示

    微信小程序swiper报current无效,swiper图片不显示

    我爱模板网在做微信小程序项目时,需要实现下面的效果 点击左侧的分类,右边的banner和产品列表都要变成对应的内容。但是,在切换的时候,会再warn中警告“current无效”,而且,有

  • html5 history pushState和replaceState的使用

    html5 history pushState和replaceState的使用

    pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面。 注意:仅改变网

  • js Worker API 在倒计时中的使用

    js Worker API 在倒计时中的使用

    在做开发的时候,倒计时的需求是很常见的,比如订单待提交和待支付都会有倒计时,市面上的兼职软件在领取任务后都会有倒计时,登录注册中获取验证码的时候也会有倒计时,有的

  • nodejs入门PDF下载

    nodejs入门PDF下载

    《nodejs入门》是一篇非常不错的nodejs入门教程,本文通过实现一个上传功能的案例,详细的讲述了nodejs的http模块、fs模块等的使用。本教程作者Manuel Kiessling。教程下载地址: https://pa

  • Swing项目编译成exe,并且打包成安装文件(一)

    Swing项目编译成exe,并且打包成安装文件(一)

    我们一般用java做Swing项目的时候一般都是只能在Myeclipse里面运行,那么怎么把我们的项目打包成exe可以直接双击运行呢? 初始工作:为了不让用户安装java环境,所以我们先新建一个文件

  • Swing项目编译成exe,并且打包成安装文件(二)

    Swing项目编译成exe,并且打包成安装文件(二)

    前面我们讲到了将Swing项目编译成双击可执行的文件exe,这篇我就教大家怎么把exe打包成需要在电脑安装的那种,首先需要一个工具,Inno Setup 编译器, 下载地址 ,我这个是汉化版的,

  • js中 Object.freeze 方法

    js中 Object.freeze 方法

    Object.freeze() 方法可以冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(…)之对象的扩展运算符 理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝

  • 2020年了,再不会webpack敲得代码就不香了

    2020年了,再不会webpack敲得代码就不香了

    前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是

  • Vue2-Editor

    Vue2-Editor

    Vue2-Editor是一款基于vue的非常好用,界面简洁的富文本编辑器插件。

  • echarts中datazoom配置参数

    echarts中datazoom配置参数

    echarts中datazoom配置参数

  • 原生js和vue实现input file选择图片本地预览

    原生js和vue实现input file选择图片本地预览

    原生js和Vue实现input file选择图片时,预览选择的图片的方法,用到了 createObjectURL 方法和 readAsDataURL 方法,前者是blob url,内存中的图片地址,后者是base64格式: html的createObjectURL方法:

  • Vue+ElementUI使table组件的td内容可编辑

    Vue+ElementUI使table组件的td内容可编辑

    前言 后台管理系统,需要这个功能点的特别多,但Element UI 的table组件本身是不提供的,所以需要自行拓展一下。 在这里,给大家写一个简单的示例,希望对小伙伴们有所帮助。 先看看

  • JS - Babel使用详解1(基本介绍、使用babel-standalone实现ES6在线转换)

    JS - Babel使用详解1(基本介绍、使用babel-standalone实现ES6在线转换)

    2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。虽然 ES6 提出了许多激动人心的新特性,但由于目前许多浏览器不支持或者支持不好,没有普遍地推广起来。而 Babel 的出现,让我们可以

  • JS - Babel使用详解2(使用babel-cli命令行进行ES6本地转码)

    JS - Babel使用详解2(使用babel-cli命令行进行ES6本地转码)

    一、环境搭建 1,安装 nodejs 由于Babel 需要借助 npm 工具来安装,那么首先需要安装 nodejs。地址:https://nodejs.org 将下载下来的 pkg 文件运行安装即可。 在终端运行 npm -v,如果出现版本号

  • JS - Babel使用详解3(使用babel-polyfill实现对ES6新API的支持)

    JS - Babel使用详解3(使用babel-polyfill实现对ES6新API的支持)

    一、babel-polyfill 介绍 1,babel-polyfill 的作用 Babel 默认只转码 ES6 的新语法(syntax),而不转换新的 API,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些

  • vue使用PDFObject的方法

    vue使用PDFObject的方法

    PDFObject是一款非常优秀的PDF在线预览js插件,在之前我爱模板网已经介绍过:pdfobject.js——一款在线预览PDF的js库http://www.5imoban.net/texiao/other/202005143842.html。今天讲解它在vue中的使用方法

  • Vue路由的$router.back(-1)回退时如何判断有没有上一个路由

    Vue路由的$router.back(-1)回退时如何判断有没有上一个路由

    现在每个页面的左上角有一个返回按钮。点击时的代码是 this.$router.back(-1) ,返回上一个路由。但是我们现在有这样一个需求,把其中某一页分享出去,用户打开时并没有上一条路由的历

  • 使用js-xlsx库,前端读取Excel文件

    使用js-xlsx库,前端读取Excel文件

    在实际开发中,经常会遇到导入Excel文件的需求,有的产品人想法更多,想要在前端直接判断文件内容格式是否正确,必填项是否已填写 依据HTML5的FileReader,可以使用新的API打开本地文

  • js-xlsx 导出json数据到excel

    js-xlsx 导出json数据到excel

    本实例将定义一个 data 的二维数组,然后使用 xlsx 库将数据导出到 excel 中。实例代码如下:

  • vue使用js-xlsx读取excel数据,亲测,可行

    vue使用js-xlsx读取excel数据,亲测,可行

    js-xlsx是一款非常好的读写excel、xlm、csv等文件的js前端库,这里是它的vue版本读取excel数据的使用方法: 安装: npm install xlsx --save 引入: import XLSX from 'xlsx' 布局,使用elementUI上传组件:

  • elementUI标签页<el-tabs>渲染echarts图的问题

    elementUI标签页渲染echarts图的问题

    elementUI标签页的el-tab-pane里面放了echarts,在打开后,即使没有切换到含echarts的标签页,它也执行了。我们都知道,echarts渲染时,需要获取外层div的尺寸来自动设置echarts的尺寸,如果没

  • uni-app开发微信小程序时使用vant weapp库

    uni-app开发微信小程序时使用vant weapp库

    uni-app开发微信小程序时使用vant weapp库的方法: 下载Vant Weapp 下载有2种方法: 方法1:克隆Vant Weapp的仓库,运行下面的命令将仓库克隆到本地 git clone https://github.com/youzan/vant-weapp.git 将

  • uni-app引用Echarts

    uni-app引用Echarts

    因为项目分为web端和小程序端,而echart又能满足项目中变态的效果,web端好解决,小程序端被坑了好长时间,下面记录完整过程: 1、创建一个空的文件夹如:test-echarts。 2、进入 test-

  • elementUI表单验证报错:Error in event handler for el.form.change: T

    elementUI表单验证报错:Error in event handler for el.form.change: T

    elementUI是一款非常好用的基于vue脚手架的后端框架,表单验证非常好用。但是,今天我爱模板网在使用它进行日期验证的时候出了问题

  • 基于vue的v-viewer点击预览图片插件

    基于vue的v-viewer点击预览图片插件

    v-viewer是一款基于vue的点击图片放大预览插件,支持左右切换上一张下一张图片,支持缩放图片、按住拖拽图片、预览图效果,斜切、旋转图片等功能,界面美观,还支持手机端,是一款

  • Avoid mutating a prop directly since the value will be overw

    Avoid mutating a prop directly since the value will be overw

    Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

  • 关于vue子组件调用父组件的三种方法

    关于vue子组件调用父组件的三种方法

    关于vue子组件调用父组件的三种方法: 第一种方法 直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 template div child/child /div/templatescript import child from './components/dam/child'; e

  • uni-app this.$emit和uni.$emit

    uni-app this.$emit和uni.$emit

    今天我爱模板网在用uni-app做一个健康项目时,在第二个页面更改内容,然后需要刷新前一个列表页,我依稀记得uni-app提供了一个$emit,是可以发送全局事件的,于是在后一个页面写:

  • Object.keys()、Object.values()、Object.entries()的用法

    Object.keys()、Object.values()、Object.entries()的用法

    一、Object.keys(obj) 参数:要返回其枚举自身属性的对象 返回值:一个表示给定对象的所有可枚举属性的字符串数组 1、处理对象,返回可枚举的属性数组 let person = {name:"张三",age:25,addr

  • Object.keys方法之详解

    Object.keys方法之详解

    一、语法 Object.keys(obj) 参数:要返回其枚举自身属性的对象 返回值:一个表示给定对象的所有可枚举属性的字符串数组 二、处理对象,返回可枚举的属性数组 let person = {name:"张三",ag

  • require.context

    require.context

    在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 'c

    String data,right truncated:1406 Data too long for column 'c

    String data,right truncated:1406 Data too long for column 'content' at row 1

  • Vue处理边界之$root、$parent、$refs

    Vue处理边界之$root、$parent、$refs

    Vue处理边界之$root、parent、$refs(下面的功能都是有风险的,尽量避免使用) Vue 子组件可以通过 $root 属性访问父组件实例的属性和方法 div id="app" root-obj/root-obj/divVue.component('root-obj', {

  • vue css >>> /deep/ 穿透

    vue css >>> /deep/ 穿透

    vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过,穿透scoped。 有些Sass 之类的预处理器无法正确解析。

  • 微信小程序通过code换取openId和unionid时,提示40029 code无效

    微信小程序通过code换取openId和unionid时,提示40029 code无效

    我爱模板网在做国祯E健康项目时,遇到了一个问题,即通过wx.login得到的code,通过接口去换取openid和unionid时,得到的是40029的结果,unionid和openid的值都是null,这大多数都是因为前端的

  • Component “components/templogin/templogin” does not have a m

    Component “components/templogin/templogin” does not have a m

    在使用uni-app做小程序授权登录时,遇到了下面的错误提示: Component “components/templogin/templogin” does not have a method “bindGetUserInfo” to handle event “getuserinfo”. 从字面上的意思,“bindGet

  • echarts设置个性的tooltip

    echarts设置个性的tooltip

    echarts是优秀的图表插件,它的formatter可以设置漂亮的tooltip,通过function实现个性化定制。下面的代码就可以实现下图的效果。其中,param是鼠标移动到图形上的当前参数,可以用它来实

  • js获取浏览器的get传值

    js获取浏览器的get传值

    第一种超级省事的方法就是利用正则 方法如下: //获取get传值的方法function getQueryString(name) { var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !

  • 给element-ui的button加入防止重复点击的指令

    给element-ui的button加入防止重复点击的指令

    在做项目时,经常会遇到手快重复点击,重复发送请求的情况,这里是从网上找的一段代码,可以给element-ui的button加上防止重复点击的自定义指令,不用一个一个去写防止重复点击的方

  • js-xlsx读取excel中日期格式转换问题

    js-xlsx读取excel中日期格式转换问题

    在使用 js-xlsx插件 来读取excel时,会将2018/10/16这种数据读取成类似于48264的number格式,而日期通常是字符串格式。遇到这种情况,通常有两种方法: 一、将excel文件中的日期全部改成文本

  • android生成key.jks秘钥证书和通过key.jks查询md5、SHA1、SHA256

    android生成key.jks秘钥证书和通过key.jks查询md5、SHA1、SHA256

    我爱模板网在《 flutter 在vscode Terminal打包安卓apk 》中略微提到了生成安卓秘钥的方法,但不详细。 今天又遇到了这个问题,折腾出来了,这里再详细记录下android生成key.jks秘钥证书和通

  • 设置echarts的Y轴只显示整数

    设置echarts的Y轴只显示整数

    ECharts创建图形时,控制Y轴数据只显示整数: 在创建柱形图时,Y轴数据默认是有小数点的,如下图: 如果不显示小数,只显示整数可以设置minInterval属性成1保证坐标轴分割刻度显示成整

  • echarts三种方法解决x轴标签文字过多导致显示不全

    echarts三种方法解决x轴标签文字过多导致显示不全

    echarts三种方法解决x轴标签文字过多导致显示不全。 echarts如果x轴标签文字过多,导致显示不全: 如图: 下面介绍三种方法,来解决这个问题: 解决办法1:xAxis.axisLabel 属性 axisLabel的类

  • ThinkPHP6使用Base公共控制器redirect()不起作用的解决方法

    ThinkPHP6使用Base公共控制器redirect()不起作用的解决方法

    无论是什么样的系统,大多数都会有用户登录功能,这是非常常见的功能,只要你是开发人员就会碰到。 作为最常见的功能,ThinkPHP6似乎更像出现了BUG一样。当使用Base公共控制器判断没

  • Thinkphp6 redirect在initialize中不起作用的解决办法

    Thinkphp6 redirect在initialize中不起作用的解决办法

    后台一般都需要登录,不登录浏览自动跳转到登录界面。所以首先就想到让后台所有需要登陆的界面都继承一个common类,然后再common类的initialize中判断是否登录,如果未登录,用redire

  • 微信小程序rich-text解析带尖括号“<”的html问题

    微信小程序rich-text解析带尖括号“<”的html问题

    我爱模板网在做微信小程序时,后台传过来一段html,不是很复杂,就没有用 wxParse 了,而是直接用的 rich-text 。但是我发现,后台返回的内容很长,可是显示到页面中,只显示了部分。

  • JavaScript Array some() 方法

    JavaScript Array some() 方法

    实例 检测数组中是否有元素大于 18: var ages = [3, 10, 18, 20];function checkAdult(age) { return age = 18;}function myFunction() { document.getElementById("demo").innerHTML = ages.some(checkAdult);} 输出结果为: true 定义和

  • vue $set()使用

    vue $set()使用

    受现代 JavaScript 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它

  • PHP中private和public还有protected的区别

    PHP中private和public还有protected的区别

    PHP中 private 和 public 还有 protected 的区别: public 表示全局,类内部外部子类都可以访问; private 表示私有的,只有本类内部可以使用; protected 表示受保护的,只有本类或子类或父类中可

  • thinkphp5配合PHPMailer发送邮件

    thinkphp5配合PHPMailer发送邮件

    这里是thinkPHP5配合PHPMailer-5.2.24,给邮箱发送邮件的具体步骤(亲测,可行): 1、在自己的邮箱设置中,开启SMTP服务,以163邮箱为例: ①、登录邮箱,在侧边栏找到“邮箱中心”后面的

  • php合并数组array_merge、array_merge_recursive、array_combine

    php合并数组array_merge、array_merge_recursive、array_combine

    php合并数组array_merge、array_merge_recursive、array_combine详解: 1.合并数组 array_merge()函数将数组合并到一起,返回一个联合的数组。所得到的数组以第一个输入数组参数开始,按后面数组参数

  • ES6解构 - 对象解构

    ES6解构 - 对象解构

    解构是ES6新加的解构功能,可以使得我们获取数据更方便,从而提高日常编码效率。 解构可以用于对象,也可以用于数组,这篇文章我们只讲在对象类型上使用解构可以做哪些事情:

  • Selenium 初探-Nodejs+Selenium环境搭建及基础用法

    Selenium 初探-Nodejs+Selenium环境搭建及基础用法

    前言 Selenium多用于系统的自动化测试,但有时候也可以用来做一些类似外挂一样的东西,比如定时打开某个网站去做一些操作,在不久前的项目中由于需要定时(实际是我方系统检测到

  • 基于vue的简单js日历代码

    基于vue的简单js日历代码

    之前,我爱模板网写了一个 js+dom的日历教程 。最近在做一个基于element ui的项目,需要用到日历,但是需要深度定制。比如显示工作计划等。element-ui自带的日历放在node modules里面,不好

  • 将echarts转为base64图片并且下载

    将echarts转为base64图片并且下载

    echarts获取图片base64字符串

  • echarts实现联动图左图展示全部,右侧展示部分数据

    echarts实现联动图左图展示全部,右侧展示部分数据

    我爱模板网在使用echarts时,要实现左侧显示柱状图,右侧显示饼图,左侧柱状图里面有个线条总计,右侧不能显示,效果图如下: 如果直接套用官网的效果,那么柱状图和线条的数据,

  • echarts仪表盘如何设置图例(legend)

    echarts仪表盘如何设置图例(legend)

    echarts 图表中经常需要对不同的颜色设置图例标识不同的意义,而仪表盘的指针只存在一个值,如何表示不同颜色的意义,官网配置项并未给出该功能; 不同段的颜色是通过axisLine-line

  • php isset()与empty()的使用

    php isset()与empty()的使用

    PHP isset函数作用 isset函数是检测变量是否设置。 格式:bool isset( mixed var [, mixed var [, ...]] ) 返回值: 若变量不存在则返回FALSE 若变量存在且其值为NULL,也返回FALSE 若变量存在且值不为

  • PHP使用内置函数file_put_contents写入文件及追加内容的方法

    PHP使用内置函数file_put_contents写入文件及追加内容的方法

    PHP使用内置函数file_put_contents写入文件及追加内容的方法: 以追加形式写入内容: 当设置 flags 参数值为 FILE_APPEND 时,表示在已有文件内容后面追加内容的方式写入新数据: ?php file_pu

  • PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例

    PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例

    获取页面内容,不直接输出到页面, CURLOPT_RETURNTRANSFER 参数设置 使用PHP curl获取页面内容或提交数据,有时候希望返回的内容作为变量储存,而不是直接输出。这个时候就必需设置curl的

  • thinkPHP6 使用curl解密微信code

    thinkPHP6 使用curl解密微信code

    一、curl拓展下载: composer require curl/curl 二、安装https证书: 1、要首先在php.ini中开启 curl,才能用php调用接口 2、必须要ssl安全证书 ssl证书配置方法: a、免费证书下载地址:https://cu

  • uni-app APP端实现点击获取经纬度、地址,并显示markers

    uni-app APP端实现点击获取经纬度、地址,并显示markers

    uni-app的APP端实现的点击获取map经纬度和地址,并在点击的地方显示markers。这里要注意,在打包成正式的app,需要申请安卓和IOS高德appkey。并且将manigfest.json-App模块配置-Maps-高德地图勾选

  • thinkPHP5 实现token登陆

    thinkPHP5 实现token登陆

    thinkPHP5 实现token生成、验证和登录: 1、首先在数据库的 users 表中添加两个字段 1): token 2): time_out token 用于存储用户的 token time_out 用于设置用户 token 的过期时间 2、创建函数: checkToken

  • thinkPHP5获取header的Authorization值

    thinkPHP5获取header的Authorization值

    thinkPHP5的$request-header()方法并没有header的Authorization值,但是发送请求头部有的: 解决方案: 在.htaccess 文件中加入 设置 SetEnvIf Authorization ^(.*) HTTP_AUTHORIZATION=$1

  • ECharts仪表盘非常详细的案例

    ECharts仪表盘非常详细的案例

    ECharts非常详细的仪表盘案例,注释非常详细,比看官方文档过瘾。下面是效果图: 下面是相近的代码 html容器

  • 理解和使用ES6中的Symbol

    理解和使用ES6中的Symbol

    ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我

  • uni-app公众号H5js-sdk:jweixin-module的使用,公众号地图map使用

    uni-app公众号H5js-sdk:jweixin-module的使用,公众号地图map使用

    之前,我爱模板网做了一个功能: uni-app H5端实现移动地图显示当前地图中心位置的坐标和地址 。但是上线之后,发现IOS下问题比较大: 1、经常无法获取经纬度 2、如果定位了,无论成

  • vue车牌号键盘输入组件

    vue车牌号键盘输入组件

    我爱模板网在之前发过过关于 车牌号键盘的js插件 ,但这个是基于jQuery和layer-mobile的,如果用在vue项目中,感觉不太划算,毕竟要引入这么多,还要使用jQuery库。还好,在《简书》找到

  • thinkphp5框架API token身份验证功能示例

    thinkphp5框架API token身份验证功能示例

    登陆时生成token和刷新用的refresh_token,返回给客户端,客户端收到保存本地localStorage等,每次访问接口带上token,后端验证token存在并且一致后方可执行接下来的动作,假如不存在就返回

  • webkitdirectory 文件夹上传功能

    webkitdirectory 文件夹上传功能

    目前谷歌浏览器、Microsoft Edge支持文件夹上传,具体操作方法是:在input type="file"上加入一个属性:webkitdirectory后才支持: input type="file" name="file" webkitdirectory / 加入webkitdirectory后的效果可

  • Vue自定义指令实现图片懒加载

    Vue自定义指令实现图片懒加载

    什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到,这也就是我们本次要实现的效果,进入页面的时候,只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页

  • WFPlayer.js和wavesurfer.js实现音乐播放波峰图效果

    WFPlayer.js和wavesurfer.js实现音乐播放波峰图效果

    WFPlayer.js和wavesurfer.js都是能够实现音乐播放波峰图效果的js插件。 wavesurfer.js : 实现的效果图如下: 代码如下: script src="./wavesurfer.js"/scriptdiv id="waveform"/divscript var wavesurfer = WaveSurfer.c

  • vue刷新后,this.$route.query无法获取参数

    vue刷新后,this.$route.query无法获取参数

    vue页面在刷新之后,router传参用this.$route.query无法获取参数,刷新之前是可以获取的。 先看下传参代码: this.$router.push({ name: 'admin/', query:{ accountInfo:data.data, }}) 获取参数,初次载入 conso

  • html5 AudioContext音频处理,绘制音乐波峰图

    html5 AudioContext音频处理,绘制音乐波峰图

    在逛cnblogs时,看到的一篇文章,写的太好,就转载了: html5 AudioContext音频处理,绘制音乐波峰图。先看下效果图: 本例子可以工作在最新的Chrome及Firefox浏览器下,其他未测试。点击

  • js ArrayBuffer和Array区别

    js ArrayBuffer和Array区别

    js ArrayBuffer和Array区别: 区别: 1、数组里面可以放数字、字符串、布尔值以及对象和数组等,ArrayBuffer放0和1组成的二进制数据 2、数组放在堆中,ArrayBuffer则把数据放在栈中(所以取数

  • Javascript将图片的绝对路径转换为base64编码

    Javascript将图片的绝对路径转换为base64编码

    我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码;在这我们引用的一张图片如下: var img = "https://img.alicdn.com/bao/uploaded/TB1qimQIpXXXXXbXFXXSutbFXXX.jpg"; 我们如下编写代码:

  • File、Blob、ArrayBuffer 相互转换

    File、Blob、ArrayBuffer 相互转换

    假如后端传过来一个 a.jpg 图片文件,但这个文件的数据类型是 ArrayBuffer,想要用 URL.createObjectURL 展示图片,如何做到? createObjectURL 函数的参数是 File 对象、Blob 对象或者 MediaSource 对象

  • Flutter Setup: Running pub upgrade.. Flutter Setup:Building

    Flutter Setup: Running pub upgrade.. Flutter Setup:Building

    打开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

    Flutter upgrade升级一直停留在 Running pub upgrade

    Flutter upgrade升级一直停留在 Running pub upgrade...,我用的是VPN,也不行。使用 Flutter Setup: Running pub upgrade 这个方法也不行。 最后用国内镜像解决了。方法: 1、计算机-属性-高级系统设置

  • vue /deep/ 深度选择器

    vue /deep/ 深度选择器

    vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。

  • require.js简单使用

    require.js简单使用

    1.javascript模块规范 CommonJS 主要用于服务器端编程,比如node.js的模块系统,就是参照CommonJS规范实现的。在CommonJS中,有一个全局性方法require(),用于加载模块。 引用一段代码: // pack

  • apicloud将录音文件转成base64

    apicloud将录音文件转成base64

    在写这篇文章之前,先来个前提条件:因为这个项目是警用项目,只有内网能用,其次是请求的时候要经过一个中转,而这个中转就导致了无法发送文件,只能以base64传输。也就是说,

  • flutter获取状态栏高度及安全区域

    flutter获取状态栏高度及安全区域

    apicloud、uni-app都有获取状态栏和安全区域的方法,flutter当然也不例外: flutter获取状态栏高度的代码如下: final double statusBarHeight = MediaQuery.of(context).padding.top; 而安全区域,就是适配现在

  • Android Studio真机调试Flutter,vscode flutter真机调试

    Android Studio真机调试Flutter,vscode flutter真机调试

    本文通过Android Studio连接真机调试flutter程序,Vscode如果想真机调试,也能够通过Android studio来实现。 打开 Android Studio,找到 tools-SDK Manager,在打开的SDK Manager界面,选择SDK Tools选项卡,勾

  • es6中new.target的作用和使用场景

    es6中new.target的作用和使用场景

    有时候想写出只能被继承使用的类,这时候就要用到new.target 1、含义: new.target返回使用new方法调用类时的类的名称,子类继承父类时,new.target会返回子类 class Rectangle { constructor(length

  • dart笔记4:flutter折叠菜单

    dart笔记4:flutter折叠菜单

    dart笔记4:flutter折叠菜单

  • dart笔记5:重构override+画圆

    dart笔记5:重构override+画圆

    dart笔记5:重构override+画圆

  • dart笔记11:dart Future microTask和eventTask

    dart笔记11:dart Future microTask和eventTask

    dart笔记11:dart Future microTask和eventTask

  • dart笔记12:Future.delayed延迟任务

    dart笔记12:Future.delayed延迟任务

    dart笔记12:Future.delayed延迟任务

  • dart笔记13:用future实现等待多个任务完成后,再得到所有的执行结果

    dart笔记13:用future实现等待多个任务完成后,再得到所有的执行结果

    dart笔记13:用future实现等待多个任务完成后,再得到所有的执行结果

  • dart笔记14:flutter上拉刷新下拉加载示例

    dart笔记14:flutter上拉刷新下拉加载示例

    flutter上拉刷新下拉加载示例

  • dart笔记15:通过periodic创建stream流

    dart笔记15:通过periodic创建stream流

    dart笔记15:通过periodic创建stream流

  • dart笔记16:stream流创建的另外三种方法

    dart笔记16:stream流创建的另外三种方法

    dart笔记16:stream流创建的另外三种方法

  • dart笔记17:stream流的监听、循环、筛选

    dart笔记17:stream流的监听、循环、筛选

    stream流的listen监听、forEach循环、where筛选。

  • dart笔记18:stream流的transform转换

    dart笔记18:stream流的transform转换

    stream流的transform转换

  • dart笔记19:基于stream流的Flutter StreamBuilder组件

    dart笔记19:基于stream流的Flutter StreamBuilder组件

    基于stream流的Flutter StreamBuilder组件

  • dart笔记20:基于Bloc stream流实现数据处理和UI渲染分离

    dart笔记20:基于Bloc stream流实现数据处理和UI渲染分离

    基于Bloc stream流实现数据处理和UI渲染分离

  • dart笔记21:BlocProvider工具实现管理多个stream流

    dart笔记21:BlocProvider工具实现管理多个stream流

    dart笔记21:BlocProvider工具实现管理多个stream流,此笔记代码是基于“ 基于Bloc stream流实现数据处理和UI渲染分离 ”代码的基础上进行的修改,通过实现BlocProvider类,来管理多个stream流,

  • dart笔记22:Isolate使用案例

    dart笔记22:Isolate使用案例

    dart笔记22:Isolate使用案例

  • dart笔记23:flutter的isolate使用

    dart笔记23:flutter的isolate使用

    flutter大大简化了isolate的使用方法,通过引入foundation.dart来使用isolate,通过computed来创建isolate。使用起来就像js的worker一样。 isolate不能滥用,只有非常耗时的任务(如图片裁切、数据加

  • Flutter环境配置,Android Studio配置

    Flutter环境配置,Android Studio配置

    1、下载安卓studio,安装会自动安装安卓SDK,默认路径:c:\users\用户名\AppData\Local\Android\Sdk。如果此目录下没有,则手动下载,并且在安卓studio的File-setting-Appearance Behavior-System Settings-And

  • dart笔记27:dart export导出库文件

    dart笔记27:dart export导出库文件

    dart export导出和拆分库很像,在上一节,有三个文件,calculator.dart、logger.dart和util.dart,这里依然使用这三个文件,用util.dart导出这两个文件: calculator.dart代码: import 'dart:math';int add(i

  • flutter: Connection refused, errno = 111, address = 127.0.0.

    flutter: Connection refused, errno = 111, address = 127.0.0.

    我爱模板网在用真机调试时,请求本地接口,发现提示下面的错误: 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 Provider.of without passing `listen: false`.

    flutter Provider.of without passing `listen: false`.

  • Flutter笔记1:Provider的使用

    Flutter笔记1:Provider的使用

    Flutter笔记1:Provider的使用详细笔记如下,其中遇到了一些坑,比如: ChangeNotifierProvider(create: (_)=Counter()) 1、这里的create是新版本的,老版本是build,而教程是老版本 2、这里的listen参数是

  • Flutter笔记2:Align-对齐组件

    Flutter笔记2:Align-对齐组件

    Align-对齐组件的常用属性

  • Flutter笔记3:AppBar详解

    Flutter笔记3:AppBar详解

    AppBar就是app的顶部标题栏,但是,不仅仅限于顶部,可以放在其他地方,可定义左侧按钮,中间标题和右侧按钮: class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { retur

  • Flutter笔记4:BottomAppBar底部应用栏和floatingActionButton实现中间凸起的底部导航

    Flutter笔记4:BottomAppBar底部应用栏和floatingActionButton实现中间凸起的底部导航

    本文简单实现了通过BottomAppBar底部应用栏和floatingActionButton实现中间凸起的底部导航栏效果,底部应用栏(导航栏)除了BottomAppBar,还有BottomNavigationBar,这里采用BottomAppBar实现的效果

  • Flutter笔记5:BottomNavigationBar底部导航栏详解

    Flutter笔记5:BottomNavigationBar底部导航栏详解

    BottomNavigationBar是设置底部导航栏的wiget,和BottomAppBar很相似,通过BottomNavigationBarType属性,有两种选中样式可选,一种是改变颜色表示选中效果,一种是通过是否显示文字体现出来: c

  • Flutter笔记6:DecoratedBox装饰盒子

    Flutter笔记6:DecoratedBox装饰盒子

    DecoratedBox装饰盒子,是用来给别的容器进行装饰的widget

  • Flutter笔记7:FittedBox内容填充

    Flutter笔记7:FittedBox内容填充

    FittedBox内容填充模式,就是对内容进行裁切、压缩等,以适应与子容器的大小,有点类似于背景图片的填充

  • Flutter笔记8:RotatedBox旋转Widget
  • Flutter笔记9:DropdownButton下拉框组件

    Flutter笔记9:DropdownButton下拉框组件

    Flutter的DropdownButton下拉框组件和html的select下拉选择框非常类似

  • Flutter笔记10:FloatingActionButton的简单用法

    Flutter笔记10:FloatingActionButton的简单用法

    FloatingActionButton可以放在Scaffold的floatingActionButton属性中使用,也可以单独拿出来作为独立的Widget使用,FloatingActionButton还有个扩展的功能,可以做出带文字+图标的效果的按钮: class MyA

  • Flutter笔记11:FlatButton扁平化按钮

    Flutter笔记11:FlatButton扁平化按钮

    Flutter的button有:FloatingActionButton、IconButton、OutLineButton、FlatButton等,它们的很多属性和方法都是一样的,这篇文章是比较常用的FlatButton扁平化按钮,可以用来做图标按钮、普通文字按钮

  • Flutter笔记12:IconButton图标按钮

    Flutter笔记12:IconButton图标按钮

    IconButton图标按钮,属性和方法详解

  • Flutter笔记13:OutlineButton线框按钮

    Flutter笔记13:OutlineButton线框按钮

    Flutter按钮之OutlineButton线框按钮,就是边框按钮,其实用其他类型的按钮也能模拟出线框按钮效果。它分为有图标的线框按钮和无图标的线框按钮: class MyApp extends StatelessWidget { @overrid

  • Flutter笔记14:RaisedButton凸起按钮

    Flutter笔记14:RaisedButton凸起按钮

    Flutter笔记14:RaisedButton凸起按钮

  • Flutter笔记15:RawMaterialButton无默认样式的按钮

    Flutter笔记15:RawMaterialButton无默认样式的按钮

    前面介绍的按钮都是继承于 MaterialButton,而 MaterialButton都自带了一些样式,MaterialButton又是继承自RawMaterialButton,RawMaterialButton即无默认样式的按钮

  • Flutter笔记16:ButtonBar末端对齐按钮容器

    Flutter笔记16:ButtonBar末端对齐按钮容器

    ButtonBar末端对齐按钮容器有点类似于CSS3中的flex容器,能够通过alignment对子元素进行排列。ButtonBar主要对按钮进行排列,当然,如果要对其他容器,如Container等进行排列,也可以 class M

  • Flutter笔记17:Card组件+ButtonBar实现购物车效果

    Flutter笔记17:Card组件+ButtonBar实现购物车效果

    Card组件+ButtonBar实现购物车效果

  • Flutter笔记18:CheckBox复选框

    Flutter笔记18:CheckBox复选框

    flutter CheckBox复选框案例

  • Flutter笔记19:CheckBoxListTitle复选框实现全选全不选

    Flutter笔记19:CheckBoxListTitle复选框实现全选全不选

    CheckBoxListTitle复选框实现全选全不选

  • Flutter笔记20:Chip、ActionChip、FilterChip、ChoiceChip组件

    Flutter笔记20:Chip、ActionChip、FilterChip、ChoiceChip组件

    Chip组件非常强大,包括普通的Chip、ActionChiop、FilterChip、ChoiceChip,普通的Chip相当于tags标签,而且,这个标签还可以设置头像、图标,还有删除回调,而ActionChip则相当于可点击的Chip,

  • Flutter笔记21:showDatePicker和showTimePicker方法

    Flutter笔记21:showDatePicker和showTimePicker方法

    Flutter的showDatePicker和showTimePicker方法,可以调用原生的日期选择框和时间选择框,两个方法都是Future方法,因为选择的结果需要等待选择完毕才能得到

  • Flutter笔记22:Dialog、AboutDialog、SimpleDialog、AlertDialog

    Flutter笔记22:Dialog、AboutDialog、SimpleDialog、AlertDialog

    Dialog是普通弹窗组件,可定制性非常高,子元素可以放任何内容,按钮可以任意自定义。Dialog仅仅是一个弹窗。其实Dialog完全可以实现下面三种Dialog,只不过需要布局,比较麻烦。 Ab

  • Flutter笔记23:Expanded和Flexible组件

    Flutter笔记23:Expanded和Flexible组件

    Expanded和Flexible组件都是填充组件,都是配合Row或Column或Flex组件使用,决定剩下的空间如何分配,Expanded会将剩下的空间填充完,但Flexible不会

  • Flutter笔记24:FlexibleSpaceBar可折叠的应用栏

    Flutter笔记24:FlexibleSpaceBar可折叠的应用栏

    FlexibleSpaceBar可折叠的应用栏,必须在SliverAppBar的flexibleSpace属性中实现,单独使用没有意义,具体表现效果为上拉的时候,FlexibleSpaceBar会自动折叠,仅显示标题,以便于查看NestedScrollV

  • Flutter笔记25:GridView、GridTile、GridPaper组件

    Flutter笔记25:GridView、GridTile、GridPaper组件

    GridView、GridTile、GridPaper组件案例,GridTile、GridPaper不一定要放在GridView里面,这里只是为了好看。 GridView网格布局,GridTile为带标题、内容和底部的组件,而GridPaper和GridTile很像,只不过

  • Flutter笔记26:Grid网格组件创建的几种方法

    Flutter笔记26:Grid网格组件创建的几种方法

    Grid网格组件创建的方法一共有四种之多,每种都有自己的特色,有的是设置一行列数,有的是根据单个元素的宽度和一行的总宽度来决定一行显示几个,下面是四种主要的创建方式,前

  • Flutter笔记27:Icon图标

    Flutter笔记27:Icon图标

    Flutter图标、图片图标ImageIcon和IconButton图标按钮详解

  • Flutter笔记28:Icon字体图标

    Flutter笔记28:Icon字体图标

    Flutter的IconData可以自定义字体图标,Flutter的Icons自带的字体图标其实就是封装的IconData。

  • Flutter笔记29:IconTheme图标主题

    Flutter笔记29:IconTheme图标主题

    IconTheme图标主题通过data属性的IconThemeData可以对图标进行更加强大的设置,可以在顶层就定义好,这样整个项目的Icon颜色、透明度等风格都能同一,这里进行简单的使用示例

  • Flutter笔记30:本地图片资源加载

    Flutter笔记30:本地图片资源加载

    在assets目录,放不同分辨率的图片,如1.jpg、2.0x/1.jpg、3.0x/1.jpg,在pubspec.yaml中引入此图片

  • Flutter笔记31:DecorationImage装饰图片/背景图片

    Flutter笔记31:DecorationImage装饰图片/背景图片

    DecorationImage装饰图片主要配合BoxDecoraion使用,相当于给容器加背景

  • Flutter笔记32:ImageFile本地资源图片

    Flutter笔记32:ImageFile本地资源图片

    ImageFile本地资源图片,和AssetImage不同,前者是显示手机中存储的图片,而后者是显示app内的图片,需要在pubspec.yaml中设置图片路径

  • Flutter笔记33:Flutter中的Image入门讲解

    Flutter笔记33:Flutter中的Image入门讲解

    概览 图片常用的格式主要有bmp,jpg,png,gif,webp等。图片也是一种二进制文件,每种格式的图片都由固定的头信息和真实数据块组成。图片原始数据每个像素在内存中的占用一般从2byte-4by

  • Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded

    Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded

    Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded

  • Flutter笔记34:Column和Row水平垂直布局组件

    Flutter笔记34:Column和Row水平垂直布局组件

    Flutter Column和Row水平垂直布局组件,属性方法都一样,只不过把主轴和交叉轴进行了交换

  • Flutter笔记35:Container组件

    Flutter笔记35:Container组件

    Container和html的div非常想,是非常常用的组件,Container如果不设置宽高,默认占满父组件,这和css的div不一样

  • Flutter笔记36:ListBody列表组件

    Flutter笔记36:ListBody列表组件

    ListBody常常配合Row实现宽度不同的水平排列,或者配合Column实现高度不通的垂直排列,还可以根据自身的reverse属性实现列表内容的正序或倒叙排列。也可以和ListView配合使用

  • Flutter实现上拉加载下拉刷新

    Flutter实现上拉加载下拉刷新

    Flutter通过ListView的controller属性配合ScrollController实现上拉加载,通过RefreshIndicator的onRefresh方法,实现下拉刷新。

  • Flutter笔记37:ListView用法

    Flutter笔记37:ListView用法

    ListView滚动列表组件在开发中非常常用,在诸如商品列表、会员列表等涉及到滚动的都需要使用ListView,这里详细记录了ListView的四种构造方法,同时,顺便详细记录了ListTile的属性方法

  • vue滚动条美化插件vueScroll

    vue滚动条美化插件vueScroll

    vue滚动条美化插件vueScroll不仅仅可以美化滚动条,还支持上拉刷新下拉加载、支持平滑滚动、支持截断配置,每次滚动固定的距离、支持自动检测内容是否发生变化、支持分页等等,非常

  • Flutter笔记38:MaterialApp常见属性

    Flutter笔记38:MaterialApp常见属性

    Flutter的app风格主要有两种:Material和Cupertino。这里记录下Material的主要常用属性: title:任务管理窗口中显示的名称 theme:应用各种UI所使用的主题颜色 color:应用的主要颜色值(primary colo

  • Flutter笔记39:CheckedPopupMenuItem可勾选的弹出菜单

    Flutter笔记39:CheckedPopupMenuItem可勾选的弹出菜单

    CheckedPopupMenuItem可勾选的弹出菜单,常常与PopupMenuButton,作为PopupMenuButton构造方法的元素

  • Flutter笔记40:DropdownButton下拉框按钮

    Flutter笔记40:DropdownButton下拉框按钮

    DropdownButton相当于html的select下拉框,注意它与PopupMenuButton的区别。下面是代码演示:

  • Flutter笔记41:PageView滚动组件

    Flutter笔记41:PageView滚动组件

    PageView滚动组件,支持左右滚动和上下滚动,滚动回调等,一个最简单的页面滚动组件

  • Flutter笔记42:ProgressIndicator进度条组件

    Flutter笔记42:ProgressIndicator进度条组件

    Flutter ProgressIndicator进度条组件主要两种:圆形进度条CircularProgressIndicator和LinearProgressIndicator

  • ElementUI tree树父节点不显示复选框

    ElementUI tree树父节点不显示复选框

    ElementUI tree树如果设置了复选框,父节点默认也是显示复选框的,点击父节点的复选框,可以选择此父节点下所有的子节点,但有时候,父节点前有箭头,又有复选框不好看,有需要隐藏

  • Flutter笔记43:Radio单选组件

    Flutter笔记43:Radio单选组件

    Flutter的Radio单选组件非常简单

  • Flutter笔记44:RadioListTile组件

    Flutter笔记44:RadioListTile组件

    RadioListTile组件,相当与强化了radio组件,显示的内容更多,当然,用radio也能实现RadioListTile的效果,但是比较麻烦

  • Flutter笔记45:Scaffold组件

    Flutter笔记45:Scaffold组件

    Scaffold组件非常重要,决定了整个页面的风格,里面包含了很多属性,如body放置正文主体,drawer侧边弹出抽屉、bottomNavigationBar底部导航栏等等

  • Flutter笔记46:Slider滑块组件

    Flutter笔记46:Slider滑块组件

    Slider滑块组件就是按住拖动功能的组件,如音乐播放器的音量调节等

  • Flutter笔记47:SliderTheme滑块主题

    Flutter笔记47:SliderTheme滑块主题

    Slider滑块组件本身能够满足一些简单的样式需求,但是如果想进行更多的自定义设置,就可以用到SliderTheme滑块主题组件了,SliderTheme必须将Slider包裹起来,才能对Slider进行更深层次的定

  • Flutter笔记48:SliverAppBar组件

    Flutter笔记48:SliverAppBar组件

    SliverAppBar相比与AppBar,可以滚动,还可以展开和折叠,它和AppBar都继承于StatefulWidget,需要和NestedScrollView结合使用

  • Flutter笔记49:SnackBar组件

    Flutter笔记49:SnackBar组件

    SnackBar底部弹出消息组件,可以设置消息内容、操作按钮,关闭SnackBar等

  • Flutter笔记50: AnimatedPadding组件

    Flutter笔记50: AnimatedPadding组件

    AnimatedPadding组件,顾名思义:带动画的padding

  • Flutter笔记51:Padding组件

    Flutter笔记51:Padding组件

    Padding组件,Flutter一切皆组件,padding在html中是填充,即边距,是属性,但在Flutter,它即是一些组件的属性,如Container的padding属性,又可以拿出来,单独作为Padding组件

  • Flutter笔记52:IndexedStack索引层叠组件

    Flutter笔记52:IndexedStack索引层叠组件

    IndexedStack索引层叠组件,Index-索引,Stack-层叠,有索引的层叠组件,根据索引,显示它的子元素,不管多少个子元素,只显示指定的哪个。

  • Flutter笔记53:Stack层叠组件

    Flutter笔记53:Stack层叠组件

    Stack层叠组件,层叠顺序:后面的元素覆盖前面的元素

  • Flutter笔记54:AnimatedSwitcher切换时的动画组件

    Flutter笔记54:AnimatedSwitcher切换时的动画组件

    AnimatedSwitcher设置文字或形状发生变化时的动画效果,这里以数字加加为效果,当然如Container的宽高变化都可以用这种方法来实现过渡效果

  • Flutter笔记55:Switch开关组件

    Flutter笔记55:Switch开关组件

    Switch开关组件比较常用,定义方法也比较简单,在使用inactiveThumbImage和activeThumbImage作为背景图片时,最好是通过ps处理的比较小的圆图

  • Flutter笔记56:SwitchListTile组件

    Flutter笔记56:SwitchListTile组件

    SwitchListTile是Switch开关组件的增强版,带了标题等功能,基础实行和Switch一样:

  • Flutter笔记57:TabBar选项卡组件
  • elementUI滚动条美化组件——el-scrollbar的简单使用

    elementUI滚动条美化组件——el-scrollbar的简单使用

    elementUI是一款非常常用的前端框架,基于vue,使用方便。但是它的官方文档却没有提供关于滚动条美化的相关组件。其实是有的,就是el-scrollbar。使用方法如下: 1、在需要溢出滚动的地

  • 父元素设置了z-index,导致position:fixed的子元素z-index失效

    父元素设置了z-index,导致position:fixed的子元素z-index失效

    父元素设置了z-index,导致position:fixed的子元素z-index失效

  • FullCalendar设置周六和周日的样式

    FullCalendar设置周六和周日的样式

    FullCalendar设置周六和周日的样式

  • Flutter笔记58:Table表格组件

    Flutter笔记58:Table表格组件

    Flutter的Table表格组件也非常常用,主要用columnWidths来设置列,TableRow来显示行内容,可以放置任何内容

  • Flutter笔记59:RichText富文本组件

    Flutter笔记59:RichText富文本组件

    RichText富文本组件,当文字段落样式比较复杂时,可以用RichText拆分,进行修饰

  • Flutter笔记60:Text文本组件

    Flutter笔记60:Text文本组件

    Text文本组件,非常常用的组件,在很多组件中,如果有属性为文字时,一般都需要用到Text组件,如AppBar的title属性的值等,但是像MaterialApp的title,它的属性值就是纯文字。

  • Flutter笔记61:TextField文本输入框组件

    Flutter笔记61:TextField文本输入框组件

    TextField文本输入框组件就是html里面的input输入框,可以用来获取用户的输入内容。

  • Flutter笔记62:Route最基本的使用

    Flutter笔记62:Route最基本的使用

    Fluter路由Route导航Navigator最基本的使用:push进入某个页面(入栈)、pop关闭本页面(出栈)

  • Flutter笔记63:最简单的路由传参

    Flutter笔记63:最简单的路由传参

    利用两个页面构造函数接受参数实现最简单的路由传参

  • vscode Dart自动格式化去除

    vscode Dart自动格式化去除

    我爱模板网不知道上次安装了什么,还是升级了什么,然后发现,用vscode开发dart、flutter时,每次保存会自动格式化,但是格式化的效果非常差: 格式化之前: 格式化之后: 格式化之后

  • Flutter笔记64:flutter路由返回接受数据

    Flutter笔记64:flutter路由返回接受数据

    简单的页面关闭并返回数据给上一页的效果,在打开一个页面时,用异步的方法等待接收这个路由打开的方法的结果,这个结果将在下一个页面关闭时得到

  • Flutter笔记65:Fluro路由组件的简单使用

    Flutter笔记65:Fluro路由组件的简单使用

    这里是根据教程来的,Flutter Fluro路由组件的简单使用

  • element ui DatePicker回显

    element ui DatePicker回显

    我爱模板网 在使用element ui做项目时,在修改一个起始日期,需要将日期回显到datepicker中: 日期代码如下: el-date-picker@change="changeDate"v-model="startEndDate"type="daterange"range-separator="至"star

  • Flutter笔记66:本地存储shared_preferences的简单使用

    Flutter笔记66:本地存储shared_preferences的简单使用

    Flutter本地存储比较常用的插件shared_preferences,它其实就是对IOS的NSUserDefaults和安卓的SharedPreferences的分别实现

  • Flutter笔记67:path_provider文件存储插件

    Flutter笔记67:path_provider文件存储插件

    path_provider文件操作模块主要提供了下面三个方法: getTemporaryDirectory:获取临时目录 getApplicationDocumentsDirectory:获取应用文档目录 getExternalStorageDirectory:获取外部存储目录,注意:I

  • 在vue中使用bpmn-js(一)

    在vue中使用bpmn-js(一)

    由于之前的公司的项目中的工作流管理要用到流程图,而bpmn-js官方的文档是全英的而且使用的js框架是jQuery,可能是比较新的技术,官方也还在不断的更新,相关的文档或者资料很少很

  • 在vue中使用bpmn-js(二)

    在vue中使用bpmn-js(二)

    2.新建空的图,功能要求: ① 空的,能自己画; ② 以SVG image格式、BPMN diagram格式下载在本地; 参考链接:(其实就是理解它的思路,把jQuery转化成vue) https://github.com/bpmn-io/bpmn-js-example

  • 在vue中使用bpmn-js(三)

    在vue中使用bpmn-js(三)

    3.关于节点的配置,功能要求: ①在服务器取到图并显示出来 ②不能编辑和改动图 ③可以获取到具体某个节点的信息 参考链接:https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonj

  • 在vue中使用bpmn-js(四)

    在vue中使用bpmn-js(四)

    给节点和线上色,其实就是找到这个节点的id,然后改变它的样式。 这里是写死的某几个节点和线,真正应该通过与后台交互获取到已经走过的流程然后上色。 div class="containers" ref="co

  • Flutter笔记68:Flutter动画基础

    Flutter笔记68:Flutter动画基础

    Flutter动画相关类: Animation:Flutter中动画的核心类,是个抽象类(abstract),通过Listeners和StatusListeners可以进行监听。 AnimationController:动画管理类,AnimationController继承自Animation,是特殊

  • Flutter笔记69:Flutter缓动动画

    Flutter笔记69:Flutter缓动动画

    用CurvedAnimation做缓动动画效果,用AnimatedBuilder是一个中间件,将Animation和Widget关联起来。 main.dart: import 'package:flutter/material.dart';import 'easing.dart';void main(){ runApp(MyApp());}class MyApp extends

  • Flutter笔记70:BorderRadiusTween边框圆角补间动画

    Flutter笔记70:BorderRadiusTween边框圆角补间动画

    通过BorderRadiusTween和Tween共用一个AnimationController,即叠加多个动画,实现类似遮罩的效果,Tween动画负责宽高,BorderRadiusTween负责边框圆角动画

  • Flutter笔记71:数字变化的补间动画IntTween简单案例

    Flutter笔记71:数字变化的补间动画IntTween简单案例

    数字变化的补间动画IntTween,可以给数字变化加上补间动画

  • Flutter笔记72:AnimatedContainer制作图表动画效果

    Flutter笔记72:AnimatedContainer制作图表动画效果

    AnimatedContainer和AnimatedSwitcher组件差不多,都是动画容器。使用这种动画容器非常方便,无需定义AnimationController、Tween等

  • Flutter笔记73:AnimatedOpacity淡入淡出动画容器

    Flutter笔记73:AnimatedOpacity淡入淡出动画容器

    AnimatedOpacity和 AnimatedContainer 以及 AnimatedSwitcher 组件差不多,都是动画容器。使用这种动画容器非常方便,无需定义AnimationController、Tween等。 import 'package:flutter/material.dart';class OpacityAnim

  • Flutter笔记74:Hero页面切换动画

    Flutter笔记74:Hero页面切换动画

    一、Hero Widget 在某些场景下我们可能需要通过图片进行页面的转场,这种场景在大众点评等APP上非常常见,Feed 流中有图片,点击之后,通过图片进行页面的转场 进行转场,就需要两个

  • 深度(穿透)选择器>>>、/deep/、::v-deep

    深度(穿透)选择器>>>、/deep/、::v-deep

    如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用深度(穿透)选择器

  • vue获取所有路由,包括addRoutes之后的路由

    vue获取所有路由,包括addRoutes之后的路由

    vue获取所有路由的方法this.$router.options.routes只能获取addRoutes动态路由添加前的路由,即静态路由,如果想获取所有的路由,不管是静态还是动态,可以在router目录的index里面单独导出所有

  • CSS中zoom和scale的区别

    CSS中zoom和scale的区别

    zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置。另外他

  • vue this.$once('hook:beforeDestory',()=>{})

    vue this.$once('hook:beforeDestory',()=>{})

    在VUE中,使用下面的方法,可以任何方法中调用这个方法销毁想要销毁的方法,而不用刻意去生命周期函数destroyed中销毁

  • vue中$refs, $emit, $on, $once, $off的使用,vue事件总线eventBus

    vue中$refs, $emit, $on, $once, $off的使用,vue事件总线eventBus

    vue中$refs, $emit, $on, $once, $off的使用详解,eventBus事件总线的用法。其实$refs和另外几个有本质的区别,其他几个都与数据传递或事件有关,而$refs则是选择节点。但这里也放到一起了。本

  • Flutter笔记75:DefaultTextStyle文本样式组件

    Flutter笔记75:DefaultTextStyle文本样式组件

    Flutter的DefaultTextStyle组件用于给子Text加样式,所有隶属于它的子元素的Text都会应用这种样式。如果Text组件指定了自己的样式,则使用自己的样式,否则就继承DefaultTextStyle的样式。

  • vue老是提示:[vue/no-parsing-error] Parsing error: x-invalid-end-

    vue老是提示:[vue/no-parsing-error] Parsing error: x-invalid-end-

    vue老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue,但是标签都能匹配上啊,如下图: 去掉这个烦人的提示有两个方法: 方法一、File-Preferences-Settings,搜索“vetur.val

  • Dart Queue

    Dart Queue

    队列是一个可以在两端操作的集合。当您想要构建先进先出集合时,队列非常有用。简而言之,队列从一端插入数据并从另一端删除。按插入顺序删除/读取值。### 语法:创建队列```ja

  • Dart 集合Set

    Dart 集合Set

    Set表示对象的集合,其中每个对象只能出现一次。dart:core库提供了Set类来实现相同的功能。### 语法```javaIdentifier = new Set()```**或者**```javaIdentifier = new Set.from(Iterable)```其中, **Iterable** 表

  • Dart Map.forEach()

    Dart Map.forEach()

    在每个Map条目上应用指定的函数。换句话说, **forEach** 允许迭代Map的条目。## 语法```javaMap.forEach(void f(K key, V value));```## 参数 * **f(K key, V value)** \- 将f应用于地图的每个键值对。调用 **

  • Dart Map.remove()函数

    Dart Map.remove()函数

    从地图中删除键及其关联值(如果存在)。该函数还返回与键关联的值。## 语法```javaMap.remove(Object key)```## 参数 * **密钥** \- 标识要删除的条目。**返回类型** \- 返回与指定键对应的值。##

  • Dart Map.clear()函数

    Dart Map.clear()函数

    从地图中删除所有对。## 语法```javaMap.clear()```**返回类型** \- void## 例```javavoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.clear();

  • Dart Map属性isNotEmpty

    Dart Map属性isNotEmpty

    如果Map至少有一个项,则返回true。## 语法```javaMap.isNotEmpty```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isNotEmpty); va

  • Dart Map属性isEmpty

    Dart Map属性isEmpty

    如果Map为空,则返回true。## 语法```javaMap.isEmpty```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isEmpty); var hosts = {}

  • Dart Map属性value

    Dart Map属性value

    返回表示Map中的值的可迭代对象。## 语法```javaMap.values```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.values);}```它将产生以下 *

  • Dart Map属性键key

    Dart Map属性键key

    返回表示键的可迭代对象。## 语法```javaMap.keys```## 例```javavoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.keys);}```它将产生以下 **

  • Dart list remove()

    Dart list remove()

    dart:core库中List类支持的以下函数可用于删除List中的项目。## List.remove()List.remove()函数删除列表中第一次出现的指定项。如果从列表中删除指定的值,则此函数返回true。### 语法```javaL

  • Dart list replaceRange()

    Dart list replaceRange()

    ## 更新索引Dart允许修改List中项目的值。换句话说,可以重写列表项的值。以下 **示例** 说明了相同的情况```javavoid main() { List l = [1, 2, 3,]; 1[0] = 123; print (1);}```上面的示例使用索引0更新

  • Dart List.single方法

    Dart List.single方法

    检查列表是否只有一个元素并返回它。## 语法```javaList.single```## 例```javavoid main() { var lst = new List(); lst.add(12); print(The list has only one element: ${lst.single});

  • Dart List.reversed方法

    Dart List.reversed方法

    以相反的顺序返回包含列表值的可迭代对象。## 语法```javaList.reversed```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The list values in reverse order: ${

  • Dart List.length方法

    Dart List.length方法

    返回列表的大小。## 语法```javaList.length```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The length of the list is : ${lst.length});}

  • Dart List.isNotEmpty方法

    Dart List.isNotEmpty方法

    如果集合至少包含一个元素,则返回true。## 语法```javaList.isNotEmpty```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isNotEmpty);} ```它将产生

  • Dart List.isEmpty

    Dart List.isEmpty

    如果集合没有元素,则返回true。## 语法```javaList.isEmpty```## 例```javavoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isEmpty);} ```它将产生以下 **输出**

  • Dart String codeUnitAt方法

    Dart String codeUnitAt方法

    返回给定索引处的16位UTF-16代码单元。## 语法```javaString.codeUnitAt(int index)```## 参数 * **索引** \- 表示字符串中的字符索引。## 返回值类型返回一个整数。## 例```javavoid main() { var res = Good D

  • Dart String replaceAll()方法

    Dart String replaceAll()方法

    用给定值替换与指定模式匹配的所有子字符串。## 语法```javaString replaceAll(Pattern from, String replace)```## 参数 * **From** \- 要替换​​的字符串。 * **replace** \- 替换字符串。## 返回值类型返回

  • Dart String compareTo()方法

    Dart String compareTo()方法

    通过删除所有前导和尾随空格返回一个新字符串。但是,此方法不会丢弃两个字符串之间的空格。## 语法```javacompareTo(String other)```## 返回值类型返回表示两个字符串之间关系的整数。

  • Dart String toUpperCase()方法

    Dart String toUpperCase()方法

    通过将给定字符串中的所有字符转换为大写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; print(

  • Dart String toLowerCase()方法

    Dart String toLowerCase()方法

    通过将给定字符串中的所有字符转换为小写字母来返回新字符串。## 语法```javaString.toLowerCase()```## 返回值类型返回一个字符串。## 例```javavoid main() { String uStr = ABC; String lStr = hello; p

  • Dart String属性isEmpty

    Dart String属性isEmpty

    如果字符串为空,则返回 **true** ; else返回 **false** 。## 语法```javaString.isEmpty```## 例```javavoid main() { String str = Hello; print(str.isEmpty);}```它将产生以下 **输出**``

  • Dart String属性codeUnits

    Dart String属性codeUnits

    返回给定字符串的UTF-16代码单元列表。## 语法```javaString.codeUnits```## 例```javavoid main() { String str = Hello; print(str.codeUnits);}```它将产生以下 **输出** ```java[72, 101,

  • Dart Number truncate方法

    Dart Number truncate方法

    丢弃任何小数位后返回一个整数。## 语法```dartNumber.truncate()```## 返回值返回不带小数点的 **int** 。## 例如```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The trun

  • Dart Number toString方法

    Dart Number toString方法

    此方法返回数字值的字符串表示形式。## 语法```dartNumber.toString()```## 返回值返回表示指定Number对象的字符串。## 例如```dartvoid main() { int n1 = 2; var value = n1.toString(); pr

  • Dart Number toInt方法

    Dart Number toInt方法

    此方法返回数字值的整数表示形式。## 语法```dartNumber.toInt()```## 返回值返回表示指定Number对象的 **int** 。## 例如```dartvoid main() { double n1 = 2.0; var value = n1.toInt(); print(Output =

  • Dart Number toDouble方法

    Dart Number toDouble方法

    此方法返回数字值的双重表示。## 语法```dartNumber.toDouble()```## 返回值返回表示指定Number对象的 **double** 。## 例如```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output

  • Dart Number remainder方法

    Dart Number remainder方法

    它在分割两个数字后返回截断的余数。## 语法```dartNumber.remainder(x)```## 参数 * **x** \- 表示除数## 返回值返回除法的余数。## 例如```dartvoid main() { var a = 10; var b = 17; prin

  • Dart Number Floor方法

    Dart Number Floor方法

    此方法返回小于或等于数字的最大整数。## 语法```dartNumber.floor()```## 返回值返回小于或等于数字 **x** 的最大整数。## 例如```dartvoid main() { var a = 2.9; print(The floor value of 2.9 = ${a.floor()})

  • Dart Number compareTo方法

    Dart Number compareTo方法

    它返回一个整数,表示两个数字之间的关系。## 语法```dartNumber.compareTo(x)```## 参数 * **x** \- 代表一个数字。## 返回值返回值 * **0** \- 如果值相等。 * **1** \- 如果当前数字对象大于指定的数

  • Dart Number ceil方法

    Dart Number ceil方法

    此属性返回上限值,即大于或等于数字的最小整数。## 语法```javaNumber.ceil()```## 例```javavoid main() { var a = 2.4; print(The ceiling value of 2.4 = ${a.ceil()});}```它将产生以下 **输出**``

  • Dart Number abs方法

    Dart Number abs方法

    此属性用于返回表示数字绝对值的整数。## 语法```javaNumber.abs()```## 例```javavoid main() { var a = -2; print(a.abs());}```它将产生以下 **输出**```java2```

  • Dart Number isOdd属性

    Dart Number isOdd属性

    如果数字是奇数,则此属性返回布尔值true。## 语法```javanum.isOdd```## 例```javavoid main() { int posNum = 10; print(posNum.isOdd);} ```它将产生以下 **输出**```javafalse```

  • Dart Number isEven属性

    Dart Number isEven属性

    如果数字是偶数,则此属性返回布尔值true。## 语法```javanum.isEven```## 例```javavoid main() { int posNum = 10; print(posNum.isEven);} ```它将产生以下 **输出**```javatrue```

  • Dart Number sign属性

    Dart Number sign属性

    返回减一,零或加一,具体取决于数字的符号和数值。如果数字小于零,则此属性返回减1,如果数字大于零,则返回1,如果数字等于零,则返回0。## 语法```javanum.sign```## 例```javavoid m

  • Dart Number isNegative属性

    Dart Number isNegative属性

    如果数字是负数,则此属性返回布尔值true。## 语法```javanum.isNegative```## 例```javavoid main() { int posNum = 10; int negNum = -10; print(posNum.isNegative); print(negNum.isNegative);

  • Dart Number isInfinite属性

    Dart Number isInfinite属性

    如果数字不是NaN或正无穷大或负无穷大,则该属性返回布尔值true。## 语法```javanum.isInfinite```## 例```javavoid main() { int n = 5000; print(n.isInfinite);}```它将产生以下 **输出**```javaFalse```

  • Dart Number isFinite属

    Dart Number isFinite属

    如果数字不是NaN或正无穷大或负无穷大,则该属性返回布尔值true。## 语法```javanum.isFinite```## 例```javavoid main() { int n = 5000; print(n.isFinite);}``` 它将产生以下 **输出**```javatrue```

  • Dart Number hashcode属性

    Dart Number hashcode属性

    该属性返回一个整数,表示数值的哈希码。## 语法```javanum.hashcode```## 例```javavoid main() { int n = 5000; print(n.hashCode);} ```它将产生以下 **输出**成功执行代码后会显示以下输出。```java5000

  • Dart if else if

    Dart if else if

    在 **else…if** 可用于检测多个条件。以下是相同的语法。```dartif (boolean_expression1) { //如果expression1的计算结果为true,则返回语句}else if (boolean_expression2) { //如果expression2的计算结果为tru

  • Dart if else

    Dart if else

    `if`后面可以跟一个可选的`else`块。如果`if`块测试的布尔表达式求值为`false`,则执行`else`块。以下是语法。```dartif(boolean_expression){ // 如果布尔表达式为true,则将执行语句。} else { // 如果

  • Dart continue

    Dart continue

    在 **continue** 语句跳过当前迭代的后续语句,并采取控制回到循环的开始。与 **break** 语句不同, **continue**语句不会退出循环。它终止当前迭代并开始后续迭代。以下示例显示如何在Da

  • Dart break

    Dart break

    该 **break** 语句用来作为控制了结构的。在循环中使用 **break** 会导致程序退出循环。以下是 **break** 语句的示例。## 例```javavoid main() { var i = 1; while(i=10) { if (i % 5 == 0) { print(The first multi

  • Dart do while

    Dart do while

    `do ... while`循环类似于`while`循环,只是`do ... while`循环不会在第一次循环执行时评估条件。但是,将对后续迭代评估条件。换句话说,代码块将在`do ... while`循环中至少执行一次。![do w

  • Dart while

    Dart while

    **while** 循环执行指令指定的每个条件计算为真时。换句话说,循环在执行代码块之前评估条件。下图显示了 **while** 循环的流程图![while 循环](/static/assets/tutorials/lang/dart/while_loop.jpg)以下

  • Dart编程Typedef

    Dart编程Typedef

    `typedef` 或函数型的别名,有助于存储器内定义指针的可执行代码。简单地说, `typedef` 可以用作引用函数的指针。下面给出了在Dart程序中实现 `typedef` 的步骤。**第1步:定义typedef**一个

  • Dart编程数字Number

    Dart编程数字Number

    Dart数字可以分为:* **int** \- 任意大小的整数。 **int** 数据类型用于表示整数。* **double** -64位(双精度)浮点数,由IEEE 754标准规定。 在 **double** 数据类型用于表示小数**int** 和 **double** 类

  • Dart编程实例 - Typedefs 类型定义

    Dart编程实例 - Typedefs 类型定义

    ## Dart编程实例 - Typedefs 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signatureAdd(int firstNo,int second){ print(Add result is ${firstNo+second});}

  • Dart编程实例 - Typedef 类型定义

    Dart编程实例 - Typedef 类型定义

    ## Dart编程实例 - Typedef 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signature Add(int firstNo,int second){ print(Add result is ${firstNo+second});}

  • Dart编程实例 - 泛型 Queue

    Dart编程实例 - 泛型 Queue

    ## Dart编程实例 - 泛型 Queue```dartimport dart:collection;void main() { Queueint queue = new Queueint(); print(Default implementation ${queue.runtimeType}); queue.addLa

  • Dart编程实例 - 泛型 Set

    Dart编程实例 - 泛型 Set

    ## Dart编程实例 - 泛型 Set```dartvoid main() { Set intnumberSet = new Setint(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); num

  • Dart编程实例 - 添加多个值到Queue

    Dart编程实例 - 添加多个值到Queue

    ## Dart编程实例 - 添加多个值到Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.addAll([10,12,

  • Dart编程实例 - 集合 Queue

    Dart编程实例 - 集合 Queue

    ## Dart编程实例 - 集合 Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.add(10); qu

  • Dart编程实例 - 从HashSet删除值

    Dart编程实例 - 从HashSet删除值

    ## Dart编程实例 - 从HashSet删除值```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Printing hashet.. ${numberSet

  • Dart编程实例 - 添加多个值到HashSet

    Dart编程实例 - 添加多个值到HashSet

    ## Dart编程实例 - 添加多个值到HashSet```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Default implementation :${n

  • Dart编程实例 - HashSet

    Dart编程实例 - HashSet

    ## Dart编程实例 - HashSet```dartimport dart:collection; void main() { Set numberSet = new HashSet(); numberSet.add(100); numberSet.add(20); numberSet.add(5);

  • Dart编程实例 -  Set.from()

    Dart编程实例 - Set.from()

    ## Dart编程实例 - Set.from()```dartvoid main() { Set numberSet = new Set.from([12,13,14]); print(Default implementation :${numberSet.runtimeType}); // all elements are retriev

  • Dart编程实例 - 集合 Set

    Dart编程实例 - 集合 Set

    ## Dart编程实例 - 集合 Set```dartvoid main() { Set numberSet = new Set(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); numberSet.add

  • Dart编程实例 - Object

    Dart编程实例 - Object

    ## Dart编程实例 - Object```dartclass Student { void test_method() { print(This is a test method); } void test_method1() { print(This is a test me

  • Dart编程实例 - Super 关键字

    Dart编程实例 - Super 关键字

    ## 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

    Dart编程实例 - dart getters 和 setters

    ## Dart编程实例 - dart getters 和 setters```dartclass Student { String name; int age; String get stud_name { return name; } void set stud_name(String na

  • Dart编程实例 - Runes类构造函数

    Dart编程实例 - Runes类构造函数

    ## Dart编程实例 - Runes类构造函数```dartmain() { Runes input = new Runes( \u{1f605} ); print(new String.fromCharCodes(input));} ```

  • Dart编程实例 - String runes 属性

    Dart编程实例 - String runes 属性

    ## Dart编程实例 - String runes 属性```dartvoid main(){ A string.runes.forEach((int rune) { var character=new String.fromCharCode(rune); print(character); }); }``

  • Dart编程实例 - String codeUnits 属性

    Dart编程实例 - String codeUnits 属性

    ## Dart编程实例 - String codeUnits 属性```dartimport dart:core; void main(){ f1();} f1() { String x = Runes; print(x.codeUnits);}```

  • Dart编程实例 - String codeUnitAt() 方法

    Dart编程实例 - String codeUnitAt() 方法

    ## Dart编程实例 - String codeUnitAt() 方法```dartimport dart:core;void main(){ f1();}f1() { String x = Runes; print(x.codeUnitAt(0));}```

  • Dart编程实例 - Map forEach() 方法

    Dart编程实例 - Map forEach() 方法

    ## Dart编程实例 - Map forEach() 方法```dartvoid main() { var usrMap = {name: Tom, Email: tom@xyz.com}; usrMap.forEach((k,v) = print(${k}: ${v}));}```

  • Dart编程实例 - Map remove() 方法

    Dart编程实例 - Map remove() 方法

    ## 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() 方法

    Dart编程实例 - Map clear() 方法

    ## 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属性

    Dart编程实例 - Map isNotEmpty属性

    ## Dart编程实例 - Map isNotEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isNotEmpty); var hosts = {}; print(hosts.isNotEmpt

  • Dart编程实例 - Map isEmpty属性

    Dart编程实例 - Map isEmpty属性

    ## Dart编程实例 - Map isEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isEmpty); var hosts = {}; print(hosts.isEmpty);}

  • Dart编程实例 - Map Length属性

    Dart编程实例 - Map Length属性

    ## Dart编程实例 - Map Length属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.length);}```

  • Dart编程实例 - Map Values属性

    Dart编程实例 - Map Values属性

    ## Dart编程实例 - Map Values属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.values);}```

  • Dart编程实例 - Map Keys属性

    Dart编程实例 - Map Keys属性

    ## Dart编程实例 - Map Keys属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.keys);}```

  • Dart编程实例 - 列表removeLast()方法

    Dart编程实例 - 列表removeLast()方法

    ## 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()方法

    Dart编程实例 - 列表removeAt()方法

    ## 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() 方法

    Dart编程实例 - 列表 remove() 方法

    ## 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()方法

    Dart编程实例 - 列表insertAll()方法

    ## Dart编程实例 - 列表insertAll()方法```dartvoid main() { List l = [1,2,3]; l.insertAll(0,[120,130]); print(l);}```

  • Dart编程实例 -  列表insert()方法

    Dart编程实例 - 列表insert()方法

    ## Dart编程实例 - 列表insert()方法```dartvoid main() { List l = [1,2,3]; l.insert(0,4); print(l);}```

  • Dart编程实例 - 列表 single 方法

    Dart编程实例 - 列表 single 方法

    ## Dart编程实例 - 列表 single 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(10); print(lst.single);}```

  • Dart编程实例 - 列表 reversed 方法

    Dart编程实例 - 列表 reversed 方法

    ## 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 方法

    Dart编程实例 - 列表 length 方法

    ## 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 方法

    Dart编程实例 - 列表 isNotEmpty 方法

    ## Dart编程实例 - 列表 isNotEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isNotEmpty);}```

  • Dart编程实例 - 列表 isEmpty 方法

    Dart编程实例 - 列表 isEmpty 方法

    ## Dart编程实例 - 列表 isEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isEmpty);} ```

  • Dart编程实例 - Boolean 实例

    Dart编程实例 - Boolean 实例

    ## Dart编程实例 - Boolean 实例```dartvoid main() { var str = abc; if(str) { print(String is not empty); } else { print(Empty String); }}```

  • Dart编程实例 - 字符串 codeUnitAt 方法

    Dart编程实例 - 字符串 codeUnitAt 方法

    ## Dart编程实例 - 字符串 codeUnitAt 方法```dartvoid main() { var res = Good Day; print(Code Unit of index 0 (G): ${res.codeUnitAt(0)}); }```

  • Dart编程实例 - 字符串 replaceAll() 方法

    Dart编程实例 - 字符串 replaceAll() 方法

    ## Dart编程实例 - 字符串 replaceAll() 方法```dartvoid main() { String str1 = Hello World; print(New String: ${str1.replaceAll(World,ALL)});}```

  • Dart编程实例 - 字符串 compareTo() 方法

    Dart编程实例 - 字符串 compareTo() 方法

    ## Dart编程实例 - 字符串 compareTo() 方法```dartvoid main() { String str1 = A; String str2 = A; String str3 = B; print(str1.compareTo(str2): ${str1.compareTo(str2)});

  • Dart编程实例 - 字符串 toUpperCase() 方法

    Dart编程实例 - 字符串 toUpperCase() 方法

    ## Dart编程实例 - 字符串 toUpperCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```

  • Dart编程实例 - 字符串 toLowerCase() 方法

    Dart编程实例 - 字符串 toLowerCase() 方法

    ## Dart编程实例 - 字符串 toLowerCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```

  • Dart编程实例 - dart字符串属性 length

    Dart编程实例 - dart字符串属性 length

    ## Dart编程实例 - dart字符串属性 length```dartvoid main() { String str = Hello All; print(The length of the string is: ${str.length});}```

  • Dart编程实例 - dart字符串属性 isEmpty

    Dart编程实例 - dart字符串属性 isEmpty

    ## Dart编程实例 - dart字符串属性 isEmpty```dartvoid main() { String str = Hello; print(str.isEmpty);}```

  • Dart编程实例 - dart字符串属性 codeUnits

    Dart编程实例 - dart字符串属性 codeUnits

    ## Dart编程实例 - dart字符串属性 codeUnits```dartvoid main() { String str = Hello; print(str.codeUnits);}```

  • Dart编程实例 - Truncate 方法

    Dart编程实例 - Truncate 方法

    ## Dart编程实例 - Truncate 方法```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The truncated value of 2.123 = ${value});}```

  • Dart编程实例 - toDouble 方法

    Dart编程实例 - toDouble 方法

    ## Dart编程实例 - toDouble 方法```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output = ${value});}```

  • Dart编程实例 - Remainder 方法

    Dart编程实例 - Remainder 方法

    ## Dart编程实例 - Remainder 方法 ```dartvoid main() { var a = 10; var b = 17; print(a.remainder(2)); print(b.remainder(2));}```

  • Dart编程实例 - CompareTo 方法

    Dart编程实例 - CompareTo 方法

    ## Dart编程实例 - CompareTo 方法```dartvoid main() { var a = 2.4; print(a.compareTo(12)); print(a.compareTo(2.4)); print(a.compareTo(0));}```

  • Dart编程实例 - Ceil 方法

    Dart编程实例 - Ceil 方法

    ## Dart编程实例 - Ceil 方法```dartvoid main() { var a = 2.4; print(The ceiling value of 2.4 = ${a.ceil()});} ```

  • Dart编程实例 - 数字 isEven 属性

    Dart编程实例 - 数字 isEven 属性

    ## Dart编程实例 - 数字 isEven 属性```dartvoid main() { int posNum = 10; print(posNum.isEven);}```

  • Dart编程实例 - 数字 isNegative 属性

    Dart编程实例 - 数字 isNegative 属性

    ## Dart编程实例 - 数字 isNegative 属性```dartvoid main() { int posNum = 10; int negNum = -10; print(posNum.isNegative); print(negNum.isNegative);}```

  • Dart编程实例 - 数字 isInFinite 属性

    Dart编程实例 - 数字 isInFinite 属性

    ## Dart编程实例 - 数字 isInFinite 属性```dartvoid main() { int n = 5000; print(n.isInfinite);} ```

  • Dart编程实例 - 数字 isFinite 属性

    Dart编程实例 - 数字 isFinite 属性

    ## Dart编程实例 - 数字 isFinite 属性```dartvoid main() { int n = 5000; print(n.isFinite);}```

  • Dart编程实例 - 数字 hashcode 属性

    Dart编程实例 - 数字 hashcode 属性

    ## Dart编程实例 - 数字 hashcode 属性```dartvoid main() { int n = 5000; print(n.hashCode);}```

  • Dart编程实例 - parse函数

    Dart编程实例 - parse函数

    ## Dart编程实例 - parse函数```dartvoid main() { print(num.parse(12A)); print(num.parse(AAAA));}```

  • Dart编程实例 - Dart Switch Case 语句

    Dart编程实例 - Dart Switch Case 语句

    ## Dart编程实例 - Dart Switch Case 语句```dartvoid main() { var grade = A; switch(grade) { case A: { print(Excellent); } break; case B: { print(Go

  • Dart编程实例 - else if

    Dart编程实例 - else if

    ## 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 语句

    Dart编程实例 - 简单 if else 语句

    ## Dart编程实例 - 简单 if else 语句```dartvoid main() { var num = 12; if (num % 2==0) { print(Even); } else { print(Odd); }}```

  • Dart编程实例 -  continue 和 Label

    Dart编程实例 - continue 和 Label

    ## 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

    Dart编程实例 - break和label

    ## 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 语句

    Dart编程实例 - Continue 语句

    ## Dart编程实例 - Continue 语句```dartvoid main() { var num = 0; var count = 0; for(num = 0;num=20;num++) { if (num % 2==0) { continue; } coun

  • Dart编程实例 - Break 语句

    Dart编程实例 - Break 语句

    ## 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 循环

    Dart编程实例 - do while 循环

    ## Dart编程实例 - do while 循环```dartvoid main() { var n = 10; do { print(n); n--; } while(n=0);}```

  • Dart编程实例 - dart while 循环

    Dart编程实例 - dart while 循环

    ## Dart编程实例 - dart while 循环```dartvoid main() { var num = 5; var factorial = 1; while(num =1) { factorial = factorial * num; num--; } print(The

  • Dart编程实例 - Enabling Checked Mode

    Dart编程实例 - Enabling Checked Mode

    ## Dart编程实例 - Enabling Checked Mode```dartvoid main() { int n=hello; print(n); } ```

  • Dart编程实例 - HelloWorld

    Dart编程实例 - HelloWorld

    ## Dart编程实例 - HelloWorld```dartvoid main() { print(hello world);}```

  • JS localeCompare()方法实现中文排序、sort方法实现数字英文混合排序

    JS localeCompare()方法实现中文排序、sort方法实现数字英文混合排序

    1、 localeCompare ()方法实现中文排序: 定义:用本地特定的顺序来比较两个字符串。 语法:stringObject.localeCompare(target) 参数:target——要以本地特定的顺序与 stringObject 进行比较的字符串

  • element ui sortable实现中文按拼音首字母进行排序

    element ui sortable实现中文按拼音首字母进行排序

    首先,您的浏览器支持js的localeCompare方法,然后才能实现。这段代码是我爱模板网在项目中使用的,可以实现中文姓名按照拼音首字母进行降序升序排序。下面是简单的解释: 1、sort

  • ElementUI table 自定义序号

    ElementUI table 自定义序号

    ElementUI的table可以显示序号,只要新增一个列,将type属性定义为index就可以显示了: el-table-column type="index" label="序号" width="50"/el-table-column 但是这个序号,切换页码后,又从1开始。现在

  • Flutter BottomAppBar自定义底部tab栏凸起

    Flutter BottomAppBar自定义底部tab栏凸起

    app中的底部tab栏通常用Scaffold.bottomNavigationBar的BottomNavigationBar和BottomNavigationBarItem配合来实现。但是如果像实现更复杂的效果,如底部tabbar中间凸出按钮效果,类似于咸鱼,就需要使用到

  • elementUI el-table添加loading加载效果

    elementUI el-table添加loading加载效果

    elementUI的el-table在加载和切换页码时,没有加载动画会非常不好看,没有数据还会闪烁,加上加载动画会好看很多。el-table的v-loading属性可以指定显示隐藏loading效果,可以在加载的时候进

  • vue-cli打包提示:Cannot read property 'upgrade' of undefined

    vue-cli打包提示:Cannot read property 'upgrade' of undefined

    vue-cli打包提示: TypeError: Cannot read property 'upgrade' of undefined 的错误,截图如下: 原因是在vue.config.js中配置的process.env.target对应在.env中删了,如下: [process.env.VUE_APP_PROXY_PREFIX_DICPRO]: {

  • elementUI 生产环境字体图标偶尔乱码问题解决

    elementUI 生产环境字体图标偶尔乱码问题解决

    我爱模板网在做用elementUI做常德应急时,用的是客户自己的产品框架,element ui 2.13.2,遇到了一个问题,就是打包到线上部署的生产环境,图标经常性乱码,如下图: 打开调试工具,查

  • 打开photoshop提示adobe crash reporter service 已经停止工作的解决办法

    打开photoshop提示adobe crash reporter service 已经停止工作的解决办法

    最近,我爱模板网打开Adobe Photoshop CC 2018,老是会弹出“adobe crash reporter service 已经停止工作”的弹窗,如下图: 虽然不影响PS的使用,但是还是比较烦人。解决办法如下: 1、对着ps快捷

  • JS Base64编码和解码

    JS Base64编码和解码

    Base64是一种编码方式,可以将任意字符(包括二进制字符流)转成可打印字符。JavaScript定义了两个与 Base64相关的全局方法。 btoa():字符串或二进制值转为 Base64编码。 atob():把 Base64编

  • JS Unicode编码和解码(6种方法)

    JS Unicode编码和解码(6种方法)

    JavaScript定义了 6个全局方法用于 Unicode字符串的编码和解码,说明如表所示。 JavaScript 编码和解码方法 方法 说明 escape() 使用转义序列替换某些字符来对字符串进行编码 unescape() 对使用

  • JS字符串替换(使用replace()方法)

    JS字符串替换(使用replace()方法)

    使用字符串的replace()方法可以替换指定的子字符串。该方法包含两个参数第一个参数表示执行匹配的正则表达式。第二个参数表示准备替换匹配的子字符串。 示例1 下面代码使用replace

  • JS获取字符串长度(length属性)

    JS获取字符串长度(length属性)

    字符串的值 使用字符串的toString()方法可以返回字符串的字符表示,使用valueof()方法可以返回字符串的值。两个方法的返回值始终相同,所以一般不直接调用这两个方法、 示例1 下面示

  • JS中的while和for循环该如何选择?

    JS中的while和for循环该如何选择?

    for和while语句都可以完成特定动作的重复性操作。不过,使用时不可随意替换。简单比较如下。 语义 for语句是以变量的变化来控制循环进程的,整个循环流程是计划好的,可以事先知道

  • JS break和continue语句详解

    JS break和continue语句详解

    JavaScript break 和 continue 关键字都可以用在 for 和 while 循环结构中,表示跳出循环;break 关键字还可以用在 switch case 选择结构中,表示结束当前的选择语句。 break 和 continue 关键字可以在

  • JS label关键字详解

    JS label关键字详解

    使用label、break、continue、return语句可以中途改变分支结构、循环结构的流程方向,以提升程序的执行效率。 label语句 在 JavaScript中,使用label语句可以为一行语句添加标签,以便在复杂结

  • JS while和do while循环语句

    JS while和do while循环语句

    在程序开发中,存在大量的重复性操作或计算,这些任务必须依靠循环结构来完成。JavaScript定义了while、for和do/while三种类型循环语句。 while语句 while语句是最基本的循环结构。语法格式

  • JS switch case语句详解

    JS switch case语句详解

    switch语句专门用来设计多分支条件结构。与else/if多分支结构相比,switch结构更简洁,执行效率更高。语法格式如下: switch (expr) { case value1 : statementList1 break; case value2 : statementList2 break

  • JS if else语句详解

    JS if else语句详解

    在正常情况下,JavaScript脚本是按顺序从上到下执行的,这种结构被称为顺序结构。如果使用if、else/if或switch语句,可以改变这种流程顺序,让代码根据条件选择执行的方向,这种结构被

  • JS new运算符

    JS new运算符

    new是一个运算符,可以创建对象,初始化实例。其语法格式如下: newcontructor(arguments) constructor必须是一个构造函数表达式,参数arguments可有可无,参数之间用逗号分隔。如果没有逗号,

  • JS对象操作(in、instanceof、delete)运算符

    JS对象操作(in、instanceof、delete)运算符

    对象操作运算主要是针对对象、数组、函数这 3类复合型对象执行某种程序,设计的运算符包括 in、instanceof、delete。 归属检测 in运算符能够检测左侧操作数是否为右侧操作数的成员。其

  • JS判断类型(typeof+constructor+toString)

    JS判断类型(typeof+constructor+toString)

    使用typeof 运算符可以检测基本数据类型,但是 typeof 有很多局限性。本章介绍两种更灵活的方法,以应对高级开发可能遇到的各种复杂情况。 使用 constructor constructor 是 Object 类型的原型

  • JS严格模式(use strict)

    JS严格模式(use strict)

    ECMAscript5 新增了严格运行模式。推出严格模式的目的如下: 消除 JavaScript 语法中不合理、不严谨的用法。 消除代码运行的一些安全隐患。 提高编译器效率,提升程序运行速度。 为未来

  • JS Undefined类型

    JS Undefined类型

    undefined 是 Undefined 类型的唯一值,它表示未定义的值。当声明变量未赋值时,或者定义属性未设置值时,默认值都为 undefined。 示例1 undefined 派生自 null, null 和 undefined 都表示空缺的值,

  • JS文件延迟和异步加载:defer和async属性

    JS文件延迟和异步加载:defer和async属性

    对于导入的 JavaScript 文件,也将按照 <script 标签在文档中出现的顺序来执行,而且执行过程是文档解析的一部分,不会单独解析或者延期执行。 般情况下,在文档的 head 标签中包含

  • IE10以上版本不支持css条件注释的解决方法

    IE10以上版本不支持css条件注释的解决方法

    IE条件注释 在前几年很好用,那个时候用IE6-IE8的用户很多,而IE对css3等的兼容性又差,但是IE9以下版本都是支持条件注释的。现在做项目很少遇到要兼容IE的了。而且,现在大多都是单

  • Python IDE

    Python IDE

    ## Python IDE本文为大家推荐几款款不错的Python IDE(集成开发环境),比较推荐 PyCharm,当然你可以根据自己的喜好来选择适合自己的 Python IDE。## PyCharmPyCharm是由JetBrains打造的一款Python I

  • python GUI编程(Tkinter)

    python GUI编程(Tkinter)

    ## Python CGI编程**什么是CGI**CGI 目前由NCSA维护,NCSA定义CGI如下: CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如:HTTP服务器,提供同客户端HTML页面的接口。## 网页

  • Python File及os模块

    Python File及os模块

    ## Python File及os模块file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa target=_

  • vue使用require动态加载本地图片

    vue使用require动态加载本地图片

    我爱模板网在做一个政府项目时,遇到一个需求,就是系统首页的图片放在本地的assets目录里,但是具体显示哪个图片需要后台接口获取,一开始没有写成动态,直接用下面的代码没问

  • vue的实例属性$options

    vue的实例属性$options

    vue的实例属性$options是用来获取定义在data外的数据和方法的。

  • Python - Corpora Access

    Python - Corpora Access

    Corpora是一个展示多个文本文档集合的组。单个集合称为语料库。其中一个着名的语料库是古腾堡语料库,其中包含大约25,000本免费电子书,网址是: http://www.gutenberg.org/ 。在下面的例子

  • Python - WordNet界面

    Python - WordNet界面

    WordNet是一个英语词典,类似于传统的词库,NLTK包括英语WordNet。我们可以使用它作为获取单词,用法示例和定义含义的参考。类似单词的集合称为lemmas。WordNet中的单词是有组织的,节点

  • webSocket简单教程

    webSocket简单教程

    一、WebSocket的优势 要说webSocket的好处,首先得说HTTP协议的缺陷:通信只能由客户端发起。 比如我们查询今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果,而不能实

  • vue项目中使用websocket

    vue项目中使用websocket

    我爱模板网 做一个项目,A用户发了消息给B用户,B用户要能实时收到,明显的,需要用到 WebSocket 。下面是我爱模板网用在vue项目中的 WebSocket 代码: template div button @click="send"发消息

  • No named parameter with the name 'reverseTransitionDuration

    No named parameter with the name 'reverseTransitionDuration

    我爱模板网在做 flutter 项目时,使用了1.7.8的 fluro路由 组件,flutter版本是1.20,发现引入fluro,编译时会报错: No named parameter with the name 'reverseTransitionDuration' 大概意思是flutter的navigator没

  • flutter_ScreenUtil 3.0以上版本使用问题

    flutter_ScreenUtil 3.0以上版本使用问题

    Flutter页面适配插件 flutter_ScreenUtil 3.0 版本和之前的老版本初始化不一样,之前的老版本初始化如下: ScreenUtil.init(context, width: 750, height: 1334, allowFontScaling: false); 新版本采用了 designSize 来

  • Flutter Timer定时器详解

    Flutter Timer定时器详解

    Flutter Timer定时器的应用场景很广,在诸如启动时的广告倒计时、弹框倒计时、获取验证码等等都会用到。 两种场景: 执行一次,相当于setTimeout 执行多次,相当于setInterval 这时,就需要

  • yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yar

    yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yar

    昨天我爱模板网在做一个使用yarn进行包管理的项目时,运行 yarn install 进行安装包,出现了下面的错误提示: yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统因

  • flutter入门之使用PopupRoute自定义实现PopupWindow功能

    flutter入门之使用PopupRoute自定义实现PopupWindow功能

    本文起因是由于一个弹窗,要实现一个能够通过点击显示隐藏的功能,效果如下: 第一选择是采用原生的PopupMenuItem,但是本应用的需求比较特殊,弹出的item自带背景图片,并且图片上

  • 通过PreferredSizeWidget实现自定义Appbar

    通过PreferredSizeWidget实现自定义Appbar

    AppBar是Scaffold组件的一个属性,通常是一个标题,至多再在左侧加个按钮,右侧再加几个按钮,如果想实现页面的AppBar是个tab栏,可以左右切换,而并非一个简单粗暴的标题,就可以使用

  • PreferredSizeWidget——自定义AppBar

    PreferredSizeWidget——自定义AppBar

    要实现自定义AppBar,需要注意两点: 1、AppBar不是平常自定义组件简单的继承StatelessWidget或者StatefulWidget,它还必须实现PreferredSizeWidget 2、必须重写preferredSize,preferredSize比如要有return 下

  • MYSQL报错:#1089 - Incorrect prefix key; the used key part isn'

    MYSQL报错:#1089 - Incorrect prefix key; the used key part isn'

    我爱模板网通过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 截图

  • Python3 File 方法

    Python3 File 方法

    file 对象使用 open 函数来创建,下表列出了 file 对象常用的函数:table class=table table-borderedtbodytrth style=width:5%序号/thth方法及描述/th/trtrtd1/tdtdpa href=

  • Python3 数字(Number)

    Python3 数字(Number)

    Python 解释器可以作为一个简单的计算器:您可以在解释器里输入一个表达式,它将输出表达式的值。 表达式的语法很直白: +, -, * 和/ 和在许多其它语言(如Pascal或C)

  • Flutter如何修改和设置状态栏颜色

    Flutter如何修改和设置状态栏颜色

    手机状态栏,即手机顶部显示电池、网络、时间、信号等的位置,沉浸式状态下,状态栏的背景可能是深色,也可能是浅色,这时如果状态栏里面的内容文字也是和背景一样黑色或白色

  • MySQL报错:1366: Incorrect string value: ''的解决办法

    MySQL报错:1366: Incorrect string value: ''的解决办法

    我爱模板网新建了个MySQL数据库,往里面插入内容时,报了下面的错误: 1366: Incorrect string value: '我爱模板网' for column 'name' at row 1 插入英文或数字没问题,应该是字符编码问题。打开表

  • flutter为Container设置背景图片

    flutter为Container设置背景图片

    我爱模板网要设置如下的效果: 从图中可以看出,有个圆弧图片在文字底部,实现方法无非两种: Stack与Positioned 结合定位实现以及背景图片 DecorationImage 来实现。这里用背景图片更加合

  • Flutter ListView嵌套Listview问题和Column嵌套ListView问题

    Flutter ListView嵌套Listview问题和Column嵌套ListView问题

    Flutter的ListView或Column或Row嵌套ListView,往往会报下面的错误: RenderBox was not laid out: RenderFlex..... 这是因为ListView或Column或Row嵌套ListView,会有问题,解决办法如下: 一、ListView嵌套ListVie

  • Flutter图片圆角的实现

    Flutter图片圆角的实现

    先看下用三种方式分别实现Flutter图片圆角的效果图: 下面分别记录下这三种方式: 1、使用ClipRRect裁切,简单高效,直接使用: ClipRRect( borderRadius: BorderRadius.circular(20), child: Image.asset(

  • Flutter - 裁剪组件大全(ClipRect、ClipRRect、ClipOval、ClipPath)

    Flutter - 裁剪组件大全(ClipRect、ClipRRect、ClipOval、ClipPath)

    在Flutter中,提供了不少裁剪组件,可以帮助我们实现不同形状的组件,当然,如果需要特殊的形状,那就需要自定义裁剪组件了。 ClipRect - 矩形裁剪 ClipRect组件使用矩形裁剪子组件。通

  • vue使用原生Web Worker

    vue使用原生Web Worker

    网上关于vue使用Web Worker http://www.5imoban.net/jiaocheng/CSS3_HTML5/2019/0618/3579.html,有相关的库,但是我爱模板网做的这个项目,并不需要处理多少Web Worker,于是直接用原生的来撸了。 1、在根目

  • worker报错:Failed to execute 'postMessage' on 'Worker': could

    worker报错:Failed to execute 'postMessage' on 'Worker': could

    我爱模板网在利用input webkitdirectory 做文件夹上传时,一次性选择的文件达到了10000个,选择文件后,需要对文件一个一个进行遍历,以便于显示在当前列表,这是一个非常耗时的操作,

  • Flutter报错:Cannot provide both a color and a decoration

    Flutter报错:Cannot provide both a color and a decoration

    Flutter报错:Cannot provide both a color and a decoration

  • Flutter报错:A borderRadius can only be given for uniform borde

    Flutter报错:A borderRadius can only be given for uniform borde

    Flutter报错:A borderRadius can only be given for uniform borders.

  • Vuex:state,mapState,...mapState

    Vuex:state,mapState,...mapState

    虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响应给子组件.如果你用data去接收$store.state,当然可以接

  • Vuex:getters,mapGetters,...mapGetters

    Vuex:getters,mapGetters,...mapGetters

    本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这

  • Vuex:Mutation管理状态

    Vuex:Mutation管理状态

    本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 关于vuex为什么这样做,先不要管,但请相信他这么做必然有很多的好处.在vue中,我们要

  • Vuex:Action管理异步操作

    Vuex:Action管理异步操作

    本文转载自CSDN 闲人王昱珩 的文章,感谢大佬! Action 类似于 mutation,不同在于: 1.Action 提交的是 mutation,而不是直接变更状态。 2.Action 可以包含任意异步操作。 官方给的定义我没什么

  • Flutter bottomNavigationBar和DefaultTabController实战

    Flutter bottomNavigationBar和DefaultTabController实战

    本文通过一个案例,展示了Flutter通过bottomNavigationBar和DefaultTabController组件实现底部tab栏和顶部tab栏的实现

  • Flutter TabBar、TabBarView、DefaultTabController

    Flutter TabBar、TabBarView、DefaultTabController

    Flutter的TabBar选项卡一般位于AppBar下方,通常和TabBarView、TabController一起使用: TabBar:Tab页的选项组件,默认为水平排列: 属性名 类型 说明 isScrollable bool 是否可以水平移动 tabs ListWidg

  • dedecms install一片空白

    dedecms install一片空白

    我爱模板网 在给客户换主机时,将客户的程序download下来,上传到新主机上,然后从dedecms官网下载了最新版,从里面解压得到了install目录,上传到服务器根目录,运行域名/install,发现

  • animate.css的使用方法总结

    animate.css的使用方法总结

    animate.css ,不用多做介绍。这里主要写下我爱模板网在使用过程中常用的三种方法。为了便于理解,以给下面的图片加动画为例: img src="1.jpg" / 一、入场动画,即进入页面,就执行动画

  • element axios 发送Form Data数据

    element axios 发送Form Data数据

    element基于axios封装的request默认发送的是application/json,如果要发送form-data,需要做以下修改 一、在request.js将“application/json;charset=UTF-8”改成“application/x-www-form-urlencoded” const service = a

  • script标签的for和event事件

    script标签的for和event事件

    我爱模板网在做一个项目时,看到了类似于如下的代码: 此时,虽然不明白为什么这么写,但是能猜出来,点击div的时候,弹出

  • dedecms织梦:Call to a member function GetInnerText() 报错

    dedecms织梦:Call to a member function GetInnerText() 报错

    我爱模板网在用dedecms给客户做网站时,新建了个栏目,添加文章时一切正常,但是,当再此打开这个文章进行编辑时,就出现了下面的错误: Fatal error: Uncaught Error: Call to a member functio

  • js模态框showModalDialog和showModelessDialog详解

    js模态框showModalDialog和showModelessDialog详解

    showModalDialog和showModelessDialog都是js模态框,平时我们说的模态框是用js模拟的弹出层,实际上弹出层和当前页面是一个界面。但这里的showModalDialog和showModelessDialog是新窗口,加载新的页面

  • Flutter SingleChildScrollView滚动组件

    Flutter SingleChildScrollView滚动组件

    在我们实际的项目开发中,经常会遇到页面UI内容过多,导致手机一屏展示不完的情况出现,以Android为例,在Android中遇到这类情况的做法通常就是使用ScrollView将内容包裹起来,如果不做

  • Flutter 报Expected a key while parsing a block mapping.的错误

    Flutter 报Expected a key while parsing a block mapping.的错误

    我爱模板网在用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模板引擎

    art-template高性能JavaScript模板引擎

    art-template是一款高性能的JavaScript模板引擎,按照官方首页的描述,它是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行

  • uni-app pages.json中设置backgroundColor无效解决方法

    uni-app pages.json中设置backgroundColor无效解决方法

    在uni-app的pages.json中,有两处可以设置backgroundColor,一处是globalStyle,针对全局所有页面生效,另一处是pages-style中,针对当前设置的页面生效。其实,官方文档已经说的很清楚了,这个

  • IE浏览器基于ActiveX获得本机内网ip和网卡物理地址

    IE浏览器基于ActiveX获得本机内网ip和网卡物理地址

    不得不说IE的ActiveX的确很强大,只是限制太多,而且由于安全性问题,导致很多情况下获取不到。下面这段代码是IE通过ActiveX获取本机的内网IP和网卡的物理地址: function GetAdapterInfo()

  • document.referrer js获取用户来路url

    document.referrer js获取用户来路url

    document.referrer 属性可返回载入当前文档的文档的 URL,说白了就是能够获取来路URL,如果来路URL为空,则为空。使用场景: 1、 history.go(-1) 和 history.back() 都能够返回上一页,但是,如果

  • Word.Application——js ActiveX操作word文档

    Word.Application——js ActiveX操作word文档

    本文来自 CSDN 的星辉Johnson,感谢大神提供的代码,写的太好了,故转载到此处! Word.Application官网地址:https://docs.microsoft.com/zh-cn/office/vba/api/word.font.strikethrough 说真的,刚开始我也不知

  • flutter点击空白处收回软键盘,并让输入框自动失去焦点

    flutter点击空白处收回软键盘,并让输入框自动失去焦点

    flutter如果TextField获得焦点,默认点击空白的地方,是不会收回键盘的,而且也不会失去焦点。下面的方法通过给body加触摸事件隐藏键盘,实现了点击空白处隐藏键盘并让输入框失去焦点

  • 'vue-cli-service'不是内部或外部命令,也不是可运行的程序或批处理文件

    'vue-cli-service'不是内部或外部命令,也不是可运行的程序或批处理文件

    我爱模板网在改很久之前的vue-cli项目,运行打包命令run build:prod,发现提示下面的错误 'vue-cli-service'不是内部或外部命令,也不是可运行的程序或批处理文件 运行预览命令也不行,也是

  • FileSaver.js 介绍

    FileSaver.js 介绍

    如果你需要保存较大的文件,不受 blob 的大小限制或内存限制,可以看一下更高级的 StreamSaver.js(https://github.com/jimmywarting/StreamSaver.js), 它使用强大的 stream API,可以将数据直接异步地

  • js ActiveXObject读取文件夹内的图片并显示

    js ActiveXObject读取文件夹内的图片并显示

    我爱模板网在做一个项目时,遇到一个需求:要读取文件夹内的图片,并显示到页面中,点击此图片,需要调用windows图片查看器,打开图片(不是用js显示,是用图片查看器): 1、利用

  • v-runtime-template实现类似v-html但比它更加强大的功能

    v-runtime-template实现类似v-html但比它更加强大的功能

    有时候可能有这个需求:用v-html渲染html内容,但是这个html里面不仅仅是原生的html内容,可能包含v-on等vue的事件、v-model等vue的数据甚至vue自定义组件标签,但是v-html是不能解析这些的,

  • 使用http-server开启一个本地服务器

    使用http-server开启一个本地服务器

    前言 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要

  • dedecms留言板注入漏洞,dedecms注入漏洞

    dedecms留言板注入漏洞,dedecms注入漏洞

    阿里云服务器云安全中心提示,安装的dedecms的留言板诸如漏洞,位置在 根目录/plus/guestbook/edit.inc.php,漏洞提示如下: 这个是一个dedecms留言板注入漏洞,因为没有对$msg过滤,导致可以

  • dedecms织梦uploadsafe.inc.php上传漏洞解决方法

    dedecms织梦uploadsafe.inc.php上传漏洞解决方法

    阿里云服务器云安全中心提示,dedecms过滤逻辑不严导致上传漏洞: 我们找到并打开/include/uploadsafe.inc.php文件,在里面找到如下代码: if(empty(${$_key.'_size'})) { ${$_key.'_size'} = @filesize($$_ke

  • dedecms任意文件上传漏洞,dedecms变量覆盖漏洞导致任意文件上传

    dedecms任意文件上传漏洞,dedecms变量覆盖漏洞导致任意文件上传

    阿里云服务器云安全中心提示,dedecms任意文件上传漏洞,dedecms变量覆盖漏洞导致任意文件上传。位置在 根目录/include/dialog/select_soft_post.php,漏洞提示如下: 解决办法如下: 找到/includ

  • dedecms后台文件任意上传漏洞,织梦media_add.php上传漏洞

    dedecms后台文件任意上传漏洞,织梦media_add.php上传漏洞

    阿里云服务器云安全中心提示,dedecms后台文件任意上传漏洞,dedecms早期版本后台存在大量的富文本编辑器,该控件提供了一些文件上传接口,同时dedecms对上传文件的后缀类型未进行严

  • Cesium Cartesian3笛卡尔坐标系详解和转换

    Cesium Cartesian3笛卡尔坐标系详解和转换

    Cartesian的翻译为"笛卡尔",实际上Cartesian3是来储存点的X/Y/Z坐标的,其中的方法也是服务于这一点,请大家记住这一点。以下就简称之为C3。 一、经纬度转换为世界坐标 1.Cesium.Cartesian3

  • Flutter FractionallySizedBox组件

    Flutter FractionallySizedBox组件

    FractionallySizedBox组件常用来设置子元素占用父元素的宽度

  • http-server命令大全

    http-server命令大全

    http-server是基于node的非常简单的http服务器,安装 http-server 非常简单,这里就不赘述了,在这里罗列下http-server的命令。 http-server启动示例(在当前目录,启动一个允许跨域的,端口号为

  • Cesium加载天地图

    Cesium加载天地图

    Cesium js加载天地图的代码

  • js ActiveXObject创建文件夹

    js ActiveXObject创建文件夹

    IE的ActiveXObject非常强大,可惜其他浏览器并不支持,而且在IE下也必须开启很多安全选项才能使用,而且,随着IE的结束,edge的出现,微软已经放弃了它。这里介绍通过ActiveXObject的Scri

  • js函数什么时候new,什么时候不new

    js函数什么时候new,什么时候不new

    因为函数里有return返回对象了,所以不需要new,如果写new 就不必返回对象,重复了!还有没new的和new的一样,没有哪个更省内存,因为new包括了return 对象就真么简单,感谢问题下面的评

  • PhysicalModel实现圆角

    PhysicalModel实现圆角

    在flutter中,给一个容器设置圆角,最简单的方法就是用Container包裹,然后给Container设置borderRadius,就像css中给div设置border-radius一样。但是,如果这个Container中的子容器含有背景色,在

  • Cesium点击地图获取经纬度

    Cesium点击地图获取经纬度

    Cesium是基于webGl的优秀GIS框架,这里介绍点击Cesium地图任意位置,获取点击点的经纬度以及高度

  • JS中PROTOTYPE属性解释及常用方法

    JS中PROTOTYPE属性解释及常用方法

    javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。 每一个构造函数都有一个属性叫做原型。这个属性非常有用:为一个特定类声

  • Cesium SkyBox天空盒

    Cesium SkyBox天空盒

    Cesium SkyBox天空盒可以改变原本满天星星的星空背景,换个天空,换个心情。下面是天空盒背景图规则: 下面是更换Cesium SkyBox天空盒的代码: var viewer = new Cesium.Viewer('cesiumContainer', { sk

  • ElementUI表格动态显示列

    ElementUI表格动态显示列

    工作中有需求,用ElementUI开发的表格字段太多,需要实现下面的效果,即动态显示列: 其实实现起来很简答,即用一组check-box的value,来绑定每一列,通过v-if来控制当前列是否显示。

  • Cesium加载gltf报错:RuntimeError: Unsupported glTF Extension: KHR

    Cesium加载gltf报错:RuntimeError: Unsupported glTF Extension: KHR

    我在使用Cesium加载gltf报错: RuntimeError: Unsupported glTF Extension: KHR_technique_webgl 这个gltf是很久之前的数据,使用 osgb转Cesium 3D tiles工具 转换的是没有这个问题的。 解决办法: 在初始化地球

  • Cesium修改3dtiles的经纬度和高度偏移量

    Cesium修改3dtiles的经纬度和高度偏移量

    一、根据前后经纬度和高度计算变换矩阵-平移矩阵: ①根据tileset的边界球体中心点的笛卡尔坐标得到经纬度坐标 ②根据经纬度和高度0,得到地面笛卡尔坐标 ③根据经纬度和需要的高

  • vscode自动编译ts文件

    vscode自动编译ts文件

    编译ts文件,需要敲下面的代码 tsc a.ts 会自动在同级目录生成: a.js 但是每次这样都很麻烦,这里介绍下如何让vscode自动编译ts文件: 1、创建 tsconfig.json 文件,运行tsc --init 生成配置文

  • typeScript中的 ?: 问号冒号解释,ts可选参数

    typeScript中的 ?: 问号冒号解释,ts可选参数

    typeScript中的?:问号冒号表示此参数或属性可选,使用了 –strictNullChecks,可选参数或属性会被自动地加上 | undefined: function f(x: number, y?: number) { return x + (y || 0);}f(1, 2);f(1);f(1, undefined);f(1,

  • ES5定义类的几种方法

    ES5定义类的几种方法

    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类的定义的几种方法,可以参考 ES5定义类 。这里介绍ES5类的继承的几种方法以及优缺点: 一、call、apply、bind对象冒充继承模式: function Persion(){ this.name = '张三'; this.age = 20; th

  • tinymce富文本编辑器如何获取和设置文本内容

    tinymce富文本编辑器如何获取和设置文本内容

    tinymce 是一款非常优秀的简约的美观的富文本编辑器,下面介绍如何主动去获取和设置tinymce的文本内容,以及获取纯文本不带html标签的内容: 1、如果当前页面只有一个编辑器: 获取内

  • 使用变量作为key值和键值创建JavaScript对象

    使用变量作为key值和键值创建JavaScript对象

    javascript如何将变量作为对象的key和键值来创建对象

  • Vue进阶,效率和优雅我都要

    Vue进阶,效率和优雅我都要

    以下不讨论加入TypeScript 和 JSX/TSX 一、使用 require.context 实现前端工程自动化 require.context是一个 Webpack 提供的Api,通过执行require.context函数获取一个特定的上下文,主要是用于实现自动化

  • typescript接口和泛型的简单示例

    typescript接口和泛型的简单示例

    通过typescript的泛型和接口,定义一个操作数据库的库,支持MySql、MongoDb 要求:MySql、MongoDb功能一样,都有四个方法:add、update、delete和get方法 注意:约束统一的规范,注意代码重用 解

  • flutter报错:A SingleTickerProviderStateMixin can only be used

    flutter报错:A SingleTickerProviderStateMixin can only be used

    最近在学习开发Flutter应用项目,在创建tabbar和tabview后,进行网络请求后显示顶部tab标签,设置TabController,并使class类实现SingleTickerProviderStateMixin,代码如下: class _TravelPageState extends St

  • Axure RP 9 最新版授权码

    Axure RP 9 最新版授权码

    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的不同

    webpack 原理图 vite 原理图 webpack会先打包,然后启动开发服务器,请求服务器时直接给予打包结果。 而vite是直接启动开发服务器,请求哪个模块再对该模块进行实时编译。 由于现代浏览

  • vue2.X和vue3.X的区别

    vue2.X和vue3.X的区别

    一、默认进行懒观察(lazy observation) 在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「

  • VUE3安装和创建项目

    VUE3安装和创建项目

    首先,在安装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、srcElement三者之间的区别和联系

    事件获取目标currentTarget、target、srcElement三者之间的区别和联系

    currentTarget 指的是触发事件的当前对象,可以是冒泡和捕获的对象,不一定是点击或者鼠标移入等事件的直接触发对象。可以是他的父元素等。 target 指的是事件触发的直接对象。IE有兼

  • JS装饰器(Decorator)

    JS装饰器(Decorator)

    Decorator 是 ES7 的一个新语法,目前仍处于第2阶段提案中,正如其“装饰器”的叫法所表达的,他通过添加@方法名可以对一些对象进行装饰包装然后返回一个被包装过的对象,可以装饰的

  • DEDECMS织梦日期时间格式化

    DEDECMS织梦日期时间格式化

    DEDECMS利用strftime()函数格式化时间的所有参数详解,包括年份日期进制、小时格式等,可以格式化任意位置如首页、列表页、详情页的时间,使用简单,可以格式的效果非常多: dedecms首

  • 谷歌chrome浏览器如何安装crx文件

    谷歌chrome浏览器如何安装crx文件

    crx是谷歌chrome插件的扩展格式。谷歌扩展插件安装有两种方式,在线安装和线下安装。在线安装就不多说了,主要说线下安装: 1、从设置-更多工具-扩展程序 打开扩展程序页面,或者地

  • 谷歌chrome浏览器无法从该网站添加应用、拓展程序和用户脚本

    谷歌chrome浏览器无法从该网站添加应用、拓展程序和用户脚本

    我爱模板网需要在没有联网的云桌面上H5应用的接口,需要解决跨域。谷歌chrome的跨域插件Allow CORS: Access-Control-Allow-Origin http://www.5imoban.net/texiao/other/202102244720.html比较好用,所以下载了

  • Vue props中Object和Array设置默认值

    Vue props中Object和Array设置默认值

    Vue中,在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} }}sellerArr: { type: Array, default: []} 当父组件没有传这个值或者值是空时,输出的话,返回: 下面这种是错误的

  • dedecms织梦后台左侧菜单删减

    dedecms织梦后台左侧菜单删减

    dedecms织梦左侧菜单的会员功能客户不想要了,需要删除。删除方法如下: 1、找到dede/inc/inc_menu.php,打开,找到以下代码(修改前记得备份): $adminMenu1 = $adminMenu2 = '';if($cuserLogin-getUs

  • dedecms织梦后台添加新变量功能增加图片类型

    dedecms织梦后台添加新变量功能增加图片类型

    我爱模板网在使用dedecms织梦给客户做网站时,客户需要首页的三张轮播图可以自己在后台进行上传。我第一个想到的就是系统设置中的系统基本参数中的添加新变量功能。但是dedecms自带

  • 织梦dedecms基于advancedsearch高级查询实现自定义字段查询、显示问题

    织梦dedecms基于advancedsearch高级查询实现自定义字段查询、显示问题

    我爱模板网根据客户需求,需要根据自定义字段进行搜索,同时还要在advancedsearch显示自定义字段,dedecms织梦实际上是支持自定义字段的查询的,但是不支持在高级搜索advancedsearch显示自

  • dedecms织梦在列表页无法显示自定义字段

    dedecms织梦在列表页无法显示自定义字段

    dedecms织梦在列表页无法显示自定义字段

  • dedecms织梦参数设置出现Token mismatch!

    dedecms织梦参数设置出现Token mismatch!

    前几天有人在评论区问我用织梦系统搭建新站,在系统基本参数设置好了之后,像往常那样点击【确定】这个按钮,没想到却出现了Token mismatch!的提示,系统的基本参数无法改变,后经

  • 将dedecms织梦全站动态浏览

    将dedecms织梦全站动态浏览

    我爱模板网在使用dedecms做网站时,默认都是全站静态,有利于seo,访问速度也会稍快。但是也有麻烦的地方,比如修改个全局变量如备案号时,要更新首页、栏目页、内容页,页面少还

  • Vue CLI 3下运行Vue CLI 2项目

    Vue CLI 3下运行Vue CLI 2项目

    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'

    js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'

    js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'

  • vue3子组件用$emit发送事件给父组件,以及用emits判断参数合法性

    vue3子组件用$emit发送事件给父组件,以及用emits判断参数合法性

    vue3子组件调用父组件方法,除了this.$parent之外,还有$emit,这个和Vue2一样,但是,vue3多了个emits对调用之前进行参数判断,用法如下: 接收消息方(父组件) template v-login @submit='doLog

  • vue3.x第三方插件mitt实现跨组件传值

    vue3.x第三方插件mitt实现跨组件传值

    Vue3.x以后从实例中移除了 $on , $off 和 $once 方法,$emit 仍然是现有 API 的一部分,只能实现子组件触发父组件的方法。 mitt插件地址: https://github.com/developit/mitt 使用mitt之前先安装mitt模块

  • Vue3.x自定义组件使用v-model实现双向绑定

    Vue3.x自定义组件使用v-model实现双向绑定

    1、单个v-mode数据绑定 默认情况下,组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称: 父组件: templa

  • Vue3自定义组件slots

    Vue3自定义组件slots

    Vue 实现了一套内容分发的 API,将 slot 元素作为承载分发内容的出口,在调用组件时,可以在组件的标签中间插入文字、html内容或变量。 下面为案例: 1、自定义一个按钮组件 templateb

  • Vue3自定义组件slots设置默认值

    Vue3自定义组件slots设置默认值

    在 Vue3自定义组件slots 中,介绍了如何使用slot为自定义组件插入内容,这里介绍如何设置slot的默认值: 下面为案例: 1、在自定义组件的slot中间,加入默认的内容,可以是变量、文字和

  • Flutter LimitedBox配合Text组件实现文字显示一行,超出显示点点点...

    Flutter LimitedBox配合Text组件实现文字显示一行,超出显示点点点...

    我爱模板网之前分享过通过css和js控制html文字溢出隐藏显示...的方法: css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 文字超出一行或者指定行数

  • 关于uni-app中使用webview和H5通讯及传参问题

    关于uni-app中使用webview和H5通讯及传参问题

    前言 最近在用uni-app开发app时,因为uni-app组件map的regionchange取不到经纬度的问题,只能改用H5自行开发map页面(本人采用的是高德地图);H5可用本地Html和网络资源 一、 uni-app引入webvi

  • uni-app项目报错Invalid Host header

    uni-app项目报错Invalid Host header

    我爱模板网做企业微信项目APP时,需要将线上地址代理到本地,项目是uni-app运行的,当访问指向本地的线上地址时,的确可以打开本地的uni-app项目,但是却不停的提示 Invalid Host header

  • Invalid Host header服务器域名访问出现的问题

    Invalid Host header服务器域名访问出现的问题

    vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问。这样有2中方

  • dedecms v5.7将ckeditor换成fckeditor

    dedecms v5.7将ckeditor换成fckeditor

    dedecms V5.7的ckeditor编辑器的批量上传,是基于强大的flash上传插件——SWFUpload,但是先在的浏览器已经抛弃flash了,但dedecms v5.6的fckeditor的批量上传插件不是基于swfupload,所以,只能先换

  • vue 引入全局变量和全局函数

    vue 引入全局变量和全局函数

    关于vue引入全局变量和全局函数 一、全局变量 首先单独定义一个js文件,我一般放在asset文件中,注意结尾要用export写法 在入口文件main.js(如果是多页面,就是用到该全局变量的入口文

  • vue3全局引入方法

    vue3全局引入方法

    vue3全局引入和vue2不太一样,点击查看: vue2全局引入方法 。vue3全局引入方法步骤如下: 1、新建js,导出您的方法: var func = { msg(){ alert(111) }}export default func; 2、在main.js全局引入 impor

  • ES6 Object.assign()的用法

    ES6 Object.assign()的用法

    一、Object.assign()基本用法: Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都

  • vue3利用teleport实现简单的模态框代码

    vue3利用teleport实现简单的模态框代码

    本案例利用VUE3的teleport实现了简单的模态框代码,将模态框生成的代码放在了VUE模块的外面,body的里面,这样z-index更加容易控制。并利用双向绑定实现了点击子组件灰色遮罩,隐藏自己

  • enquire.js——非常好用的响应式媒体查询插件

    enquire.js——非常好用的响应式媒体查询插件

    css3为我们提供了很好的媒体查询: 利用@media screen实现网页布局的自适应 ,而enquire.js是一个非常轻量级的纯js响应CSS媒体查询库。enquire.js是基于js的window.matchMedia()接口实现的更强的功能

  • 基于vue3的vue-router的简单使用方法

    基于vue3的vue-router的简单使用方法

    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的高度,使其刚好占用屏幕剩余空间

    uni-app动态设置swiper的高度,使其刚好占用屏幕剩余空间

    uni-app的swiper里面嵌套了列表,swiper的高度必须刚好占用除顶部tab选项卡和筛选条件高度外的屏幕剩余空间,一开始考虑用calc来计算,发现在不同的手机下还是有点问题,因为rpx也是动态

  • ThinkPHP6 inc和dec方法

    ThinkPHP6 inc和dec方法

    ThinkPHP6的inc和dec方法是老版本setInc和setDec的替代方法,用法和之前基本上一致,下面简单记录下用法: inc方法将数字字段值增加,如: public function update() { $result = M("User")-where('uid = 2

  • ThinkPHP6 paginate分页后,url参数丢失

    ThinkPHP6 paginate分页后,url参数丢失

    我爱模板网在使用ThinkPHP6做项目时遇到了一个问题,在使用ThinkPHP6的paginate分页方法后,翻页就会丢失自己定义的传参,需要在分页地址上增加参数

  • thinkphp 6.0+jQuery图片上传

    thinkphp 6.0+jQuery图片上传

    thinkPHP 6.0+jQuery实现图片上传到public的upload目录,并且上传两张图片。 一、修改上传路径 找到根目录/config/filesystem.php,修改root的值如下: 'local' = [ // 'root' = app()-getRuntimePath() . 'storage'

  • dedecms织梦发布文章修改编辑报错:Fatal error: Call to a member function G

    dedecms织梦发布文章修改编辑报错:Fatal error: Call to a member function G

    dedecms自定义了图片字段,然后添加文章正常的,点击编辑,发现报错了: Fatal error: Call to a member function GetInnerText() on string in dedecms发布的文章无法编辑、无法修改。不显示。问题解决

  • uni-app 在无外网的云桌面安装使用vconsole调试工具

    uni-app 在无外网的云桌面安装使用vconsole调试工具

    使用uni-app开发h5应用,而且是在无外网的云桌面,按照下面的方法即可安装使用 vconsole 调试工具。 1、在本地有网的电脑上,安装vconsole npm install vconsole -S 2、安装完得到下面的目录:

  • php isset、empty、is_null判断

    php isset、empty、is_null判断

    isset()判断变量是否已设置 格式:bool isset ( mixed var [, mixed var [, ]] ) 1、若变量不存在则返回 FALSE 2、若变量存在且其值为NULL,也返回 FALSE 3、若变量存在且值不为NULL,则返回 TURE 注意

  • chrome浏览器跨域请求时cookie丢失

    chrome浏览器跨域请求时cookie丢失

    我爱模板网在使用uni-app开发淮矿二期项目时,并没有使用HBuilder的内置浏览器来解决跨域,而是使用了“谷歌解决跨域问题 http://www.5imoban.net/jiaocheng/other/2021/0308/4731.html”的方法解决的跨

  • html5可编辑属性contenteditable的一些问题

    html5可编辑属性contenteditable的一些问题

    1、在 contenteditable=true 中插入 contenteditable=false 的元素,如果为其设置css user-select: none; 后会导致删除连续的 contenteditable=false 元素被一次性删除。 2、想让 contenteditable 元素粘贴时自

  • JS进阶篇1---函数节流(throttle)

    JS进阶篇1---函数节流(throttle)

    一、什么是函数节流(throttle) 概念:限制一个函数在一定时间内只能执行一次。 举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口

  • JS进阶篇2---函数防抖(debounce)

    JS进阶篇2---函数防抖(debounce)

    一、什么是函数防抖 概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。 举个栗子,

  • react native运行报错:Make sure you have an Android emulator runn

    react native运行报错:Make sure you have an Android emulator runn

    我爱模板网在用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

  • React Native UI Lib简单使用

    React Native UI Lib简单使用

    全局的样式配置 如何定义样式,是使用一个UI组件的关键。UILib内置了多种全局样式的配置方式,包括Colors, Typography, Shadows, Border Radius等。 下面的例子中,我们通过接口 Colors.loadColors

  • React使用Ant Design Mobile结合rc-form进行表单验证

    React使用Ant Design Mobile结合rc-form进行表单验证

    在使用Ant Design Mobile的InputItem文本输入时提示"受控组件建议使用rc-form",rc-form是一个将输入框变为受控组件的库,也是一个React的高阶form组件。它集合了对于输入框的各种方法,可以使

  • react-native native-echarts使用方法指南

    react-native native-echarts使用方法指南

    我爱模板网在使用react-native开发项目,需要显示chart图表,用了native-echarts,遇到了很大的坑,弄了半天才弄好,这里详细记录下: 1、安装 npm install native-echarts --S 2、引入 import Echarts

  • react-native的native-echarts更新数据会刷新闪烁的bug修复

    react-native的native-echarts更新数据会刷新闪烁的bug修复

    react-native的native-echarts在更新数据的时候,老是会闪烁,应该是过度渲染的问题导致的。其实echarts本身的渲染机制是非常优秀的。闪烁是此插件本身的问题。下面是修复方法,亲测可用

  • react-native-webview显示html,高度自适应+字体显示正常+字体颜色修改

    react-native-webview显示html,高度自适应+字体显示正常+字体颜色修改

    我爱模板网用react-native的webview回显后台传过来的html时,遇到了三个问题: 1、webview高度不能自适应,必须设置死,可以在html种执行js,获取document的高度,然后通过postmessage,通知页面

  • uni-app movable组件配合css pointer-events属性实现全屏推拽小控件

    uni-app movable组件配合css pointer-events属性实现全屏推拽小控件

    我爱模板网在使用uni-app做H5和小程序的混合开发时,要实现下面的购物车按钮效果: 从图中分析,左下角的购物车按钮应该是可以拖拽的,以免挡住后面的内容。首先想到了uni-app的mo

  • react-native结合webview完美实现抽奖效果

    react-native结合webview完美实现抽奖效果

    我爱模板网在做react-native app时,需要实现抽奖效果,正好前段时间,找了个不错的抽奖代码:GB Canvas Turntable —— 基于canvas的转盘抽奖js插件 http://www.5imoban.net/texiao/choujiangpingfen/2021/05

  • react useEffect一直重复执行

    react useEffect一直重复执行

    react的useEffect,如果用的不好的话,里面的方法会一直执行,导致性能损耗严重,下面是网上总结的,比较不错: import { useState, useEffect } from 'react'// useEffect(callback,arr);/*useEffect接受两个

  • 深入理解requestAnimationFrame

    深入理解requestAnimationFrame

    前面的话 与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔。这有什么好处呢?为什么requestAnimationFrame被称为神器呢?本文将详细介绍HTML5新增的定时器requestAnimationFrame

  • TypeScript中的感叹号

    TypeScript中的感叹号

    用作类型断言 identifier! 从 identifier 的类型里去除了 null 和 undefined function broken(name: string | null): string { function postfix(epithet: string) { return name.charAt(0) + '. the ' + epithet; // 错误, 'name' 可能是

  • react native ActivityIndicator使用详解

    react native ActivityIndicator使用详解

    ActivityIndicator的效果类似我们平时看到了loading,在android中ActivityIndicator是progressBar 的Indeterminate(false)模式,说白了就是一个半圆转啊转。 具体属性: 1、ViewPropTypes props… :包含View控

  • HTML5 textarea高度自适应的两种方案

    HTML5 textarea高度自适应的两种方案

    我爱模板网 在做一个网站时,需要录入用户的个人简历,使用的是textarea组件,客户的意思是能够根据填写的内容自动撑高高度。百度一番,找到下面的文章感觉不错: 方法一:使用

  • vue @click.native、@click.stop、@click.self总结

    vue @click.native、@click.stop、@click.self总结

    转载自csdn的歪歪100博主的文章:vue点击事件修饰符@click.native、@click.stop、@click.self的总结,写的非常不错! 参考一: vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上

  • text-fill-color详解

    text-fill-color详解

    今天我爱模板网在做一个项目时,给input设置color发现无效。用谷歌调试工具发现,这个input设置了如下的样式: -webkit-text-fill-color:#888 发现把这个样式注释了就有效果了。 百度了下这个

  • 小程序AES、RSA加密

    小程序AES、RSA加密

    我爱模板网在做一个微信小程序的项目时,需要用到AES、RAS进行加密。 一、RSA 加密流程:获取到后台传来的公钥,调用小程序登录接口获取到tokenId和userId,通过公钥使用RSA加密参数,

  • linux下宝塔面板部署egg.js

    linux下宝塔面板部署egg.js

    记录下在linux环境下,安装了宝塔面板,部署egg.js项目的全过程。 前提:安装了PM2插件、安装了nginx,域名已绑定,网站目录已创建。 1、将文件原封不动传到网站根目录(node_modules不用

  • Cesium中笛卡尔坐标系详解

    Cesium中笛卡尔坐标系详解

    使用Cesium开发三维GIS应用离不开笛卡尔坐标系,在CesiumJS中定义类型是Cartesian3,这是Cesium的基础数据类型,所有坐标最后均转换成这个类型参与三维渲染,包括屏幕坐标,地理坐标系坐

  • 通用的Cesium自动调整倾斜模型高度贴合地形的方法

    通用的Cesium自动调整倾斜模型高度贴合地形的方法

    倾斜模型自带地形起伏,该地形起伏的精度与测量精度有关,精度不在本文讨论范围内,本文讨论的是,如何在Cesium加载倾斜数据时,自动调整其变换矩阵,使其更加贴近真实地表。 一

  • cesium-measure:cesium 三维测量插件

    cesium-measure:cesium 三维测量插件

    非常不错的一款cesium测量插件:cesium-measure。能够对空间距离, 空间面积 和三角量测 ,可以对 球面 ,地形 和 3DTilset 模型等数据进行量测,对gltf的测量方法:pickPosition方法里边判断是

  • vue echarts map显示某一省份地图

    vue echarts map显示某一省份地图

    最近有一个项目,数据看板,里面都是饼形,折线图,条形图,还有一个没研究过的地图,因为都是用echarts实现的,就研究下如何用echarts实现 先看看实现的效果图 下面是实现方法:

  • vue echarts报错: Component series.map3D not exists. Load it fi

    vue echarts报错: Component series.map3D not exists. Load it fi

    在使用VUE Echarts的3d地图时,遇到了下面两个报错,原因是要么没引入,要么没安装: 第一个报错: Component series.map3D not exists. Load it first 这个问题是由于没有安装echarts-gl,安装一下,再

  • echarts map显示某一省份地图

    echarts map显示某一省份地图

    echarts map显示甘肃省的地图,首先进入https://pan.baidu.com/s/1n4jD8FhbUT8A_CCXHncZXQ 提取码: rh9e,下载下来,然后使用下面的代码就可以显示甘肃地图了(需要注意的是map: ‘甘肃’,需要和你下载

  • vue echarts map报Uncaught (in promise) Error: Component serie

    vue echarts map报Uncaught (in promise) Error: Component serie

    我爱模板网 在使用vue echarts实现map地图时,报了下面的错误: Uncaught (in promise) Error: Component series.map not exists. Load it first 错误已经描述的非常清楚了,没有map模块,这是因为在vue.js中使

  • echarts-gl实现某市的3D地图

    echarts-gl实现某市的3D地图

    想要使用Echarts的3D地图,除了需要echarts.js之外,还需要echarts-gl.js(WebGL 的扩展包,提供了丰富的三维可视化组件以及常规图表的性能增强),下载地址: https://echarts.apache.org/zh/downloa

  • Cesium加载geojson线数据,并加高亮效果

    Cesium加载geojson线数据,并加高亮效果

    1.前言 最近有需要加载一些三维的数据,所以研究了下Cesium,写了一个加载json的小程序,加载json线数据,点击线会加高亮效果,先看看效果图。 2.正文 照例还是先看看代码,在简单说

  • Cesium中的几种坐标和相互转换以及各种经纬度之间的转换

    Cesium中的几种坐标和相互转换以及各种经纬度之间的转换

    一、首先介绍几个重要的坐标对象: 1.世界坐标:Cartesian3(笛卡尔空间直角坐标系) new Cesium.Cartesian3(x, y, z) 可以看作,以椭球中心为原点的空间直角坐标系中的一个点的坐标,示意图

  • shadow dom的作用和用法详解(createShadowRoot, attachShadow)

    shadow dom的作用和用法详解(createShadowRoot, attachShadow)

    相信shadow dom很多前端开发工作者都遇到过(点击查看 HTML5 audio、video原生样式修改,查看shadow dom的方法 ),它是web component的一部分。不过对于shadow dom很多人并不深入了解,只晓得是影

  • vue-baidu-map使用个性化底图mapStyle出现加载失败解决办法

    vue-baidu-map使用个性化底图mapStyle出现加载失败解决办法

    最近使用vue-baidu-map,自定义底图时,老是出现加载失败的情况。一开始以为是网络问题,但是连接了百兆宽带的网线还是不行。然后以为是百度地图本身的问题,去官网提了工单也石沉

  • 解决Cesium在3Dtiles上拾取坐标不准确的问题

    解决Cesium在3Dtiles上拾取坐标不准确的问题

    我爱模板网要在3Dtiles三维模型上实现单体化, 那么就要获取到需要单体化的建筑物的四周坐标。 于是使用Cesium的pickEllipsoid方法来拾取坐标, 发现拾取的坐标最终渲染出来, 偏差总是

  • template or render function not defined

    template or render function not defined

    vue报错:template or render function not defined,截图如下: 这种原因主要有下面几种: 1、引入的外部组件,没有注册,要进行注册: 2、引入了,也注册了,还提示,可能是因为组件没有ex

  • npm WARN tar ENOENT: no such file or directory, open解决方法

    npm WARN tar ENOENT: no such file or directory, open解决方法

    今天,我爱模板网在对一个项目进行二次开发时,运行npm install安装依赖时,报了一大堆错误: 都是提示 npm WARN tar ENOENT: no such file or directory, open... ... 百度了一下,npm不行,就cnpm上,执

  • elementUI cascader实现地区级联选择器

    elementUI cascader实现地区级联选择器

    我爱模板网要实现地区的级联选择器,而项目用的是element ui,刚好elementUI有个el-cascader,正好是级联选择器: 那么,只要将地区整合进去就可以了。废话不多多说,直接开搞: 1、首先

  • Vue实现滚动条到底部加载更多,Vue滚动加载

    Vue实现滚动条到底部加载更多,Vue滚动加载

    我爱模板网在开发vue项目时,需要用到上拉加载,如果为了这个特地引个组件有点麻烦,根据滚动条判断下滚动距离,就能轻松实现滚动加载更多了。下面是简单的实现方法: 1、css代码

  • vue使用highlight.js高亮代码

    vue使用highlight.js高亮代码

    highlight.js是一款非常不错的高亮插件,我爱模板网之前写过“ dedecms kindeditor编辑器UTF8和SyntaxHighlighter代码高亮 ”的文章,这次,是要将highlight.js用在vue中。网上有很多这方面的介绍,但

  • vue-router使用svg图标颜色无法更改

    vue-router使用svg图标颜色无法更改

    我爱模板网在使用ElementUI进行项目布局时,侧边栏的内容比较多,需要使用自定义的图标,element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon,只要将svg图标放到 src/icons/svg

  • Vue使用form-create-designer插件搭建表单构建器

    Vue使用form-create-designer插件搭建表单构建器

    form-create-designer 是一款基于 @form-create/element-ui 实现的自定义表单设计器组件,可以通过拖拽的方式快速创建表单,自定义表单的高效实现方法,效果如下: form-create-designer核心功能:

  • vue-codemirror 和 jsonlint-mod实现 form-create-designer的导入导出JSO

    vue-codemirror 和 jsonlint-mod实现 form-create-designer的导入导出JSO

    form-create-designer 很完美,但是后台需要表单生成后的JSON和配置的JSON数据,form-create-designer本身提供的API,结合vue-codemirror 和 jsonlint-mod就能实现预览、导入导出了,效果如下: 使用方法

  • 微信弃用bindgetuserinfo,wx.getUserProfile使用示例

    微信弃用bindgetuserinfo,wx.getUserProfile使用示例

    我爱模板网在使用uni-app开发一个小程序时,使用了openType="getUserInfo",结合bindgetuserinfo来获取用户的头像、昵称等,代码如下: tui-button shape="circle" shadow type="green" height="88rpx" openType="ge

  • form-create-designer实现表单关联数据库表,组件关联字段值

    form-create-designer实现表单关联数据库表,组件关联字段值

    我爱模板网在使用form-create-designer做表单设计器时,由一个需求:选择表单设置时,里面要能选择此表单关联的数据库表,是个下拉框,能展示接口返回的所有数据表。选择某个组件(如

  • jQuery pjax实现无刷新页面,无刷新加载页面,无刷新切换浏览器url

    jQuery pjax实现无刷新页面,无刷新加载页面,无刷新切换浏览器url

    常规的网站,点击一个链接的时候,先是浏览器显示刷新,跳转页面,再呈现页面信息,过程耗时大约1-2秒。为了提升用户体验,无刷新切换页面很有必要。jQuery pjax就可以实现无刷新页

  • 关于H5的pushState、replaceState

    关于H5的pushState、replaceState

    最近我爱模板网在做一个网站,这个网站不大,也需要seo,就没有用vue了,纯H5原生。但是里面有一块tab切换,需要实现无刷新切换。考虑到tab页内容不少,不适合放在一个页面用显示隐

  • replaceState和pushState行为的监听

    replaceState和pushState行为的监听

    replaceState和pushState可以修改浏览器地址而不刷新界面,非常好用。但如果要实现浏览器的前进后退,页面也会变化,就需要对replaceState和pushState行为进行监听。此时,我们就得自己添加

  • 页面顶部include导入,出现20像素空白,BOM头解决办法

    页面顶部include导入,出现20像素空白,BOM头解决办法

    我爱模板网在使用php模板,用include导入头部时,头部出现了20像素高度的空白,打开控制台,看到#xFEFF;的字符: 这个我爱模板网知道,是bom头,如果php文件保存为带bom头的文件立马会报

  • input和select flex-grow:1不一样长

    input和select flex-grow:1不一样长

    在flex布局下,一行两个input或者一个input+一个select,为了保证每行的宽度对其,就给所有的input和select一个样式: .row input, .row select{flex-grow:1} 当一行都是input或者都是select的时候,都能

  • 使用Fiddler抓取微信小程序中的图片

    使用Fiddler抓取微信小程序中的图片

    我爱模板网在给一个客户的小程序做官网时,所有的图片需要从客户的小程序中下载。但是小程序中的图片并没有提供longtap弹出下载的功能,又不能像网页那样能够右键下载。那么只能

  • showActionSheet:fail parameter error: itemList should not be

    showActionSheet:fail parameter error: itemList should not be

    微信小程序wx.showActionSheet无法调起。一开始以为是无法触发,但是在浏览器上是可以调起的,代码如下: pickReason(){ let list = this.reasonList.map(item = { return item.reasonTitle }) wx.showActionSheet({

  • 项目中集成bpmn-process-designer

    项目中集成bpmn-process-designer

    bpmn-process-designer是一个基于 bpmn.js,Vue 2.x 和 ElementUI 开发的流程设计器(前端部分),支持监听器,扩展属性,表单等配置,可自由扩展。我们都知道bpmn.js是一个BPMN2.0渲染工具包和we

  • 利用Adobe Fonts的Webfont功能将“思源黑体”用到自己的网站上

    利用Adobe Fonts的Webfont功能将“思源黑体”用到自己的网站上

    我爱模板网在给客户做一个博客网站时,客户表示不允许使用“微软雅黑”,并列出了下面的可用字体: 这里面的字体,有的太有“书法”气息,不适合网站正文使用,有的又和微软雅

  • el-dialog destroy-on-close无效解决办法

    el-dialog destroy-on-close无效解决办法

    我爱模板 网在使用elementUI的弹窗插件el-dialog时,因为每次打开必须要重新渲染里面的内容,所以使用了destroy-on-close属性,发现并没有用: el-dialog :key="popupType" title="选择用户" :visible.

  • vue $ref 获取DOM节点的宽高

    vue $ref 获取DOM节点的宽高

    JS获取DOM节点的宽高和vue获取其实是一样的,不同点是获取元素的方法不同

  • uniapp $el以及createSelectorQuery获取组件的宽高、offsetWidth等

    uniapp $el以及createSelectorQuery获取组件的宽高、offsetWidth等

    在vue中,我们要获取一个组件的宽高尺寸、定位距离等信息可以给该组件一个ref,然后使用this.$refs就可以获取组件的信息。如: var width= this.$refs.text.offsetWidth; 详见:vue $ref 获取DOM节点

  • uni-app页面滚动onPageScroll渲染问题

    uni-app页面滚动onPageScroll渲染问题

    进行uni-app开发wx小程序时,测试那边遇到了一个情况:页面有概率拉到最顶端的时候 本应判断scrolltop100的情况下导航条消失,但是小概率会发现置顶时仍带有透明度。根据手机配置,越

  • js中indexOf与search的区别

    js中indexOf与search的区别

    1.indexOf方法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到返回-1。 语法: stringObject.indexOf(searchvalue,fromindex) 说明: 该方法将从头到尾地检索字符串

  • 如何用script引入方式使用mavonEditor,提供源码

    如何用script引入方式使用mavonEditor,提供源码

    最近我爱模板网在做一个网站,这个网站不大,没必要用Vue-cli。而且,客户特别强调需要做SEO,那就更不能做成vue单页面形式了。但是当项目快完成时,客户特别强调要用mavonEditor编辑

  • js before、after方法

    js before、after方法

    ES6新增的before、after、prepend、append方法类似于jQuery的before、after、prepend、append方法,只不过不用再引入jQuery这么大的库了,可以看出JS也在越来越简化DOM操作。 before() before()是个ChildNod

  • 详解Provisional headers are shown

    详解Provisional headers are shown

    我们在发送异步请求遇到问题的时候,都会先打开Chrome的控制台来看一下http请求,有时候会在请求头看到Provisional headers are shown的报错 问题描述: 这个问题字面意思是“显示了临时报文

  • 高德地图接口提示USERKEY_PLAT_NOMATCH

    高德地图接口提示USERKEY_PLAT_NOMATCH

    在用uni-app开发app时,需要通过uni.chooseLocation获取位置的同时,还得知道这个位置所属城市的code。但是,这个接口并不能返回当前所属城市的code,但是却能得到经纬度。所以要调用高德

  • css一行代码搞定简体转繁体:font-variant-east-asian

    css一行代码搞定简体转繁体:font-variant-east-asian

    将下面的代码加入到网站中,就有可能让您的网站的所有文字编程繁体: body{ font-variant-east-asian: traditional;} 当然,也很有可能没有变化。这是因为这个属性生效的前提是,您网站使用的

  • PHP curl_exec返回false,PHP跳过SSL验证

    PHP curl_exec返回false,PHP跳过SSL验证

    我爱模板网在使用PHP做个推的推送时,调用个推的鉴权接口的时候发现curl_exec返回值为false,代码如下: 个推鉴权public function doAuth($cid){ $curl = curl_init(); $headers = array( "Content-type: appli

  • layer配合video.js播放视频并实现自适应

    layer配合video.js播放视频并实现自适应

    我爱模板网在做一个论坛时,这个论坛的云课堂需要实现在线播放视频,并且要能自适应页面,做到PC、手机播放都没问题。遇到了一些问题,例如layer的尺寸以及video的尺寸等,不过都

  • TP6 Request获取请求参数

    TP6 Request获取请求参数

    TP6的Request::instance()提供了非常全面的接收请求参数的方法: $request = Request::instance();$method = $request-method(); //获取上传方式$param = $request-param(); //获取所有参数,最全$get = $request-get(); //获

  • thinkphp6 请求(request)变量

    thinkphp6 请求(request)变量

    可以通过Request对象完成全局输入变量的检测、获取和安全过滤,支持包括$_GET、$_POST、$_REQUEST、$_SERVER、$_SESSION、$_COOKIE、$_ENV等系统变量,以及文件上传信息。 检测变量是否设置 可以使

  • Android Studio开发flutter快捷键

    Android Studio开发flutter快捷键

    下面是android studio开发flutter快捷键的一些总结,非常实用,掌握后能明显提高编码速度和编码质量: 1、快速创建widget:在dart文件中输入stf或stl出现提示后按回车即可 2、快速修复:op

  • UNI-APP 打包提示:本应用使用HBuilderX 3.2.2 或对应的cli版本编译,而手机端SDK版本是3.1.

    UNI-APP 打包提示:本应用使用HBuilderX 3.2.2 或对应的cli版本编译,而手机端SDK版本是3.1.

    昨天升级了下HBuilderX,今天编译打包APP时,出现了下面的提示: 本应用使用HBuilderX 3.2.2 或对应的cli版本编译,而手机端SDK版本是3.1.22,不匹配的版本可能造成应用异常 具体原因已经说

  • HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\Prog

    HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\Prog

    HBuilder IOS 云打包的自定义基座,无法运行到手机上,提示下面的错误: HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\ProgramData\HBuilder\iOS_debug. 查看了官方文档,原因

  • vue路径#号去除

    vue路径#号去除

    我爱模板网在做一个对接工商银行支付的项目时,工行要求回调地址不能有#号。如下: 将: http://api.5imoban.net:9095/#/online-pay/list 改为: http://api.5imoban.net:9095/online-pay/list 这个项目是基于

  • uni-app原生标题栏titlebar的按钮使用iconfont阿里图标

    uni-app原生标题栏titlebar的按钮使用iconfont阿里图标

    uni-app原生的标题栏titlebar的按钮是在pages.json中配置的,没法像html、css中用法那样直接使用class或svg,必须使用Unicode格式才可以。下面是详细的步骤: 1、进阿里图标库,搜索想要的图标

  • VUE出现Loading chunk 12 failed的错误

    VUE出现Loading chunk 12 failed的错误

    我爱模板网在做职工服务网的H5时,使用的时vue的技术栈。其中有一个跳转出现了Loading chunk 12 failed的错误,如下: 在众多跳转中,只有这个出了问题,非常简单,代码如下: 一番百度

  • nginx启动失败:invalid number of arguments in "root" directive in

    nginx启动失败:invalid number of arguments in "root" directive in

    今天在使用nginx代理一个新项目时,启动不了,查看error.log,发现报了下面的错误

  • 正则表达式给微信小程序rich-text富文本带style的图片加样式

    正则表达式给微信小程序rich-text富文本带style的图片加样式

    富文本的图片如果过大,在微信小程序的rich-text显示时,经常显示不下,或显示错乱,这时,需要给图片加上: max-width:100%; height:auto; display:block; 保证图片显示正常。可以用正则表达式

  • Nginx unknown directive "xxxx"报错

    Nginx unknown directive "xxxx"报错

    就在今天,给一个项目做二开,需要用到nginx代理,之前开发的同事发通过微信发了一段代理给我: 我直接粘贴到nginx的配置文件,双击运行,dos窗口一闪而过,一看任务管理器,nginx并

  • npm process,process.env['npm_config_appname']

    npm process,process.env['npm_config_appname']

    Node环境变量 在做react、vue的单页应用开发的时候,经常会遇到 process.env : process.env 属性,在 development 和 production 不同环境上,配置会有些不同。 process 官方解释: process 对象是一个

  • react setState设置object不能刷新视图

    react setState设置object不能刷新视图

    我爱模板网在使用react开发项目时,需要设置一个object对象,并且传递到子组件: 定义了下面的这个字段,以及修改和传递给子组件的代码: const [showColumn, setShowColumn] = useState(initialCo

  • antd Datepicker组件报date.clone is not a function的错误

    antd Datepicker组件报date.clone is not a function的错误

    我爱模板网在开发基于react antd框架的项目时,日期回显报了 date.clone is not a function 截图如下: 组件代码: Form.Item label="预计成交时间" name="transactionTime" DatePicker style={{ width: '100%' }} for

  • echars visualMap属性设置

    echars visualMap属性设置

    visualMap = [ //视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素。视觉元素可以是:symbol: 图元的图形类别。symbolSize: 图元的大小。color: 图元的颜色。 // colorAlpha: 图

  • react antd提示This synthetic event is reused for performance r

    react antd提示This synthetic event is reused for performance r

    react antd的input,onchange事件,监听event,代码如下: Input placeholder="请输入联系人姓名" maxLength={50} allowClear onChange={onChange} /const onChange = (e) = { console.log(e)} 运行后,出现了下面的错误:

  • [antd: Form.Item] `children` is array of render props cannot

    [antd: Form.Item] `children` is array of render props cannot

    react antd出现这个错误: [antd: Form.Item] `children` is array of render props cannot have `name`. 如果在Form.Item里面嵌套超过两个子元素,就会出现上面的错误,代码类似于下面: Form.Item label="姓名" n

  • antd DatePicker禁用当前日期时间之前的日期时间

    antd DatePicker禁用当前日期时间之前的日期时间

    进行日期和时间显示是比较常用的,例如在选择请假日期等,不可能选择当前日期之前的日期时间。antd DatePicker的disabledDate、disabledTime属性,很好的解决了这个问题,下面是禁用后的效

  • react antd Table实现动态控制列的显示隐藏

    react antd Table实现动态控制列的显示隐藏

    我爱模板网 在用react antd Table表格做列表时,由于列表的字段太多,客户提出要能控制列表字段的显示隐藏。我爱模板网在之前分享过 ElementUI表格动态显示列 。这次自己研究了下,实现

  • react路由的history跳转携带参数

    react路由的history跳转携带参数

    关于react路由的history跳转 1、跳转时携带参数: this.props.history.push({ pathname:"/admin/reply", params:{ id:e.id }}) 2、在跳转后的页面获取参数: this.props.location.params.id

  • moment 常用时间方法

    moment 常用时间方法

    moment 官方声明已经不再更新了,而且moment包体积太大,有 280.9 kB,对于 Tree shaking 也无效,个人建议使用dayjs,比较轻量,包体积仅有 2 kB ,API也几乎跟moment一样 1、获取日期的23时59分

  • antd Calendar日历自定义头部

    antd Calendar日历自定义头部

    我爱模板网在用react antd做日历时,需要根据antd Calendar日历实现下面的值班效果: 其实,日历主体部分的内容效果,官网已经给出了代码示例,见官网https://ant.design/components/calendar-cn/的

  • echarts实现贵州省地图(附源码)

    echarts实现贵州省地图(附源码)

    echarts实现的贵州省地图,并且显示了visualMap,即数据统计范围,源码在文章末尾提供下载。先看下效果图: 如果想要改成其他省份也很简单: 1、打开guizhou.js,找到echarts.registerMap方法

  • 安卓下react native图片放大和长按保存的实现——react-native-image-zoom-viewer

    安卓下react native图片放大和长按保存的实现——react-native-image-zoom-viewer

    我爱模板网在做一个react-native安卓项目时,遇到了需要将图片放大和长按保存的需求,而react-native-image-zoom-viewer肯定是比较合适的插件,它支持缩放图片、保存图片等常规的图片操作。

  • npm run dev报:'cross-env' 不是内部或外部命令,也不是可运行的程序

    npm run dev报:'cross-env' 不是内部或外部命令,也不是可运行的程序

    今天在进行一个项目的二次开发时,npm install安装依赖,然后npm run dev运行,报了下面的错误: 'cross-env' 不是内部或外部命令,也不是可运行的程序 出现这个问题可能时依赖没有安装好,

  • Electron-vue安装启动

    Electron-vue安装启动

    Electron作为进军js进军桌面应用程序的桥梁,最近非常火。而这两年,单页面应用框架Vue也是火的一塌糊涂。这二者结合的产物:Electron-vue,也是前端必用的框架。这里,就整理下Electr

  • Error: module property was removed from Dependency (use compilation.moduleGraph.updateModule(dependency, module) instead)

    Error: module property was removed from Dependency (use compilation.moduleGraph.updateModule(dependency, module) instead)

    我爱模板网在使用VUE3做项目时,运行npm run serve,安装到12%,报了下面的错:Error: module property was removed from Dependen

  • threejs Cannot read properties of undefined (reading 'autoUpdate')报错

    threejs Cannot read properties of undefined (reading 'autoUpdate')报错

    threejs报下面的错误:Uncaught TypeError: Cannot read properties of undefined (reading & 39;autoUpdate& 39;)这个可能是因为r

  • 解决npm安装的依赖和package.json定义版本不一致

    解决npm安装的依赖和package.json定义版本不一致

    我爱模板网在二次开发一个react项目时,用到了swiper官网的一个效果:Swiper官网Swiper TFBOYS案例。这个react原本已经安装了swiper3依赖

  • npm打包项目提示“ERROR in static/js/index.ed562fc9e9fd5779b18e.js from UglifyJs”

    npm打包项目提示“ERROR in static/js/index.ed562fc9e9fd5779b18e.js from UglifyJs”

    npm在运行项目时,没有任何问题,但是打包,却提示ERROR in static js index ed562fc9e9fd5779b18e js from UglifyJs截图如下:经排查

  • vue项目echarts bmap使用方法

    vue项目echarts bmap使用方法

    1、注册bmap,获取token,在public index html中引入js<scriptsrc="http: api map baidu com api?v=2 0&ak=你的ak值">< script>2、安装ech

  • uniapp onBackPress 返回事件详解

    uniapp onBackPress 返回事件详解

    自 HBuilderX v1 1 0 起,uni-app 的页面新增 onBackPress(event) 生命周期函数。onBackPress(event)返回event={from:backbutton|nav

  • threejs 模型的几何变换(旋转、缩放、平移)

    threejs 模型的几何变换(旋转、缩放、平移)

    缩放立方体网格模型x轴方向放大2倍,如果连续执行两次该语句,相等于比原来方法4倍mesh scale x=2 0; x轴方向放大2倍立方体网格模型整体缩

  • ThreeBSP的使用方法,以及npm下安装threebsp

    ThreeBSP的使用方法,以及npm下安装threebsp

    本文转载自csdn的暮志未晚Webgl博主的内容,并在文末对npm下安装threebsp进行了补充:简介之前我们一直使用Three js默认提供的几何体,今天

  • Vue性能提升之Object.freeze()

    Vue性能提升之Object.freeze()

    序在 Vue 的文档中介绍数据绑定和响应时,特意标注了对于经过 Object freeze() 方法的对象无法进行更新响应。因此,特意去查了 Object

  • electron系列教程一 第一个Electron应用

    electron系列教程一 第一个Electron应用

    本文转载自 今日头条,感谢博主李景能本系列是Electron框架跨平台应用开发的入门教程:一 第一个Electron应用二 自定义菜单三 自定义应

  • vue3的hash路由与history路由设置

    vue3的hash路由与history路由设置

    hash路由就是带 的路由,history就是不带 的路由,hash路由打包后不需要配置,直接就能访问,history需要在nginx中配置才能正确访问。vue3

  • Node.js中环境变量process.env的一些事详解

    Node.js中环境变量process.env的一些事详解

    Node环境变量首先,咱们在做react、vue的单页应用开发的时候,相信大家对配置文件里的process env并不眼生。从字面上看,就是这个 env属性

  • Vite + Vue3 初体验 —— Vite 篇

    Vite + Vue3 初体验 —— Vite 篇

    本文作者:昵称不用太拉风,转载自简书。。著作权归作者所有。Vite 和 Vue3 在 2022 年应该不算个新事物了,但应该也有很多像我一样还

  • vue3+vite运行报 process is not defined 的错误

    vue3+vite运行报 process is not defined 的错误

    使用 vite 安装 vue3 时,如果使用了 process env,会遇到 process 未定义的情况,原因是 process env 已经被移除了。解决办法是

  • form-create-design 表单设计器回显时提示Unknown custom element: <fc-editor>

    form-create-design 表单设计器回显时提示Unknown custom element:

    我爱模板网在使用vue版的form-create-design做表单设计器时,在设计模式,也就是用fc-designer时,拖进去了富文本框,并且一切正常,当保存

  • vue自定义组件实现v-model数据双向绑定

    vue自定义组件实现v-model数据双向绑定

    vue自定义组件和input等原生组件一样,能够实现v-model双向绑定。本文为CSDN博主「卖菜的小白」的原创文章,原文链接:https: blog csdn n

  • vue activated和deactivated

    vue activated和deactivated

    keep-alive包裹动态组件的时候,会缓存不活动的组件实例,而不是摧毁他们。其是一个抽象的组件,自身不会渲染一个DOM元素,也不会出现在父组件链中。说白了被keep-alive包裹的组件其会被缓存。

  • 解决background-attachment: fixed在IOS下不起作用

    解决background-attachment: fixed在IOS下不起作用

    background-attachment: fixed的效果非常不错,当背景设置了这个属性,内容滚动时,背景定位在那里不动,有点视差效果的感觉。但是,此方法在IOS下无效

  • threejs OrbitControls旋转角度限制

    threejs OrbitControls旋转角度限制

    threejs插件OrbitControls默认的垂直方向上的旋转角度很小,例如想要看到底面和天空,不行,可以通过minPolarAngle和maxPolarAngle来进行控制

  • Three.js 天空盒设置

    Three.js 天空盒设置

    天空盒是用于增强场景表现力的一个常用技术,它一般通过在相机周围包裹一个纹理来实现。

  • Three.js的GLTFLoader加载的模型是黑色的

    Three.js的GLTFLoader加载的模型是黑色的

    我爱模板网在使用THREE JS的GLTFLoader加载模型时,加载出来的是黑色的。首先,我用windows自带的3D工具打开是下面的效果

  • js vue实现对多级多维数组进行筛选

    js vue实现对多级多维数组进行筛选

    vue中需要对下面的数组通过name字段进行筛选,不涉及接口,纯前端筛选

  • threejs点击事件

    threejs点击事件

    Threejs点击事件实际的原理:获取相机和鼠标点击时的位置,发出一条射线,射线穿过的所有物体即为点击的物体集合,取第一个即可。

  • THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    在Threejs中,我爱模板网要实现模型被点击弹出内容的效果(详见threejs点击事件http: www 5imoban net jiaocheng webgl 202205185008 html),然后,做出来之后发现,点击模型的确可以弹出,但是当我拖拽模型时,松开鼠标也会触发。于是想到了,用mousedown和mouseup来获取时间戳进行比对。发现并没效果。

  • 使用babel.js 和 polyfill.js 使IE浏览器兼容ES6

    使用babel.js 和 polyfill.js 使IE浏览器兼容ES6

    项目开发基本结束,现在要求兼容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-cli脚手架新建项目提示:vue-cli · Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)

    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)

    vue打包报错:ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf Module parse failed: Unexpected character '' (1:0)

    vue打包报错:ERROR in node_modules element-ui lib theme-chalk fonts element-icons ttf Module parse failed: Unexpected character (1:0)

  • 在基于Vue3的element-plus全局使用Icon图标

    在基于Vue3的element-plus全局使用Icon图标

    Element-plus是Element-ui基于Vue3的升级版,全面支持vue3和ts。在Vue3的项目中如何使用Element-plus的Icon图标,包括按钮和动态菜单?

  • Module build failed: TypeError: this.getResolve is not a function

    Module build failed: TypeError: this.getResolve is not a function

    我爱模板网在开发vue插件时,遇到了下面的错误提示Module build failed: TypeError: this getResolve is not a function。这是因为sass-loader版本问题导致的,降低版本即可,执行下面的命令重新安装sass-loader,即可解决问题

  • destoon数据库配置文件在什么位置

    destoon数据库配置文件在什么位置

    destoon数据库配置文件在什么位置

  • js debugger禁止页面被调试

    js debugger禁止页面被调试

    有时候,我们可能希望自己的网站不被调试,这里推荐一个方法,只要将下面的代码,加入到当前页面中,当别人打开F12,就会进入debug模式,并且,无论怎么按F10都无法跳过

  • 跳过浏览器F12禁止debugger调试

    跳过浏览器F12禁止debugger调试

    之前,我爱模板网分享了,如何利用js的debugger禁止用户调试网站代码,今天分享一篇,遇到这种情况,如何跳过debugger调试

  • PHP的header方法的用法汇总

    PHP的header方法的用法汇总

    PHP的header方法可以做很多事情,诸如跳转、延迟跳转、声明页面的content-type、返回response状态、下载操作

  • Promise.all用法

    Promise.all用法

    Promise all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。

  • vue-cli3 区分开发环境、测试环境和生产环境

    vue-cli3 区分开发环境、测试环境和生产环境

    开发环境好区分,process env NODE_ENV= development 就是开发环境,否则,就是生产环境。生产环境如果想区分是测试还是正式,就需要使用下面的方法

  • Nginx报错:unknown directive

    Nginx报错:unknown directive "" in D:\nginx-1.21.3/conf/nginx.conf:3

    之前一直用的nginx配置文件,今天拷贝过来,放到云桌面,改了下配置,启动就报这个错:unknown directive

  • js beforeunload页面关闭前弹出提示

    js beforeunload页面关闭前弹出提示

    页面进入onload比较好触发,但是关闭时,想弹出提示,就得用beforeunload去监听。但是这个beforeunload用法很严格

  • vue项目使用wangeditor4并自定义上传附件菜单

    vue项目使用wangeditor4并自定义上传附件菜单

    基于vue的wangEditor4利用自定义菜单实现上传功能

  • vue keep-alive组件渲染大数据,来回切换非常卡顿

    vue keep-alive组件渲染大数据,来回切换非常卡顿

    我爱模板网用vue开发项目时,有个页面有140万条数据,每页显示2000条数据,一开始用element-plus的el-table,表格滚动时卡顿严重,然后用vxe-table的虚拟渲染解决了这个问题。

  • vscode运行webpack失败,提示: 无法加载文件 D:\nvm\nodejs\webpack.ps1,因为在此系统上禁止运行脚本。

    vscode运行webpack失败,提示: 无法加载文件 D:\nvm\nodejs\webpack.ps1,因为在此系统上禁止运行脚本。

    使用 vs code 运行webpack进行打包时,报错webpack : 无法加载文件 D: nodejs node_global webpack ps1,因为在此系统上禁止运行脚本

  • Puppeteer 介绍及入门示例

    Puppeteer 介绍及入门示例

    Puppeteer 是一个Chrome官方团队提供的node库,它可以通过 Puppeteer 的提供的 API 直接控制 Chrome 或 Chromiun。

  • 关于form-create-designer自定义组件覆盖原生组件的问题

    关于form-create-designer自定义组件覆盖原生组件的问题

    我爱模板网用form-create-designer做一个自定义表单时,客户的需求是加上一个部门选择器,可以实现从左侧拉去一个“部门选择器”的组件,就

  • webpack5学习笔记:css-loader、style-loader

    webpack5学习笔记:css-loader、style-loader

    指定入口文件和输出path: 1、执行 `npx webpack --entry src main js --output-path build` 命令 2、`package json` 配置:` "dist ": "webpack --entry src main js --output-path build "`,

  • webpack5学习笔记:PostCSS工具

    webpack5学习笔记:PostCSS工具

    1 PostCSS是通过JavaScript来转换样式的工具 2 这个工具可以帮助我们进行一些css的转换和适配,比如自动添加浏览器前缀、css样式重置 3 实现上面的功能,需要借助PostCSS对应的插件

  • webpack5学习笔记:url-loader和file-loader

    webpack5学习笔记:url-loader和file-loader

    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` 的方式引入资源

  • webpack5学习笔记:webpack 资源模块类型(asset module type)

    webpack5学习笔记:webpack 资源模块类型(asset module type)

    1 在webpack5之前,加载图片等其他资源要用到一些loader,如raw-loader、url-loader、file-loader 2 从webpack5开始,我们可以直接使用资源模块类型(assets module type)替代上面的loader 3 资源模块类型(assets module type)通过四种心的模块类型,替换上面的loader

  • webpack5学习笔记:plugin、cleanWebpackPlugin、htmlWebpackPlugin、CopyWebpackPlugin

    webpack5学习笔记:plugin、cleanWebpackPlugin、htmlWebpackPlugin、CopyWebpackPlugin

    1 Loader是用于特定的模块类型进行转换 2 Plugin可以用于执行更加广泛的任务,比如打包优化、资源管理、环境变量注入等

  • webpack5学习笔记:mode、模块化原理、source-map

    webpack5学习笔记:mode、模块化原理、source-map

    webpack 模块化的四个原理: 1 CommonJs模块化原理 2 ES Module实现原理 3 CommonJs加载 ES Module 原理 4 ES Module加载CommonJS 原理

  • webpack5学习笔记:babel、polyfill、解析jsx

    webpack5学习笔记:babel、polyfill、解析jsx

    1 安装命令行工具(在webpack中使用不需要安装):`npm install @babel cli -D` 2 命令行命令:`npx babel src index js --out-dir result` src index js为处理的文件,如果要处理文件夹里所有文件,这里就传文件夹名:src

  • js父窗口调用iframe里定义的函数

    js父窗口调用iframe里定义的函数

    js父级窗口调用子级的iframe中定义的函数和变量,非常简单,只是有一点一定要注意,一定要在window onload里执行,否则拿不到里面的方法

  • webpack5学习笔记:对typescript的支持

    webpack5学习笔记:对typescript的支持

    typescript compiler 的使用 安装typescript编译器tsc(typescript compiler)1 全局安装的TypeScript,直接运行 tsc`npm ins

  • webpack5学习笔记:ESLint

    webpack5学习笔记:ESLint

    1 它是一个静态代码分析工具,在代码没有执行时,进行分析 2 帮助团队建立统一规则 3 规则可以配置

  • webpack5学习笔记:解析vue

    webpack5学习笔记:解析vue

    安装完vue-loader后,会自动安装 VueLoaderPlugin 插件,在webpack config js配置时,需要用到

  • webpack5学习笔记:watch、webpack-dev-server

    webpack5学习笔记:watch、webpack-dev-server

    安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件:src index js 4 创建`webpack config js`,代码如下:

  • webpack5学习笔记:模块热替换(HMR)、react-refresh-webpack-plugin、VueLoaderPlugin

    webpack5学习笔记:模块热替换(HMR)、react-refresh-webpack-plugin、VueLoaderPlugin

    HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中,替换、添加、删除模块,而无需刷新整个页面

  • wangEditor 5.1.11自定义上传插件使用

    wangEditor 5.1.11自定义上传插件使用

    wangEditor是一款非常不错的富文本编辑器,我爱模板网之前曾分享:vue项目使用wangeditor4并自定义上传附件菜单。但是经过使用发现,wangEditor4在复制粘贴有颜色的文字时,颜色会丢失,其他样式好像不会。不知道是不是编辑器的bug

  • css修改原生select的下拉箭头

    css修改原生select的下拉箭头

    css修改原生select的下拉箭头

  • webpack5学习笔记:output 的 path、publicPath

    webpack5学习笔记:output 的 path、publicPath

    它默认值为空字符串,打包后引入js时,路径为bundle js 在开发中,我们也将其设置为 ,路径就是 bundle js,浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行,会将其设置为 ,路径是 bundle js,可以根据相对路径去查找资源

  • webpack5学习笔记:resolve 用于设置模块如何被解析

    webpack5学习笔记:resolve 用于设置模块如何被解析

    1 在开发中,会有各种模块依赖,这些模块可能来自于自己编写的代码,也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中,找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径

  • vue3打包后报globalThis is not defined错误

    vue3打包后报globalThis is not defined错误

    什么是globalThis:全局属性 globalThis 包含全局的 this 值,类似于全局对象(global object):functioncanMakeHTTPRequest(){retur

  • THREEJS BufferGeometry

    THREEJS BufferGeometry

    首先,在 three js 中有THREE Mesh 网格、THREE Points 点、THREE Line 线条等模型。其中: Mesh 网格模型创建的物体是由一个个小三角形组成,如下面各图。这些小三角形又是由三个点确定,需要三个确定的位置,即确定的 xyz

  • webpack5学习笔记:分离webpack配置文件和判断生产环境

    webpack5学习笔记:分离webpack配置文件和判断生产环境

    将webpack配置文件分离是一种常见的方式:新建三个文件,放到config文件夹下:webpack common js 这是测试和生产都会用到的配置webpack dev js 这是测试环境的配置 webpack prod js 这是生产环境的配置 package json 中配置:

  • webpack5学习笔记:代码分离、SplitChunks、魔法注释(magic comments)

    webpack5学习笔记:代码分离、SplitChunks、魔法注释(magic comments)

    Webpack中常用的代码分离: 入口起点:使用entry配置手动分离代码 防止重复:使用Entry Dependencies或者SplitChunksPlugin去重和分离代码 动态导入:通过模块的内联函数调用来分离代码

  • vite静态资源处理

    vite静态资源处理

    暴露当前模块的 URL,与new URL结合使用,通过相对路径就能得到被完整解析的静态资源URL

  • vite加载导入glsl文件报错

    vite加载导入glsl文件报错

    vite速度快,node_modules里的文件比webpack少太多太多,而且,对很多文件,如js、css等都内置了解析方式,不像webpack需要配置很多loader和plugins。

  • 谷歌chrome F12调试工具Network里不显示接口请求

    谷歌chrome F12调试工具Network里不显示接口请求

    我爱模板网在云桌面上开发程序,打开chrome,按F12在network里查看请求时,发现是空的,刷新也没有任何请求,甚至连资源请求都没有

  • three.js着色器语法glsl的常见内置函数

    three.js着色器语法glsl的常见内置函数

    Three js的glsl语法,内置的一些函数总结

  • webpack5学习笔记:代码懒加载、optimization.runtimeChunk

    webpack5学习笔记:代码懒加载、optimization.runtimeChunk

    动态import使用最多的一个场景是懒加载(比如路由懒加载)封装一个 component js,返回个 component对象 我们可以点击按钮时,加载这个对象

  • webpack5学习笔记:CDN、DLL_shimming

    webpack5学习笔记:CDN、DLL_shimming

    CDN称之为内容分发网络(Content Delivery Network 或 Content Distribution Network) 它指的是通过相互连接的网络系统,利用最靠近每个用户的服务器 更快、更可靠的将多媒体、应用程序等发送给用户 来提供高性能、可扩展及低成本的网络内容产地给用户

  • webpack5学习笔记:CSS抽离、MiniCssExtractPlugin

    webpack5学习笔记:CSS抽离、MiniCssExtractPlugin

    MiniCssExtractPlugin可以将css单独抽离到一个css文件。

  • webpack5学习笔记:DLL(不常用)、Terser、css-minimizer-webpack-plugin、Scope Hoisting

    webpack5学习笔记:DLL(不常用)、Terser、css-minimizer-webpack-plugin、Scope Hoisting

    1 DLL全称动态链接库(Dynamic Link Library),是为软件在windows中实现共享函数库的一种实现方式 2 webpack中也有内置的DLL的功能,它指的是我们可以将可以共享、并且不经常改变的代码,抽取成一个共享的库 3 这个库在之后编译的过程中,会被引入到其他项目中的代码中

  • webpack5学习笔记:tree shaking

    webpack5学习笔记:tree shaking

    webpack 在打包的时候将会剔除掉被没有被使用到的代码达到减小报体积,缩短 http 请求时间,起到一定效果的页面优化,此即tree shaking

  • webpack5学习笔记:打包原理分析、webpack-bundle-analyzer

    webpack5学习笔记:打包原理分析、webpack-bundle-analyzer

    webpack-bundle-analyzer 可以在打包后的目录产生一个文件,用以分析打包性能

  • webpack5学习笔记:自定义loader

    webpack5学习笔记:自定义loader

    1 Loader是用于对模块的源代码进行转换(处理),之前我们已经使用过很多Loader,如css-loader、style-loader、babel-loader、vue-loader、ts-loader等 2 Loader本质上是一个导出为函数的JavaScript模块 3 Loader runner库会调用这个函数,然后将上一个loader产生的结果或者资源文件传入进去

  • webpack5学习笔记:webpack 自定义plugin

    webpack5学习笔记:webpack 自定义plugin

    1 在webpack函数的 createCompiler 方法中,注册了所有插件 2 在注册插件时,会调用插件函数或者插件对象的 apply 方法 3 插件方法会接收 compiler 对象,我们可以通过 compiler 对象来注册Hook事件 4 某些插件也会传入一个 compilation 对象,我们也可以监听 compilation 的 HOOK 事件

  • qiankun.js 主应用和子应用都是hash时,vue框架的配置方法

    qiankun.js 主应用和子应用都是hash时,vue框架的配置方法

    之前分享过一篇文章,qiankun js 微前端服务。这里的配置,当主应用的路由是hash时,就无法满足了。

  • threejs三维模型添加文字标签

    threejs三维模型添加文字标签

    在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。这时候需要把三维坐标转换为基于屏幕上的二维坐标。

  • js splice删除数组删不干净

    js splice删除数组删不干净

    js的splice非常强大,可以实现删除、添加、替换数字中的元素。但是它有个致命的问题,如果多次使用,会导致数组的索引混乱,达不到预期效果

  • css3 backdrop-filter让背后元素模糊或颜色偏移

    css3 backdrop-filter让背后元素模糊或颜色偏移

    css3提供了filter滤镜,这个属性直接作用于当前元素,而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移,相当于透过一个有特殊效果的玻璃看后面的东西,因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明

  • 基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果

    基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果

    这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码

  • threejs创建阴影

    threejs创建阴影

    跟OpenGL不同,在threejs中实现一个阴影效果很简单,只需要简单的几个设置。在Three js中,物体可以形成阴影投影效果,但是由于渲染阴影需要消耗计算机大量资源,所以Three js在默认情况下是不会渲染阴影的,所以需要我们手工设置开启阴影效果。

  • gulp文件操作:gulp.series、gulp.parallel的使用和区别

    gulp文件操作:gulp.series、gulp.parallel的使用和区别

    gulp series 顺序执行,gulp parallel 用于并行执行。

  • Three.js EdgesGeometry几何体边框辅助线

    Three.js EdgesGeometry几何体边框辅助线

    EdgesGeometry在老版本中叫做EdgesHelper但是已经被移除。新版本赋予边框辅助参考线,更加灵活的使用方法,可以改变其材质以及其他属性,EdgesGeometry的作用是可以帮助查看几何体对象的边缘。

  • 代码涉及未配置在app.json且未开通权限的wx.getLocation接口,发布后将无法使用

    代码涉及未配置在app.json且未开通权限的wx.getLocation接口,发布后将无法使用

    我爱模板网一个小程序很久没更新,今日更新后发布,审核通过,却提示“代码涉及未配置在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.

    Manifest version 2 is deprecated, and support will be removed in 2023. See https://developer.chrome.com/blog/mv2-transition/ for more details.

    Manifest version 2 is deprecated, and support will be removed in 2023 See https: developer chrome com blog mv2-transition for more details

  • vue3 ref和reactive的区别

    vue3 ref和reactive的区别

    ref和reactive是vue3基于组合式api模式下,在setup中用于声明的具有响应式的数据的方法。

  • JS中 includes() 和 indexOf()

    JS中 includes() 和 indexOf()

    includes()和indexOf()都是用来检查数组和字符串是否包含某些元素,includes()返回值是布尔值,indexOf()返回的是索引值,如果没有返回-1

  • dva.js yield call/put使用完整流程

    dva.js yield call/put使用完整流程

    把我们定义的service引入进来,定义一个GET_USER_INFO的effects,注意这个函数名称前面要有“*”,然后在函数中通过yield call() 来调用(数据接口方法 和 请求参数),yield表示同步调用,这个是generator提供的功能,大家有兴趣的可以自己搜索一下。

  • qiankun.js 子应用引入百度地图报错:Uncaught TypeError: application 'workFlow' died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun.js 子应用引入百度地图报错:Uncaught TypeError: application 'workFlow' died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun js 子应用引入百度地图报错:Uncaught TypeError: application workFlow died in status LOADING_SOURCE_CODE: Failed to fetch

  • vue 在textarea输入框的指定位置插入内容

    vue 在textarea输入框的指定位置插入内容

    我爱模板网要实现下面的效果,即在textarea输入框的光标位置,插入系统变量

  • React-Native打包APK(生成签名密钥及使用方法)

    React-Native打包APK(生成签名密钥及使用方法)

    在Windows上keytool命令放在JDK的bin目录中(比如默认安装路径C: Program Files Java jdkx x x_x bin里面,或者搜索 keytool exe 所在文件夹)

  • antd vue的树形控件tree设置defaultExpandAll无效

    antd vue的树形控件tree设置defaultExpandAll无效

    原来是因为default-expand-all属性是用来设置默认值的,不会动态渲染,初始值treeData的数据是调异步请求获取的,默认是空数组,在treeData是空数组的时候组件已经渲染了,default-expand-all属性已经使用过了,再次得到数据,这个属性并不会再次发挥作用。既然知道了原因,那么每次获取到treeData之后,再次渲染,就能解决问题了

  • Win11家庭版找不到gpedit.msc文件的解决方案,亲测可行

    Win11家庭版找不到gpedit.msc文件的解决方案,亲测可行

    我爱模板网运行gpedit msc,提示找不到gpedit msc文件,原来win11家庭版默认不支持组策略,使用下面方法即可找回,亲测可用

  • antdv a-table的分页pagination如何配置

    antdv a-table的分页pagination如何配置

    antdv的a-table分页默认只有左右箭头和数字分页,要实现下面的效果,必须配置自定义分页:

  • ant-design-vue中树形菜单tree中加入新增编辑删除按钮

    ant-design-vue中树形菜单tree中加入新增编辑删除按钮

    ant-design-vue在tree的每个item的右边显示自定义的按钮,代码如下

  • uni-app离线打包之Geolocation解决方案

    uni-app离线打包之Geolocation解决方案

    离线打包在HbuilderX的manifest json中配置是无效的,这个配置仅在云打包时生效

  • uni-app离线打包,报错:Caused by: org.gradle.api.internal.plugins.PluginApplicationException: Faile to app

    uni-app离线打包,报错:Caused by: org.gradle.api.internal.plugins.PluginApplicationException: Faile to app

    uni-app离线打包,报错:Caused by: org gradle api internal plugins PluginApplicationException: Faile to app

  • js在textarea输入框插入文字

    js在textarea输入框插入文字

    js通过createRange方法,在输入框中的光标所在位置插入内容,兼容Firefox、Chrome、IE等浏览器,示例代码如下

  • ZeroTier搭建moon服务器

    ZeroTier搭建moon服务器

    每一个 Network 包含的所有设备都在同一个网络里。每个网络有一个 Network ID。各客户端通过这个 ID 连接到此网络。当然,一个账号是可以创建多个网络的。网络氛围 Public 和 Private。一般我们自己组网是要用 Private,需要在页面授权设备才可以进行访问。Public 权限好像不太有人会需要吧。

  • ZeroTier搭建内网穿透

    ZeroTier搭建内网穿透

    因为大环境的问题和ipv4地址的限制,国内运营商并不会为每条宽带分配一个公网ip,自己申请又有诸多限制,内网穿透的软件我常用的就是natapp,但是免费版限速还有时常更换地址,处于能用但是不怎么好用的位置,可以临时使用。后来我发现了新大陆-ZeroTier。

  • js scrollIntoView方法

    js scrollIntoView方法

    scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

  • scrollIntoView解决在Vue、React的Hask路由中使用锚点功能

    scrollIntoView解决在Vue、React的Hask路由中使用锚点功能

    Vue、React等框架使用了hash路由(history路由没关系),url中必须有 号,但是又需要使用锚点定位,从而产生冲突,此时就不能使用 锚点,但又要实现锚点功能,可以借助js的scrollIntoView方法

  • electron build之后,axios请求无法使用解决办法

    electron build之后,axios请求无法使用解决办法

    electron build之后,axios请求无法使用解决办法

  • vue3 reactive和ref区别

    vue3 reactive和ref区别

    ref也可以用来定义对象或者数组类型的数据,内部会通过reactive转为代理对象

  • vue2 $refs在vue3中的使用方法

    vue2 $refs在vue3中的使用方法

    vue2的$refs可以获取dom节点,但是vue3没有this,所以不能这么使用,可以用下面的方式实现

  • Cesium自定义材质

    Cesium自定义材质

    材质是用于描述多边形、折线、椭球等对象的外观特征,材质可以是几何对象表面的任一一种着色,可以是贴在其表面的一张图片、也可以是一个纹理或图案。cesium中也提供了一些材质,比如颜色、图片,棋盘、虚线,箭头线等。但这些基本是不会满足我们实际开发中的需求,需要自定义材质。使用Fabric和GLSL可以写脚本新建材质,也可以从现在的材质中派生

  • ElementUI中Cascader级联选择器实现点击文本选中(单选多选均可)

    ElementUI中Cascader级联选择器实现点击文本选中(单选多选均可)

    前端使用Element框架,出现了使用级联选择器只能点击前端小圆框选中的情况,客户不满意,要求能够点击一整行选中。

  • three.js DRACOLoader加载压缩模型

    three.js DRACOLoader加载压缩模型

    gltf、glb模型经过3D软件压缩导出后,在threejs用gltfloader加载,必须借助DRACOLoader解压,否则会报错。

  • Ant design VUE DatePicker mode=year 选择年份无效

    Ant design VUE DatePicker mode=year 选择年份无效

    ant design vue 3 x之前,年选择器没有,只能使用a-date-picker日期选择器,将mode设置成year,但是,只能看到效果,并不能实现选择,需要进行下面的改造

  • Nginx配置跨域请求 Access-Control-Allow-Origin *

    Nginx配置跨域请求 Access-Control-Allow-Origin *

    跨域资源共享(CORS)标准新增了一组 HTTP 首部字段,允许服务器声明哪些源站有权限访问哪些资源。另外,规范要求,对那些可能对服务器数据产生副作用的HTTP 请求方法(特别是 GET 以外的 HTTP 请求,或者搭配某些 MIME 类型的 POST 请求),浏览器必须首先使用 OPTIONS 方法发起一个预检请求(preflight request),从而获知服务端是否允许该跨域请求。服务器确认允许之后,才发起实

  • qiankun.js 提示died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun.js 提示died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun js本地测试没问题,子应用打包放到nginx后,主应用再次加载子应用,就提示:died in status LOADING_SOURCE_CODE: Failed to fetch

  • a-table、el-table渲染时提示:Cannot read property 'key' of undefined

    a-table、el-table渲染时提示:Cannot read property 'key' of undefined

    我爱模板网在使用element ui的el-table、antdv的a-table时,偶尔会遇到下面的错误Cannot read property key of undefined

  • a-tree-select滚动时,下拉框不跟着滚动

    a-tree-select滚动时,下拉框不跟着滚动

    这个官网已经提供了方法:a-tree和a-tree-select使用getPopupContainer属性,a-datePicker使用getCalendarContainer属性,官网解释:菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。

  • echarts实现地图下钻、立体效果

    echarts实现地图下钻、立体效果

    地图阴影其实我使用了geo和series的两种地图叠加起来,第一层geo设置了阴影,第二层series的地图使用了描边。

  • MediaDevices对象

    MediaDevices对象

    mediaDevices 是 Navigator对象的一个 只读属性,返回一个 MediaDevices 对象,该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享。

  • vue 封装input组件

    vue 封装input组件

    封装组件之前我们需要知道 v-mode 的默认值。 组件上使用 v-mode 会默认传给子组件 props 一个 value 属性。 只需要把 props 里面的 value 属性拿绑定在 input 的 :value=“value” 属性上。

  • vue3生命周期详解

    vue3生命周期详解

    Vue生命周期是指vue实例对象从创建之初到销毁的过程。

  • vue props type设置多个类型

    vue props type设置多个类型

    vue的props传递的变量的type有时候正常情况应该是单一类型

  • Vue自定义指令

    Vue自定义指令

    除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令,对普通 DOM元素进行底层操作。

  • destoon去除域名未授权,请购买授权的提示

    destoon去除域名未授权,请购买授权的提示

    destoon去除域名未授权,请购买授权的提示

  • model is required for validate to work

    model is required for validate to work

    element UI表单验证错误提示不消失

  • threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls通过enableDamping开启阻尼效果,让推拽视图有缓冲效果,不至于太生硬。

  • vscode提示“尝试在目标目录创建文件时发生一个错误”的错误解决方法

    vscode提示“尝试在目标目录创建文件时发生一个错误”的错误解决方法

    打开vscode,经常弹出“尝试在目标目录创建文件时发生一个错误”的错误提示框

  • js利用storage改变事件实现跨页面通信

    js利用storage改变事件实现跨页面通信

    js利用storage改变事件实现跨页面通信

  • 监听localstorage仓库变化

    监听localstorage仓库变化

    默认情况下,当前页面修改localStorage,本页面是无法监听的,只有同源的其他页面才可以监听到本页面localStorage的改变。

  • IntersectionObserver简单介绍及使用

    IntersectionObserver简单介绍及使用

    IntersectionObserver 之前就有所了解,但是一直没有用,当时觉得浏览器兼容性不好,直接用onscroll监听也能实现相关功能,但是随着浏览器支持性越来越好,这个属性到迄今为止,可以用在大部分的正式项目中了,对于提升性能和用户体验,起到一定作用。

  • Js进行base64编码解码(解决中文乱码)

    Js进行base64编码解码(解决中文乱码)

    用上述的编码和解码,自己前端操作编译和解码中文都是没有问题的,但是由于需要后台,编码后传输到后台,后台返回编码格式再解码的时候就会出现中文乱码。

  • uniapp picker月份选择器

    uniapp picker月份选择器

    uniapp+uview-ui做的项目,要用到月份选择器

  • vue3获取动态设置的ref

    vue3获取动态设置的ref

    我爱模板网层分享一篇关于vue3使用ref的文章:vue2 $refs在vue3中的使用方法,但那个是静态的ref,使用方法如下

  • js event.target与event.currentTarget的区别及用法

    js event.target与event.currentTarget的区别及用法

    js事件中的event默认参数,会返回target和currentTarget来获取当前的事件触发对象

  • js getBoundingClientRect 方法

    js getBoundingClientRect 方法

    js中的 getBoundingClientRect 是用来获取DOM元素到浏览器可视范围的距离(不包含文档卷起的部分),返回页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。该函数返回一个Object对象,该对象有6个属性:top、left、right、bottom、width、height。

  • @media prefers-color-scheme 详解

    @media prefers-color-scheme 详解

    它还能查询系统使用的是深色模式还是浅色模式,即prefers-color-scheme,css 媒体特性,用于检测用户是否有将系统的主题色设置为亮色或者暗色。 在过去,必须手动切换主题色,写两套css,然后通过js来切换。

  • vue3中vite的@路径别名与path中的resolve

    vue3中vite的@路径别名与path中的resolve

    resolve 具体工作方法我的理解就是从后往前先找绝对路径,如果找到了就以这个路径为开头,如果没有找到绝对路径,就以当前文件所在的工作目录为开头。

  • 全国省市县geojson下载

    全国省市县geojson下载

    全国省市县geojson下载,包括全国、23个省、2个特别行政区、4个直辖市、5个自治区,以及下面的县,全都有,共24 2 MB,403 个文件,29 个文件夹。

  • momentjs的简单用法

    momentjs的简单用法

    momentjs对于时间的格式化和各种时间获取非常方便,这里仅简单说下怎么使用

  • momentjs常见的获取年月日的方法

    momentjs常见的获取年月日的方法

    momentjs可以非常方便的获取想要的时间,例如本周、本月、本日、本年,上一年、上一周、上个月,前几天,后几天等等,简简单单一个方法即可实现

  • vue3的defineProps、defineEmits、defineExpose

    vue3的defineProps、defineEmits、defineExpose

    vue3的defineProps、defineEmits和defineExpose在vue3中,如果是script setup新语法糖中,则使用非常广泛,这里总结下:definePropsconstp

  • vue3中shallowReactive、shallowRef

    vue3中shallowReactive、shallowRef

    shallowReactive 与 shallowRef:shallowReactive:只处理对象最外层属性的响应式(浅响应式),如果有一个对象数据,结构比较深, 但变化时只是外层属性变化。shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理,如果有一个对象数据,后续功能不会修改该对象中的属性,而是生成新的对象来替换

  • 宝塔vue项目nginx反向代理设置

    宝塔vue项目nginx反向代理设置

    有一个vue(uni-app)开发的项目,放到了安装了宝塔面板的服务器上。但是要设置代理,才能访问。

  • 手把手教你写vue插件并发布(一)

    手把手教你写vue插件并发布(一)

    本文转载自cnblogs adouwt博主的博文,原文地址:https: www cnblogs com adouwt p 9211003 html反映问题:执行npm publish报错,因为有

  • 手把手教你写vue插件并发布(二)

    手把手教你写vue插件并发布(二)

    这里采用的是vue-cli 脚手架,版本是2 **,vue-cli 3 0 已经出来有一段了。今天暂不用3 0 的,回头会详细说上3 0的打包使用。

  • 编写一个vue3插件并发布它

    编写一个vue3插件并发布它

    vue2插件编写之前我爱模板网分享过,今天带来vue3的插件封装方法,插件可以是一个公开 install 方法的 object,也可以是 function,包含全局函数和全局组件一起封装

  • Vue3组件传参

    Vue3组件传参

    vue3父子组件传值主要有:emit、props、provide和inject、作用域插槽

  • Vue3插件封装use用法

    Vue3插件封装use用法

    不论是Vue2中的Vue use亦或者Vue3中的app use。其功能主要是用在插件的安装上,往往是在项目的入口文件(比如main js)中。被use的插件多数是 NPM 中的第三方库 。在必要的时候,也可以封装一个自定义的插件以供团队的使用。这样可以避免反复开发同一个功能。

  • Vue3 props的使用详解

    Vue3 props的使用详解

    Vue3 props的写法和vue2差别还是比较大的,它基于defineProps进行定义

  • vue3 ref和reactive

    vue3 ref和reactive

    ref和reactive是vue3基于组合式api模式下,在setup中用于声明的具有响应式的数据的方法。

  • vue-cli 3.x、vue-cli 4.x将项目改成插件并发布到npm

    vue-cli 3.x、vue-cli 4.x将项目改成插件并发布到npm

    工作中遇到一个需求,要将一个非常复杂的项目,改成插件并发布到npm,供其他同事使用。该组件是基于vue-cli 4 x脚手架搭建的(vue-cli 3 x同样适用)。

  • vscode报错Already included file name 'xxx' differs from file name 'xxx' only in casing的解决方法

    vscode报错Already included file name 'xxx' differs from file name 'xxx' only in casing的解决方法

    vscode报错Already included file name xxx differs from file name xxx only in casing的解决方法

  • Argument 2 passed to think\\filesystem\\Driver::putFile() must be an instance of think\\File

    Argument 2 passed to think\\filesystem\\Driver::putFile() must be an instance of think\\File

    我爱模板网在使用ThinkPHP6 0上传视频时,小视频文件可以正常上传,但是稍微大一点的文件上传就会报下面的错

  • Allowed memory size of 134217728 bytes exhausted解决办法(php内存耗尽报错)

    Allowed memory size of 134217728 bytes exhausted解决办法(php内存耗尽报错)

    我爱模板网在使用php开发项目时,在上传文件这块,竟然会报下面的错

  • vue3 '.native' modifier on 'v-on' directive is deprecated.
  • vue3 `slot-scope` are deprecated 报错

    vue3 `slot-scope` are deprecated 报错

    `slot-scope` are deprecated

  • ThinkPHP+WangEditor实现富文本+上传图片+上传视频功能

    ThinkPHP+WangEditor实现富文本+上传图片+上传视频功能

    本文基于ThinkPHP+WangEditor实现了富文本+上传图片+上传视频,前端框架采用的是layuimini-2,步骤非常详细,当然也非常简单,例如没有处理上传失败具体情况的返回等。文末提供了WangEditor的压缩包

  • [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

    [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

    vue3打包提示下面错误:[@vue compiler-sfc] ::v-deep usage as a combinator has been deprecated Use :deep() instead

  • 《编写一个vue3插件并发布它》中的错误

    《编写一个vue3插件并发布它》中的错误

    《编写一个vue3插件并发布它》中的错误

  • input type=file上传文件时,accept属性值汇总

    input type=file上传文件时,accept属性值汇总

    input type=file上传文件时,accept属性值汇总

  • vue3在style中用@import导入的css文件,scoped不生效影响全局样式

    vue3在style中用@import导入的css文件,scoped不生效影响全局样式

    vue3在style中用@import导入的css文件,scoped不生效影响全局样式

  • webpack利用webpack-obfuscator插件对代码进行加密混淆打包

    webpack利用webpack-obfuscator插件对代码进行加密混淆打包

    我爱模板网在用vue3+webpack4做一个安全门户网站时,客户对代码进行了格式化,发现里面的请求接口路径直接能看到,要求对代码进行脱敏加密混淆,没办法,不得不借助强大的javascript-obfuscator插件,它能够通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆,达到无法恢复源码甚至无法阅读的目的。

  • JS实现base64加密解密的方法

    JS实现base64加密解密的方法

    JS实现的base64加密解密操作,可以用来作为脱敏操作

  • JS clientX,clientY,screenX,screenY,offsetX,offsetY详解

    JS clientX,clientY,screenX,screenY,offsetX,offsetY详解

    clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置

  • jQuery实现多个容器一行拖拽调整其中某个的大小

    jQuery实现多个容器一行拖拽调整其中某个的大小

    jQuery实现的,多个容器(这里用的自定义的column,换成div同理)在一行,拖拽中间的分割线,实现调整其左右宽度容器宽度的功能,很实用。点击js拖拽控制容器大小查看效果。

  • vite或webpack打包echarts项目部署后报错:TypeError: Cannot set properties of undefined (setting 'colorStops')

    vite或webpack打包echarts项目部署后报错:TypeError: Cannot set properties of undefined (setting 'colorStops')

    我爱模板网在使用vite+vue3+echarts做项目,运行时并没有报错,但打包部署后,echarts统计图并没有出现,还报错

  • php项目部署到宝塔后,报错Warning: file_exists(): open_basedir restriction in effect. File

    php项目部署到宝塔后,报错Warning: file_exists(): open_basedir restriction in effect. File

    php项目部署到宝塔后,报错Warning: file_exists(): open_basedir restriction in effect File

  • vue2 webpack,vue3 vite项目放二级目录打包方式

    vue2 webpack,vue3 vite项目放二级目录打包方式

    假设项目传到 根目录 web 下,那webpack打包的vue2项目,和vite打包的vue3项目,如何配置

  • vue3实现高德地图沿轨迹巡航动画

    vue3实现高德地图沿轨迹巡航动画

    vue3实现,amap高德地图,沿着一系列经纬度绘制的Polyline,进行巡航动画。

  • uni-app vue3 store全局数据共享

    uni-app vue3 store全局数据共享

    uni-app vue3 store全局数据共享

  • 在Vue3中使用Vue.prototype

    在Vue3中使用Vue.prototype

    在2 X版本中创建一个vue 实例是通过 new Vue()来实现的,到了3 X中则是通过使用createApp这个 API返回一个应用实例,并且可以通过链条的方式继续调用其他的方法

  • el-input使用原生JS事件修改值data后v-model值不同步

    el-input使用原生JS事件修改值data后v-model值不同步

    解决el-input使用原生JS事件修改值data后v-model值不同步的问题

  • uni-app vue3版store使用

    uni-app vue3版store使用

    uni-app默认使用的vue2,这次新项目,不能再墨守成规,改成了vue3,之前的store引入方式等都要改了

  • uni-app vue3公共方法的定义

    uni-app vue3公共方法的定义

    uni-app vue3公共方法定义,之前提到过一种,参见:uni-app vue3版store使用和在Vue3中使用Vue prototype。但这种由于用到了this,在使用时,如果是composition api或setup语法糖,会更加麻烦,这里推荐一个方法,直接挂载到uni这个全局对象上。

  • uni-app vue3子组件不显示

    uni-app vue3子组件不显示

    uni-app vue3子组件不显示

  • vite中require替代方案

    vite中require替代方案

    咱们在vue2中是不存在require is not defined问题的,那是因为webpack帮我们解决了,开发时在内部对其了转换。为什么非要使用require语法?因为require语法有时候确实蛮好用的啊,咱们在vue2中可以通过require语法,定义变量,动态获取一些静态资源。vite不是webpack,没有提供require方法,但是,有替代方案

  • vue3 transition 组件使用总结

    vue3 transition 组件使用总结

    vue3 transition 组件使用总结

  • vue3封装一个轻量的全局提示插件

    vue3封装一个轻量的全局提示插件

    我爱模板网再做一个小项目,不想使用element plus、antd这种重量级框架,但是又觉得element plus的提示插件很美观,于是就自己动手封装了一个轻量级的,不依赖任何插件的toat提示插件。

  • js deepClone 深拷贝实现方法

    js deepClone 深拷贝实现方法

    js deepClone 深拷贝主要用于对象、数组等拷贝后,操作拷贝的数据不影响原数据。下面分享两种方法,都可实现

  • vue3 app.config.globalProperties在js文件中使用方法

    vue3 app.config.globalProperties在js文件中使用方法

    我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main js做了全局引入

  • js中的super

    js中的super

    1 this和super的区别: this关键词指向函数所在的当前对象 super指向的是当前对象的原型对象

  • yarn install报Integrity check failed for

    yarn install报Integrity check failed for "extension-widgets"(computed integrity doesn't match our)

    yarn install报Integrity check failed for "extension-widgets "(computed integrity doesn t match our)

  • jquery上移下移动画的实现

    jquery上移下移动画的实现

    我爱模板网利用SortableJS实现了列表的拖拽排序,

  • electron-log使用

    electron-log使用

    electron-log是用于在Electron应用程序中记录日志。可以在https: www npmjs com package electron-log找到该包的地址。安装electron-log:

  • VMware16安装macOS12

    VMware16安装macOS12

    VMware16安装macOS12详细教程。

  • VMware16安装macOS12的几个问题解决,如循环重启、安装卡住等

    VMware16安装macOS12的几个问题解决,如循环重启、安装卡住等

    如果还没安装,参考:VMware16安装macOS12详细教程。安装后如果出现下面问题,可参考

  • ES6 Symbol

    ES6 Symbol

    Symbol是ES6中引入的一种新的基本数据类型,用于表示一个独一无二的值。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。

  • Midjourney超细基础教程

    Midjourney超细基础教程

    Midjourney是一个具有人工智能技术的数字绘画平台,它提供了AI画作生成功能,使用户可以使用AI算法创造出令人惊叹的艺术作品。

  • chatGpt登录提示:Access denied,You do not have access to chat.openai.com

    chatGpt登录提示:Access denied,You do not have access to chat.openai.com

    chatGpt登录提示:Access denied,You do not have access to chat openai com

  • nvm安装后全局安装gulp,提示:gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

    nvm安装后全局安装gulp,提示:gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

    nvm安装后全局安装gulp,提示:gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

  • script使用integrity属性进行安全验证

    script使用integrity属性进行安全验证

    在html中,script标签可以通过src属性引入一个js文件,引入的js文件可以是本地的,也可以是远程的。

  • react @connect的作用简单理解(dva @connect)

    react @connect的作用简单理解(dva @connect)

    connect 方法返回的也是一个 React 组件,通常称为容器组件。因为它是原始 UI 组件的容器,即在外面包了一层 State。

  • yarn安装依赖提示:computed integrity doesn't match our records

    yarn安装依赖提示:computed integrity doesn't match our records

    yarn安装依赖提示下面的错误: error https: registry yarnpkg com : Integrity check failed for " " (computed integrity doesn t match our records, got "sha512- sha1- ")

  • nvm切换后,执行vue,提示:无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,

    nvm切换后,执行vue,提示:无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,

    nvm切换后,执行vue,提示:无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

  • vue add electron-builder一直在下载

    vue add electron-builder一直在下载

    vue add electron-builder一直在下载,或者卡在node install js解决方案

  • Vue+Electron开发一款Markdown编辑器

    Vue+Electron开发一款Markdown编辑器

    Electron 是一款利用 JavaScript、HTML 和 CSS 开发跨平台桌面应用的开源框架。它内置了Chromium 内核和 Node,使得我们写的单页应用程序能够运行在桌面端的类浏览器平台中。因此,我们可以通过书写 Web 代码来实现桌面应用的 GUI 布局,也可以通过 JavaScript 调用 Node js 提供的丰富的原生 API。

  • vue+electron:window.require is not a function

    vue+electron:window.require is not a function

    electron window require is not a function

  • Property 'innerText' does not exist on type 'Element'

    Property 'innerText' does not exist on type 'Element'

    我爱模板网在使用typescript开发项目时,需要操作Dom获取其innerText,

  • destoon的模板里DT_PATH、DT_SKIN等常量在哪修改

    destoon的模板里DT_PATH、DT_SKIN等常量在哪修改

    destoon的模板里DT_PATH、DT_SKIN等常量在哪修改

  • The left-hand side of an assignment expression may not be an optional property access. 报错处理

    The left-hand side of an assignment expression may not be an optional property access. 报错处理

    The left-hand side of an assignment expression may not be an optional property access 报错处理

  • Chrome书签手动同步方法

    Chrome书签手动同步方法

    Chrome书签具有自动同步的功能,但是,经常因为科学上网等原因,不能及时同步,被动等待很痛苦,尤其是在多台电脑上,有时需要另一台电脑的书签,就是迟迟不出现。

  • angular 模板循环ng-container

    angular 模板循环ng-container

    angular2 在组件模板中可以循环数组集合等对象,语法非常简单

  • Warning: A component is `contentEditable` and contains `children` managed by React.

    Warning: A component is `contentEditable` and contains `children` managed by React.

    Warning: A component is `contentEditable` and contains `children` managed by React

  • Unexpected useless attribute on template vue/no-useless-template-attribues

    Unexpected useless attribute on template vue/no-useless-template-attribues

    Unexpected useless attribute on `` vue no-useless-template-attribues

  • vue3使用ck-editor5,亲测可用

    vue3使用ck-editor5,亲测可用

    ck-editor5是一款非常优秀的富文本编辑器,我爱模板网就在开发中使用到了它。下面是按需生成build文件,引入到vue3的方法

  • uni-app scroll-view scroll-top设置无效

    uni-app scroll-view scroll-top设置无效

    我爱模板网在使用uni-app开发微信小程序时,有个页面采用了scroll-view组件,有个返回顶部的按钮,点击这个按钮需要返回顶部

  • vue3组件中v-model的使用以及深入讲解

    vue3组件中v-model的使用以及深入讲解

    v-model在vue中我们经常用它与input输入框的输入值进行绑定,简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定,如下vue3实现代码

  • ckeditor5一些常见配置

    ckeditor5一些常见配置

    ckeditor5经历了这么多年的发展,已经非常成熟,UI界面也比较精美。

  • ckeditor5工具栏宽度不够自动换行,不要折叠

    ckeditor5工具栏宽度不够自动换行,不要折叠

    ckeditor5在编辑器宽度不够时,默认会折叠工具栏

  • ckeditor5 添加emoji表情

    ckeditor5 添加emoji表情

    ckeditor5 添加emoji表情的步骤

  • ckeditor5编写自定义插件,并做国际化处理

    ckeditor5编写自定义插件,并做国际化处理

    ckeditor5编写自定义插件,并做国际化处理

  • CkEditor 5 粘贴内容后样式丢失

    CkEditor 5 粘贴内容后样式丢失

    网上有很多关于Ckeditor粘贴样式都是的解决办法,但那都是ckeditor4或者3,没有关于ckeditor5的,老版本解决办法这里就不说了,这里说下ckeditor5的解决办法。

  • JS中的style.cssText

    JS中的style.cssText

    js设置字体样式,可以分开写

  • 微信小程序获取用户昵称和头像 getUserProfile 废弃,uni-app获取头像和昵称的方法

    微信小程序获取用户昵称和头像 getUserProfile 废弃,uni-app获取头像和昵称的方法

    2022年10月,微信回收getUserInfo()和getUserProfile()获取用户信息的能力。从此以后,不管是getUserInfo还是getUserProfile,都返回匿名的微信头像和昵称,但仍然可以获取openid。

  • css3 -webkit-appearance样式

    css3 -webkit-appearance样式

    今天,我爱模板网在element-plus中,使用原生的radio单选框,发现都不显示,F12一查看,发现宽高都是0,强制设置宽高也没用。但也没看到哪里设置了宽高,然后就发现了-webkit-appearance:none的样式,把它取消了或者设置为非none的值,就显示了。

  • vue3自定义指令实现按钮鉴权

    vue3自定义指令实现按钮鉴权

    具体的逻辑很简单,先从 binding 中提取出 value 的值,这就是当前控件所需要的权限,然后遍历 usersPermissions 用一个 some 函数,去查看 usersPermissions 中是否有满足条件的值,如果没有,说明当前用户不具备展示该组件所需要的权限,那么就要隐藏这个组件,隐藏的方式就是获取到当前组件的父组件,然后从父组件中移除当前组件即可。

  • element plus的el-table上加入单选按钮el-radio

    element plus的el-table上加入单选按钮el-radio

    element plus的el-table默认只支持加入复选框。但有时候单选框也需要。

  • vue3 clipboard复制内容

    vue3 clipboard复制内容

    clipboard js可以实现js复制,详见js实现复制、粘贴,clipboard min js的使用

  • Monaco Editor插入代码

    Monaco Editor插入代码

    Monaco Editor代码编辑器是一款由微软推出的,非常强大的代码编辑器。非常著名的vscode,就是基于它的内核,在node基础上开发出来的IDE

  • 上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

    上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

    accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。VUE不好用

  • ckeditor5编写一个上传word的插件,ckeditor5导入word插件

    ckeditor5编写一个上传word的插件,ckeditor5导入word插件

    应客户需求,要实现在ckeditor5上进行word上传,并将word解析后,显示到编辑器中。当然,解析word前台不可行,所以就由java完成,然后将解析结果返回给我。

  • uniapp mainfest.json中配置proxy代理

    uniapp mainfest.json中配置proxy代理

    uniapp mainfest json中配置proxy代理

  • Added non-passive event listener to a scroll-blocking

    Added non-passive event listener to a scroll-blocking

    vue3开发过程中,老是提示: Added non-passive event listener to a scroll-blocking 的提示,虽然不是error,但是看着也不舒服,截图如下

  • Unexpected lexical declaration in case block  no-case-declarations

    Unexpected lexical declaration in case block no-case-declarations

    这是case语法错误,但是找了半天也没找到问题所在,代码看着没问题啊,最后通过一行一行注释,发现是: const ids = [] 这行报错

  • ckeditor5插入内容

    ckeditor5插入内容

    ckeditor5插入内容

  • flex:1详解

    flex:1详解

    首先flex: 1等同于flex:11auto;flex: 1实际上是三个属性的缩写:flex-grow:1;flex-shrink:1;flex-basis:auto;flex-grow的作用flex-grow

  • vue3 setup语法糖中组件name定义的几种方法

    vue3 setup语法糖中组件name定义的几种方法

    当我们没有使用vue3的setup语法糖,我们可以这么定义name

  • vue利用storage监听实现两个tab页之间的通信

    vue利用storage监听实现两个tab页之间的通信

    我爱模板网在开发一个cms程序时,有这么个需求:cms的内容众所周知是核心功能之一,所以在文章列表点击添加文章时,要打开新窗口,然后在新窗口添加完文章,自动关闭这个窗口,同时通知列表页刷新。

  • vue3如何使用eventBus订阅发布模式

    vue3如何使用eventBus订阅发布模式

    vue3如何使用eventBus订阅发布模式

  • js escapeHTML、unescapeHTML转码解码html的实现

    js escapeHTML、unescapeHTML转码解码html的实现

    js的decodeURIComponent以及encodeURIComponent转码太高级了,有时候可能只是为了防止注入,将js变的不可执行等,仅仅只需要转码和解码html的左右尖括号以及 & 符就可以了

  • js获取video名称、时长、缩略图、宽高等

    js获取video名称、时长、缩略图、宽高等

    js获取video名称、时长、缩略图、宽高等,缩略图的核心是用canvas画出来的base64图片,调用函数需要传入二进制的视频文件,注意这是一个promise函数,需要用then来接收

  • ckeditor5插件开发之编写可下拉,也可直接点击执行的插件

    ckeditor5插件开发之编写可下拉,也可直接点击执行的插件

    ckeditor5插件开发之编写可下拉,也可直接点击执行的插件,本文是基于vue3使用ck-editor5,亲测可用这篇文章来实现的。

  • js将字符串转换为base64图像的两种方法

    js将字符串转换为base64图像的两种方法

    使用canvas将文字转换成图像数据base64

  • npm adduser、npm publish、npm login等操作报code E426错误解决办法

    npm adduser、npm publish、npm login等操作报code E426错误解决办法

    npm adduser、npm publish、npm login等操作报code E426错误

  • vue3使用ckeditor5粘贴网络图片不显示解决方法

    vue3使用ckeditor5粘贴网络图片不显示解决方法

    我爱模板网开发cms时,采用的是ckeditor5,正常粘贴别的网站内容没问题,但是当我粘贴从腾讯新闻复制来的的文章时,出问题了,403不显示

  • vue3使用ckeditor5粘贴网络图片不显示解决方法

    vue3使用ckeditor5粘贴网络图片不显示解决方法

    我爱模板网开发cms时,采用的是ckeditor5,正常粘贴别的网站内容没问题,但是当我粘贴从腾讯新闻复制来的的文章时,出问题了,403不显示

  • script引入monaco editor编辑器时报错Can only have one anonymous define call per script file

    script引入monaco editor编辑器时报错Can only have one anonymous define call per script file

    script引入monaco editor编辑器时报错Can only have one anonymous define call per script file

  • vite中路径@的配置

    vite中路径@的配置

    vite默认不支持路径别名@指向src,但是平时用习惯了,手动配置下即可

  • element-plus el-scrollbar触底加载代码

    element-plus el-scrollbar触底加载代码

    element-plus的隐藏组件el-scrollbar实现触底加载代码

  • VScode的eslint报错:Delete `␍` 最简单最有效的解决方法和解释

    VScode的eslint报错:Delete `␍` 最简单最有效的解决方法和解释

    VScode的文件每行结尾都报红色,鼠标浮上去显示Delete `␍`

  • react-native启动时红屏报错:Unable to load script.Make sure you're either running a metro server or that

    react-native启动时红屏报错:Unable to load script.Make sure you're either running a metro server or that

    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.

    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.

    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

    Vue3设置动态ref

    Vue3动态设置ref,在循环中,尤其好用

  • 解决vuedraggle拖拽时内容将内容拖拽到ckeditor5的编辑框内

    解决vuedraggle拖拽时内容将内容拖拽到ckeditor5的编辑框内

    ckeditor5和vuedraggle一起使用时,拖拽会导致将内容拖拽到了编辑器里面

  • element ui的el-table表格实现拖拽排序

    element ui的el-table表格实现拖拽排序

    element ui的el-table表格实现拖拽排序,经测试,完全没问题。而且,也适用于element-plus

  • vue3+vite使用monaco-editor报错:Error: Unexpected usage at EditorSimpleWorker.loadForeignModule

    vue3+vite使用monaco-editor报错:Error: Unexpected usage at EditorSimpleWorker.loadForeignModule

    之前,vue3+webpack使用monaco-editor以及script引入monaco-editor,都没有问题,这次又在vue3+vite上使用到了monaco-editor。 vite没有对应的monaco-editor-webpack-plugin插件,所以,如果直接使用并初始化,可以看到效果,但是会报错

  • 解决 Uncaught TypeError: elem.getClientRects is not a function

    解决 Uncaught TypeError: elem.getClientRects is not a function

    使用jquery v3 1以上的版本,如果出现下面的错误提示:Uncaught TypeError: elem getClientRects is not a function

  • jquery获取元素到屏幕四周可视距离的方法

    jquery获取元素到屏幕四周可视距离的方法

    获取元素到屏幕四周的可视距离,一般需要通过jQuery计算元素与viewport(窗口)的距离来实现。

  • vue路由动画

    vue路由动画

    vue路由动画让页面切换更有艺术感。

  • vue $parent的用法

    vue $parent的用法

    $parent指向调用该组件的父组件实例,注意,是直接,如果多层,需要$parent $parent ,通过$parent调用父组件的props、 data或者methods等

  • VMwear16安装Centos7教程

    VMwear16安装Centos7教程

    之前我爱模板网介绍了 VMware16安装macOS12详细教程。今天在来一篇VMwear16安装Centos7教程。

  • VMware 打开运行一段时间后卡死,CPU占比增至100%

    VMware 打开运行一段时间后卡死,CPU占比增至100%

    打开虚拟机后可以正常运行,运行大约20分钟后突然卡死,风扇急速转动,然后通过任务管理器可以观察到VMware Workstation VMX应用程序的CPU占比高达80%,CPU的利用率增加至100%。使用任务管理器杀死VMware Workstation VMX程序后,CPU利用率就马上下降至恢复正常范围。

  • Centos7运行 yum install nginx提示:没有可用软件包nginx,或者No package nginx available的解决办法

    Centos7运行 yum install nginx提示:没有可用软件包nginx,或者No package nginx available的解决办法

    Centos7运行 yum install nginx提示:没有可用软件包nginx,或者No package nginx available的解决办法

  • CentOS7查看开放端口、查看端口占用情况、开启端口、杀掉进程等命令

    CentOS7查看开放端口、查看端口占用情况、开启端口、杀掉进程等命令

    下面是在CentOS 7上查看开放端口、查看端口占用情况、开启端口、杀掉进程等命令

  • centos nginx常用的命令

    centos nginx常用的命令

    centos nginx常用的命令

  • centos7关闭防火墙

    centos7关闭防火墙

    centos7关闭防火墙

  • h5页面显示与隐藏事件——visibilitychange

    h5页面显示与隐藏事件——visibilitychange

    visibilitychange事件是浏览器的新事件方法,主要是用来监听页面是否处于显示状态,现在主流的浏览器都支持此事件,当浏览器进行切换选项卡、最小化、最大化、锁屏等操作的时候会主动触发该事件。

  • 解决meta name=

    解决meta name="renderer" content="webkit"不起作用

    一般只使用代码 ,会有些浏览器会不起作用,所以在使用的时候,要完全兼顾。

  • js naturalWidth与naturalHeight获取图片原始大小

    js naturalWidth与naturalHeight获取图片原始大小

    js naturalWidth与naturalHeight属性是获得图片原始的尺寸,不会因外部width和height属性设置的改变而改变。

  • vue3+vite使用scss

    vue3+vite使用scss

    vue3+vite安装和使用scss详细步骤

  • vite4.4+vue3开发vue插件简约过程

    vite4.4+vue3开发vue插件简约过程

    之前都是用vue-cli脚手架开发的,这次是基于vite4 4脚手架开发的,其实都一样,就是打包配置不一样。

  • org.gradle.api.tasks.StopExecutionException: Your project path contains non-ASCII characters

    org.gradle.api.tasks.StopExecutionException: Your project path contains non-ASCII characters

    org gradle api tasks StopExecutionException: Your project path contains non-ASCII characters

  • 将android studio产生的.gradle .android .androidStudio缓存从默认C盘移动到D盘

    将android studio产生的.gradle .android .androidStudio缓存从默认C盘移动到D盘

    android studio 在编译的时候会下载 builde gradle 文件下 dependences {} 中 配置的各种依赖包,如果不移动到D盘或者其他盘,那么随之项目依赖的三方包逐渐增多,势必会造成C盘的容量大小会越来越小

  • uni-app修改默认的swiper 面板指示点

    uni-app修改默认的swiper 面板指示点

    uni-app修改默认的swiper 面板指示点

  • uni-app page选择器加上scope后样式消失

    uni-app page选择器加上scope后样式消失

    在编译成app和H5都没问题,但是到了小程序就无效了。这是因为uniapp中的页面,并非最终原生小程序中的页面。在HBuilderX 在对源码编译过程中,uniapp中的页面外部会包裹上page。简单说就是page是uniapp页面的父节点。在子节点上设置了 scoped ,父节点肯定就无法选中了。

  • swiper 一张大图在中间,上一张下一张都显示一半

    swiper 一张大图在中间,上一张下一张都显示一半

    swiper 一张图在中间,上一张下一张都显示一半,这种需求很常见

  • 微信小程序设置 hover-class 实现点击态效果

    微信小程序设置 hover-class 实现点击态效果

    微信小程序中,可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意,大部分组件是不支持该属性的。

  • Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js

    Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js

    最近启一个很老的项目,发现提示下面错误:Node Sass could not find a binding for your current environment: Windows 64-bit with Node js

  • uni-app微信小程序getLocation获取定位相关配置

    uni-app微信小程序getLocation获取定位相关配置

    uni-app微信小程序getLocation获取定位相关配置

  • element-plus el-table 按住shift实现连续勾选多选

    element-plus el-table 按住shift实现连续勾选多选

    element-plus el-table 按住shift实现连续勾选多选,即选中第一个,按住shift再选中最后一个,会自动将中间的都勾选

  • vxe-table v4实现按住shift实现连续勾选多选

    vxe-table v4实现按住shift实现连续勾选多选

    之前介绍过element-plus el-table 按住shift实现连续勾选多选,这里把vxe-table的实现方式也顺便写下,基本上差不多

  • undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at _iterableToArray

    undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at _iterableToArray

    undefined is not iterable (cannot read property Symbol(Symbol iterator)) at _iterableToArray 如果报了这个错误,说明你代码中可能用了es6中的拓展运算符

  • vmware macos黑苹果系统设置网络连接

    vmware macos黑苹果系统设置网络连接

    安装好macos 13 1后,关闭虚拟机,打开虚拟机设置,将网络连接方式改为桥接

  • 解决使用gem安装依赖提示:too many connection resets的问题

    解决使用gem安装依赖提示:too many connection resets的问题

    Could not find a valid gem activesupport (= 6 1 7 3), here is why

  • html5 video标签播放视频不能沾满,边缘有空白

    html5 video标签播放视频不能沾满,边缘有空白

    html5 video标签播放视频不能沾满,边缘有空白

  • videojs播放hls视频流

    videojs播放hls视频流

    videojs播放hls视频流的方法

  • 详解build.gradle文件

    详解build.gradle文件

    详解build gradle文件

  • 微信小程序登录提示:errMsg:

    微信小程序登录提示:errMsg:"getUserProfile:fail api scope is not declared in the privacy agreement", errno: 112

    微信小程序登录提示:errMsg: "getUserProfile:fail api scope is not declared in the privacy agreement ", errno: 112

  • js利用Canvas.measureText方法计算文字的总宽度

    js利用Canvas.measureText方法计算文字的总宽度

    字体在设置了font-size后,不同字体,或者相同字体不同文字,如中文、英文小写、大写、空格等,字体宽度都不一样。但是canvas提供了measureText方法,可以测量宽度

  • position:relative相对定位去除所占空间

    position:relative相对定位去除所占空间

    position:relative相对定位去除所占空间

  • uniapp为page设置背景色不生效,uni-app scoped的page样式失效

    uniapp为page设置背景色不生效,uni-app scoped的page样式失效

    在用uniapp生成网页和H5时,在scoped里写的page样式有效,但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点,所以加上scoped限定后,会导致无法选中。

  • vue3 在setup中使用$router、$route

    vue3 在setup中使用$router、$route

    在vue2 0中,我们通过this $route可以获取到当前的路由,然后通过this $router来获取到路由实例来进行路由跳转

  • vue3在js文件中使用router

    vue3在js文件中使用router

    这是因为在vue3中上面的useRouter的引入方式是vue3的hooks,因此在js文件中需要导入你创建的router文件即可

  • 关于qrcode.js生成二维码中中文会乱码的解决方法

    关于qrcode.js生成二维码中中文会乱码的解决方法

    中文乱码的原因在于,qrcode只是单纯采用charCodeAt()方式获取字符的Unicode编码进行转换,转换后并未处理中文字符编码(charCodeAt 是采用UTF-16编码制),所以他会出现中文乱码的问题;而下面的方法在转换为Unicode编码后,输出时再对中文字符编码进行fromCharCode代理,转为UTF-8,然后再生成二维码

  • css3 env()和constant()设置安全区域

    css3 env()和constant()设置安全区域

    env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量

  • qrcode.js报错:qrcode error: code length overflow

    qrcode.js报错:qrcode error: code length overflow

    在使用qrcode js时,需要在生成的url后面拼接token,这时生成二维码报错

  • padStart()方法,padEnd()方法

    padStart()方法,padEnd()方法

    ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全

  • CKEditor5复制WPS word内容显示空白空格的问题

    CKEditor5复制WPS word内容显示空白空格的问题

    我爱模版网在使用CKEditor5时,从wps中拷贝内容到编辑器中,发现全是空白空格,内容无法展示出来。

  • 关闭vue3运行过程异常出现的errors页面

    关闭vue3运行过程异常出现的errors页面

    关闭vue3运行过程异常出现的errors页面

  • Exif.js 读取图像的元数据

    Exif.js 读取图像的元数据

    EXIF(Exchangeable Image File)是“可交换图像文件”的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄

  • 解决uni.chooseImage勾选相册原图,使用pathToBase64方法转Base64,提示“targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径”的问题

    解决uni.chooseImage勾选相册原图,使用pathToBase64方法转Base64,提示“targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径”的问题

    解决uni chooseImage勾选相册原图,使用pathToBase64方法转Base64,提示“targetSdkVersion设置>=29后在Android10+系统设备不支持当前路径”的问题

  • sscms(siteserver)新建站点具体方法

    sscms(siteserver)新建站点具体方法

    假设现在有www 5imoban net,已经有这个站点了,现在想在这个站点下再建个独立的站点,域名为tool 5imoban net。假设站点是基于sscms,也就是siteserver创建的。

  • vue3 动态设置和获取ref

    vue3 动态设置和获取ref

    vue3设置和读取静态ref的方法

  • CSS3 inset属性详解

    CSS3 inset属性详解

    inset是top、left、right、bottom的一个简写方式。insert对非静态定位的元素不会生效,也就是只有设置position被设置的时候生效,这就和top之类一样。

  • vue2、vue3 播放rtsp视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264如何播放

    vue2、vue3 播放rtsp视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264如何播放

    vue2、vue3 播放rtsp视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264如何播放

  • 详细的webrtc-streamer访问摄像机视频流教程

    详细的webrtc-streamer访问摄像机视频流教程

    最近公司在搞流媒体,我推荐了webrtc-streamer进行搭建,使用了一段时间后,出现新的需求,需要将内网的摄像机进行公网访问,我查询了几乎所有的帖子和github的问题回复,都没有给我一个准确的答案,经过不断尝试和摸索,我终于成功了,我希望将我的过程记录下来,让更多的中国开发者可以少走弯路,我对于webrtc不是很了解,但是这并不影响我使用开源的webrtc-streamer进行

  • photo-sphere-viewer 加载瓦片,大大优化加载速度

    photo-sphere-viewer 加载瓦片,大大优化加载速度

    photo-sphere-viewer实现全景的方法如下

  • photo-sphere-viewer瓦片加载模式下如何切换场景

    photo-sphere-viewer瓦片加载模式下如何切换场景

    在使用photo-sphere-viewer进行全景制作时,如果不采用瓦片方式(Equirectangular tiles),全景切换提供了一个方法

  • 解决:Component name

    解决:Component name "index" should always be multi-word

    要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以Index vue 会报错

  • win11 alt+tab切换不了,winkey点击不了

    win11 alt+tab切换不了,winkey点击不了

    win11突然alt+tab切换不了界面了,winkey点击不了

  • 完整记录一下Web前端直传阿里OSS大文件+采用后端临时授权传stsToken的方式

    完整记录一下Web前端直传阿里OSS大文件+采用后端临时授权传stsToken的方式

    最近一段时间领导让我跟踪研究一下云服务系统的文件上传功能。问题的背景是,①文件一旦超过100M以后上传耗时就变得很长;②超过500M以后出错的几率大大增加,用户体验极其不友好。

  • uni-app获取微信用户信息时报错:getUserInfo:fail 业务参数配置缺失

    uni-app获取微信用户信息时报错:getUserInfo:fail 业务参数配置缺失

    uni-app获取微信用户信息时报错:getUserInfo:fail 业务参数配置缺失

  • uni-app开发微信小程序,启动小程序时报错:project.config.json:libVersion 字段需为 string
  • vue3 tinymce编辑器上传视频插件封装

    vue3 tinymce编辑器上传视频插件封装

    vue3项目使用tinymce作为编辑器,tinymce默认的视频是不能上传的,仅支持网络地址,官方插件也看了下,没有视频上传插件。客户要求必须能够上传,而且还要限制上传大小。

  • Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined

    Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined

    我爱模版网在使用 `@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画布上并点击画布保存图片到相册

    uniapp微信小程序将base64图片绘制到canvas画布上并点击画布保存图片到相册

    uniapp微信小程序将base64图片绘制到canvas画布上并点击画布保存图片到相册

  • 微信小程序导出base64格式的excel并自动打开

    微信小程序导出base64格式的excel并自动打开

    微信小程序导出base64格式的excel并自动打开

  • 响应式开发通过修改viewport实现pc版和手机版的切换

    响应式开发通过修改viewport实现pc版和手机版的切换

    一般情况下,pc版和手机版的切换,比如在网站底部搞个按钮,手机下显示pc版,pc下显示手机版,这种都不是响应式,而是手机一套模板,pc一套模板。响应式不用这个,它是自适应的。但是,客户不懂啊,非要在手机下能切换到pc看效果

  • Three.js背景透明度

    Three.js背景透明度

    Three js背景透明度

  • Three.js加载.obj模型文件

    Three.js加载.obj模型文件

    使用三维软件导出 obj模型文件的时候,会同时导出一个材质文件 mtl, obj和 stl文件包含的数据一样都是几何体对象的顶点位置、顶点法向量等顶点相关数据, 材质文件 mtl包含的是RGB颜色值等材质信息。

  • Could not retrieve https://npm.taobao.org/mirrors/node/index.json.

    Could not retrieve https://npm.taobao.org/mirrors/node/index.json.

    运行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 '@'

    webpack 打包css时提示Unexpected character '@'

    webpack 打包css时提示Unexpected character @

  • element-plus v-for循环中form表单必填校验

    element-plus v-for循环中form表单必填校验

    element-plus v-for循环中form表单必填校验其实注意两点就能很好实现1、循环中的el-form-item的props必须是唯一的【字符串】,主要是为了校验时找到相应的dom:

  • threejs 自适应obj模型

    threejs 自适应obj模型

    我爱模板网在做一个模型展示的站点时,客户上传的模型太大了,导致显示出了问题

  • vue3 获取当前页面路由信息的几种方法

    vue3 获取当前页面路由信息的几种方法

    获取路由有四种方法,获取到的path和fullpath的区别是fullpath会携带参数,所以要根据业务需求获取不同的数据项。

  • 百度编辑器ueditor粘贴文本 自动添加white-space为nowrap的解决方法

    百度编辑器ueditor粘贴文本 自动添加white-space为nowrap的解决方法

    百度编辑器ueditor粘贴文本 自动添加white-space为nowrap的解决方法

  • npm install报错 npm ERR! Unexpected token '.'解决办法

    npm install报错 npm ERR! Unexpected token '.'解决办法

    npm install报错 npm ERR! Unexpected token 解决办法

  • 小程序纯前端实现导出导入excel表格

    小程序纯前端实现导出导入excel表格

    点击下载:xlsx js文档:https: docs sheetjs com 纯前端导入excel代码:constXLSX=require(& 39; utils xlsx js& 39;)functionimportUs

  • UEditor百度编辑器粘贴本地图片上传并回显

    UEditor百度编辑器粘贴本地图片上传并回显

    UEditor百度编辑器粘贴本地图片上传并回显

  • Cannot find module 'vite'. Did you mean to set the 'moduleResolution' option

    Cannot find module 'vite'. Did you mean to set the 'moduleResolution' option

    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报错

    vue3+vite+electron 渲染进程使用ipcRenderer报错,使用require报错

    vue3+vite+electron 渲染进程使用ipcRenderer报错,使用require报错

  • Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

    Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

    这个错误是由于在 TypeScript 配置文件(tsconfig json)中使用了 --resolveJsonModule 选项,但是没有正确配置 moduleResolution 选项。

  • vue3 setup中使用$t,Vue3国际化中 setup 声明的$t('title')在主动切换时不实时变化

    vue3 setup中使用$t,Vue3国际化中 setup 声明的$t('title')在主动切换时不实时变化

    此时可以渲染出对应语言下的title,可是当切换语言无法实时变化,$t 在setup 的声明中不生效原因是本身$t() 该函数并不是一个响应式的方法,所以需要通过Vue3的方法使其变成响应式,这边使用了计算属性来监听

  • js 方法使用endsWith

    js 方法使用endsWith

    endsWith() 是 JavaScript 中字符串对象的一个方法,用于检查一个字符串是否以指定的子字符串结尾。

  • unplugin-vue-components

    unplugin-vue-components

    unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件),作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后,不需要手动编写 import { Button } from ant-design-vue 这样的代码了,插件会自动识别template中使用的自定义组件并自动注册。

  • unplugin-vue-components

    unplugin-vue-components

    unplugin-vue-components 是由 Vue官方人员开发的一款自动引入插件,可以省去比如 UI 库的大量 import 语句。unplugin-vue-component

  • unplugin-vue-components 和 unplugin-auto-import

    unplugin-vue-components 和 unplugin-auto-import

    本文介绍了如何在Vue项目中使用unplugin自动导入第三方库和组件,以及如何配置unplugin-auto-import和unplugin-vue-components插件,包括resolvers和文件路径设置。

  • [git] out of memory malloc failed 解决

    [git] out of memory malloc failed 解决

    Fatal: Out of memory, malloc failed (tried to allocate 42446849 bytes)

  • uniapp在vue3组合式写法中获取组件实例的正确姿势

    uniapp在vue3组合式写法中获取组件实例的正确姿势

    在选项式写法中,in(this)需要指定它在哪个组件实例内部执行,这是为了确保查询的上下文正确。

  • TypeScript 组件开发中的常见问题

    TypeScript 组件开发中的常见问题

    在现代前端开发中,TypeScript 由于其强大的类型系统和对 JavaScript 的增强功能,已成为许多团队的首选。特别是在大型项目和组件库的开发中,TypeScript 可以显著提高代码的可维护性、可读性和可靠性。

  • TypeScript的类型定义

    TypeScript的类型定义

    原始类型文本const value1 = ref<string>(& 39;我是文本& 39;)数值const value2 = ref<number>(100)布尔const value3 = ref<boole

  • element-plus中实现点击按钮触发el-image进行图片预览

    element-plus中实现点击按钮触发el-image进行图片预览

    element-plus中实现点击按钮触发el-image进行图片预览

  • js去除html字符串中的style样式

    js去除html字符串中的style样式

    js去除html字符串中的style样式

  • 正则去除html字符串中style属性里的width样式

    正则去除html字符串中style属性里的width样式

    js如何利用正则去除html字符串中style属性里的width样式

  • 解决curl error 28 while downloading https://repo.packagist.org/packages.json: Timeout was reac head

    解决curl error 28 while downloading https://repo.packagist.org/packages.json: Timeout was reac head

    解决curl error 28 while downloading https: repo packagist org packages json: Timeout was reac head

  • thinkphp The requested URL was not found on this server.
  • uni-app require引入文件没有被编译到小程序的解决方法

    uni-app require引入文件没有被编译到小程序的解决方法

    uni-app require引入文件没有被编译到小程序的解决方法

  • thinkphp 隐藏入口index.php的nginx配置

    thinkphp 隐藏入口index.php的nginx配置

    thinkphp 隐藏入口index php的nginx配置

  • 无限debbugger不会真正得死循环,而是有规律得执行逻辑,一般用定时器

    无限debbugger不会真正得死循环,而是有规律得执行逻辑,一般用定时器

    JS中的定时器 是setInterval ,参数:第一个参数是要定时执行的代码,第二个参数是时间。

  • HarmonyOS next使用隐式Want打开网址,鸿蒙next启动浏览器打开网址

    HarmonyOS next使用隐式Want打开网址,鸿蒙next启动浏览器打开网址

    HarmonyOS next 鸿蒙next启动浏览器打开指定的网址,假设设备上安装了一个或多个浏览器应用。为了使浏览器应用能够正常工作,需要在 entry src main module json5配置文件进行配置,具体配置如下

  • 鸿蒙next,harmonyOs next开发中如何实现固定定位,即类似css中的fixed定位

    鸿蒙next,harmonyOs next开发中如何实现固定定位,即类似css中的fixed定位

    在鸿蒙next,harmonyOs next的ArkTS开发中,虽然有position通用属性,但是仅仅支持绝对定位和相对定位,没有固定定位,即类似CSS中的fixed定位。

  • HarmonyOS:基于 emitter 封装了一个便捷的 EventBus 事件通知

    HarmonyOS:基于 emitter 封装了一个便捷的 EventBus 事件通知

    HarmonyOS:基于 emitter 封装了一个便捷的 EventBus 事件通知

  • 鸿蒙开发harmonyos next修改了app.json5的bundleName真机运行报错

    鸿蒙开发harmonyos next修改了app.json5的bundleName真机运行报错

    我爱模板网最近在开发鸿蒙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.

    It's not a recommended way to export struct with @Entry decorator, which may cause ACE Engine error in component preview mode.

    It s not a recommended way to export struct with @Entry decorator, which may cause ACE Engine error in component preview mode

  • 鸿蒙配置Version版本号,鸿蒙获取Version版本号

    鸿蒙配置Version版本号,鸿蒙获取Version版本号

    鸿蒙配置Version版本号,鸿蒙获取Version版本号

  • harmonyOS terminateSelf,鸿蒙关闭APP

    harmonyOS terminateSelf,鸿蒙关闭APP

    harmonyOS是一款开源的操作系统,它旨在提供一致的应用开发框架和一体化的设备生态系统。其中一个重要的功能是terminateSelf,它允许应用程序自行终止。

  • harmonyOS terminateSelf方法销毁当前应用之后并没有在后台任务列表中删除

    harmonyOS terminateSelf方法销毁当前应用之后并没有在后台任务列表中删除

    harmonyOS terminateSelf方法销毁当前应用之后并没有在后台任务列表中删除

  • request to https://registry.npm.taobao.org/vuedraggable failed, reason: certificate has expired

    request to https://registry.npm.taobao.org/vuedraggable failed, reason: certificate has expired

    用淘宝镜像安装依赖时,提示: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.

    Error: The project seems to require yarn but it‘s not installed.

    Error: The project seems to require yarn but it’s not installed

  • Disconnected: No supported authentication methods available(server sent: publickey)

    Disconnected: No supported authentication methods available(server sent: publickey)

    Disconnected: No supported authentication methods available(server sent: publickey)

  • xshell如何使用公钥进行连接 xshell公钥免密码登录

    xshell如何使用公钥进行连接 xshell公钥免密码登录

    xshell免密登录使用密钥登录分为3步: 客户机(Xshell客户端)生成密钥(公钥与私钥); 放置公钥(Public Key)到服务器(linux)~ ssh

  • git提示git repository path

    git提示git repository path "xxx" is not owned by current user

    今天我爱模板网重装了系统,然后安装配置好git后,去拉取之前的代码,发现提示: git repository path "xxx " is not owned by current user

  • js获取URL中queryString传参和hash传参

    js获取URL中queryString传参和hash传参

    js获取URL中queryString传参和hash传参

  • xlsx导出Excel,Postman导出正常但是Vue导出Excel文件损坏

    xlsx导出Excel,Postman导出正常但是Vue导出Excel文件损坏

    xlsx导出Excel,Postman导出正常但是Vue导出Excel文件损坏

  • 【nginx配置】try_files详解

    【nginx配置】try_files详解

    1 try_files详解try_files主要是能替代一些rewrite的指令,提高解析效率;1 1 try_files的语法格式1:try_files file uri;格式2

  • 修改el-tabs下划线的样式

    修改el-tabs下划线的样式

    修改el-tabs下划线的样式

  • TypeScript declare module

    TypeScript declare module

    在 TypeScript 中,declare module 语句用于扩展或修改现有的模块的类型定义,而不需要提供具体的实现。这通常用于为第三方库或模块声明类型,特别是当库本身没有提供类型定义文件时。

  • ios input type=search搜索框自带搜索图标

    ios input type=search搜索框自带搜索图标

    ios input type=search搜索框自带搜索图标

  • 鸿蒙next,harmony next实现瀑布流效果

    鸿蒙next,harmony next实现瀑布流效果

    鸿蒙next,harmony next的组件WaterFlow就是瀑布流组件,官方也有相关示例,但是并没有给出自动计算图片高度,下面是通过Image的onComplete计算出图片的宽高,集合WaterFlow组件实现瀑布流效果。

  • 鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)

    鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)

    鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)

  • 鸿蒙NEXT arkUI TextInput组件获取焦点的几种场景

    鸿蒙NEXT arkUI TextInput组件获取焦点的几种场景

    鸿蒙NEXT arkUI TextInput组件获取焦点的几种场景

  • ArkTs @builder装饰器函数传参响应问题

    ArkTs @builder装饰器函数传参响应问题

    ArkTs @builder装饰器函数传参响应问题

  • 封装鸿蒙HarmonyOS preferences首选项保存获取数据工具类

    封装鸿蒙HarmonyOS preferences首选项保存获取数据工具类

    工具类,包括创建Preferences首选项、保存和获取对应Key的数据等方法

  • 【ArkTs】Stage模式选取的图片转成base64上传图片

    【ArkTs】Stage模式选取的图片转成base64上传图片

    【ArkTs】Stage模式选取的图片转成base64上传图片

  • arkts的PixelMap转Base64的方法

    arkts的PixelMap转Base64的方法

    arkts的PixelMap转Base64的方法