Young

js比较两个对象数组,取出不同的值

vailook — Wed, 24 Jun 2020 17:32:57 +0800

window.onload和DomContentLoaded

vailook — Mon, 08 Jun 2020 11:51:22 +0800

window.addEventListener('load', function () { // 页面的全部资源加载完才会执行，包括图片、视频、css、js等 }) document.addEventListener('DOMContentLoaded', function () { // DOM 渲染完即可执行，此时图片、视频还可能没有加载完 }) 如果你是个jQuery使用者，你可能会经常使用$(document).ready();或者$(function(){})，这都是使用了DOM

vue移动端better-scroll简单应用

vailook — Thu, 05 Mar 2020 10:00:34 +0800

页面滚动插件：better-scroll （是iscroll的一个封装，但使用比iscroll友好） 1.git文档：https://github.com/ustbhuangyi/better-scroll.git 2.安装 npm install better-scroll --save 3.生命周期函数mounted中实例化Bscroll 4.导入文件 import BScroll from ...

stylus

vailook — Sun, 01 Mar 2020 09:03:22 +0800

npm install stylus --save npm install stylus-loader --save Stylus官方文档 stylus中文版参考文档

vue相关知识连接地址

vailook — Sat, 29 Feb 2020 11:16:20 +0800

路由相关 vue router官方文档路由基础应用一路由基础应用二配置相关启动vue时ESlint报错根目录文件说明环境搭建环境配置

Vue项目根目录文件说明

vailook — Sat, 29 Feb 2020 09:21:47 +0800

$ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ├── build/ # webpack配置文件 │ └── ... ├── config/ │ ├── index.js ...

windows下搭建vue开发环境

vailook — Fri, 28 Feb 2020 12:34:25 +0800

一、在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的包管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64，然后傻瓜式安装即可。网址：http://nodejs.cn/download/；下载好node之后，打开docs管理工具，先看看node安装成功了没有。输入 node -v 回车，会输出node...

Vue生命周期函数

vailook — Tue, 25 Feb 2020 09:18:37 +0800

2、在使用编辑器的地方插入HTML控件

query($sql);
    $row=$db->fetchALL($r);    for ($i=0; $i <count($row) ;$i++) {         $v = $row[$i]['catid'];
        $c_sql = "SELE
</article>
<article>
<h1>CSS3 常用四个动画（旋转、放大、旋转放大、移动）</h1>
<p>vailook — Thu, 13 Jul 2017 14:46:46 +0800</p>
CSS3 常用四个动画（旋转、放大、旋转放大、移动）

在页面设计中，给一些图标或者图片加上一些动画效果，会给人非常舒服的感觉。这里收集了四个常用动画效果，以便不时之需。

转载原文

效果一：360°旋转 修改rotate(旋转度数)
* {
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s e
</article>
<article>
<h1>Web 前端知识体系精简</h1>
<p>vailook — Thu, 22 Jun 2017 14:34:30 +0800</p>
作者：一像素 
www.cnblogs.com/onepixel/p/7021506.htmlWeb前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点
</article>
<article>
<h1>phpcms会员中心上传图片,传递参数有错误提示解决办法</h1>
<p>vailook — Thu, 22 Jun 2017 14:23:45 +0800</p>
<input type="button"  class="button" value="多文件上传" onclick="javascript:flashupload('work_teacher_multifile', '附件上传','work_teacher',change_multifile,'1,gif|jpg|jpeg|png|bmp|doc|docx|xls|zip,0','content'
</article>
<article>
<h1>jquery 锚点跳转滑动效果</h1>
<p>vailook — Tue, 16 May 2017 09:07:49 +0800</p>
$(function(){  
            //锚点跳转滑动效果  
            $('a[href*=#],area[href*=#]').click(function() {  
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
</article>
<article>
<h1>javascript 正则表达式 匹配更新号码段</h1>
<p>vailook — Mon, 15 May 2017 10:37:45 +0800</p>
$tel = '手机号';
var regex= /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
!regex.exec(tel){
	//code
}
</article>
<article>
<h1>javascript用对象方法实现数组去重并排序</h1>
<p>vailook — Thu, 04 May 2017 15:58:06 +0800</p>
//用对象方法实现数组去重
		Array.prototype.unique = function() {
			var newArr = [];
			for (var i = 0; i < this.length; i++) {
				if(newArr.indexOf(this[i]) == -1){
					newArr.push(this[i]);
				}
			}
			ret
</article>
</main></body></html>