- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 if(0)判断直接不执行
if(i) //此时为if(0) , 0为假, 不满足, 不会执行里面代码if (0) { // 表达式为数值0、null、undefined、false、空字符串时，条件不成立 // 不执行} if (!0) { // 非0数值条件成立，如-1、-2、-3、1、2、3... // 执行} ...
2021-08-10 14:59:10
1770
原创 vue组件通信之Bus全局使用
bus定义到全局：app.jsvar eventBus = { install(Vue,options) { Vue.prototype.$bus = vue }};Vue.use(eventBus);在组件中，可以使用$emit， $on， $off 分别来分发、监听、取消监听事件：分发事件的组件methods: { todo: function () { this.$bus.$emit('todoSth', params); //pa
2021-08-06 10:18:34
516
原创 Vue组件通信之Bus
理解：兄弟之间的传值1.新建一个jsimport Vue from 'vue'const bus = new Vue()export default bus2.在父组件引入组件import CardApplet from '@/views/home/child/CardApplet'import Clipboard from '@/views/home/child/Clipboard '3.子组件CardApplet传值给Clipboard 子组件Car...
2021-08-06 10:13:31
60
原创 前端基础面试问题
1、什么是H5；有哪些特点；H5是指的是HTML超文本标记语言（HTML）的第五次重大修改，HTML的第五代。特点:语义化标签是网页加载速度更快，如header，footer，nav，section，article，aside,增加了音频，视频标签，取代了falsh，如audio，videocanvas标签，可在页面绘制图形或者动画支持手机和平板的响应式布局2、什么是响应式；针对不用的屏幕显示不同的网页布局，比如说大屏幕手机、小屏幕手机、平板能够适应不同的屏幕来显示网站。3、ht
2021-08-03 15:19:04
64
原创 forEach() 方法循环后 return false不生效
方法1：var lock = true;var data=[1,2,3,4,5];data.forEach(function(val,index){ if(index==1){ lock = false; } if (!lock) return false;});方法2：改用for循环
2021-08-02 16:04:50
1001
原创 子组件动态添加、删除
父组件<template><div> <child-page v-for="(item,index) in items" :key="index" :index="index" :items="items" :lock="lock" :qrCodeId="qrCodeId" @
2021-08-02 15:53:02
198
原创 快速点击，异步接口请求，怎么展示最后一次请求数据
1.定义数字变量data() { return { num: 0 } },2.接口方法处理 mArticleSelectList(ids) { let that = this this.num ++; let a = this.num; let data={} api_home.posterList(data) .then((res) => { conso..
2021-08-02 15:37:35
177
原创 npm install安装项目太慢或者卡住了怎么办
最近接的vue新项目习惯性的用npm install去安装，但是安装了好几次都停在了同一个地方感觉特别浪费时间，然后同事给我发了个yarn。结果安装的速度像做了火箭一样嗖嗖嗖，为了满足我的好奇心，对yarn开始了一顿百度看到个把npm 和yarn作比较的文章记录记录链接:https://www.cnblogs.com/xuzhudong/p/9342430.html...
2021-07-20 16:22:17
561
原创 webpack的安装与使用（二）
一，webpack 1,打包输出管理 index.html根据项目的推进可能需要引入多个功能模块，那么在这主程序要引入多个bundle包，所以我们需要对每个功能模块打包，并引入 2，多个功能模块打包 创建功能模块 print.js, alert.js 在webpack.config.js中修改代码： ...
2018-08-16 20:37:26
138
原创 webpack的安装与使用（一）
一，webpack安装 两种安装方式 1）全局安装 命令：npm install --global webpck 可在全局环境下使用webpack 注意： 不推荐，全局安装会锁定版本，如果在使用不同 webpack版本的项目中，可能导致构建失败 2）本地安...
2018-08-16 20:36:35
317
原创 highcharts的基本运用与分析
一、highcharts 1.简介 highcharts 是一个纯js编写的图标库,能够简单便捷的在web网站上添加交互性的图表,支持：直线图,曲线图,面积图,柱状图,饼状图,散点图等18中不同类型的图表 优点： 免费开元,兼容性好,纯js开发,图表类型丰富,具有动态性,图表导出和打印功能,坐标轴设置,图表缩放,支持外部数据加载 ...
2018-08-16 20:22:02
620
转载 前端模块的基本操作与介绍（二）
一、seajs config 配置信息 用于配置seajs的一些选项参数,接收一个对象,该对象的属性值,就是我们的配置选项 1. alias 定义模块别名 当我们引入一些基础库时,经常会涉及到版本升级(版本号发生改变),此时在每个模块中修改版本号风险是比较大的,如果使用alias定义这个模块,使用时引用别名,更新时改变需要修改的版本即可 ...
2018-08-16 08:18:43
349
转载 前端模块化基本操作与介绍（一）
一。前端模块化-seajs 1，提出问题 为什么要用前端模块化 1）防止全局变量污染，重名 2）当引入工具库时，工具库中的变量名与我们定义的属性或方法重名 3）当我们使用一些工具库时，我们需要手动的将工具库依赖写入到页面 4）通用组更新了前...
2018-08-16 08:17:39
446
转载 sass
一、sass 1.解决中文报错 在ruby中找到engine.rb文件,在该文件require XXXX 后边写上： Encoding.default_external = Encoding.find('utf-8') 2.作用域对混合以及继承的影响 sass中： 定义在作用域内部的混合,在外部无法访问...
2018-08-16 08:15:50
181
转载 less与sass
一、LESS 1.字符串方法 escape(str):将字符串做url转码 参数是需要转码的字符串,将空格,等号 等字符转义 e():表示对字符串不做编译 replace():替换字符串中的子串 参数1：源字符串 参数2：被替换的字符串 参数3：替...
2018-08-16 08:15:10
307
转载 less(一)
一、LESS 1.条件判断 在less中我们可以通过条件判断实现渲染不同的样式,有点像switch,不是通过if实现的,而是when实现 在when方法中添加条件时,不需要单位 当判断相等时,使用=实现,没有==和=== 判断多个条件时使用and关键字,配合when使用 when and 判断非语句,使用...
2018-08-16 08:13:58
939
转载 typescript（二）
一、typescript 1，for of forEach() for in & for of //for of 忽略数组属性，但可以跳出循环 for(var x of arr1){ if(x>2) break; console.log('for of',x); ...
2018-08-16 08:12:47
291
转载 typescript(一)
一、typescript 1.简介 typescript是JavaScript的一个超集(遵循es6语法),是微软发明的 ts作为js的一个语法糖,类似于css的less和sass,ts相比js更易于维护开发,但是最后还是需要编译为js ts ==> Microsoft ts ==> Angular4 ==>...
2018-08-16 08:11:48
546
原创 es5和es6的函数区别，数组区别
一、函数扩展 1. rest参数 es6引入了rest参数(形式：'...args'),主要用于接受函数多余的参数,因此我们就不需要arguments这个对象了,rest参数对应的是一个数组,将多余的参数放进这个数组 注意：rest参数必须是尾参数,rest参数后边不能再有别的参数,否则会报错 数组的解构赋值与rest参数配合 2. ...
2018-07-27 17:15:51
780
原创 es5和es6的函数区别（一），什么是变量结构
一，变量结构 1，什么是解构 es6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring） 2,数组解构赋值 语法： let[a,b,c] = [1,2,3]; console.log(a,b,c); 从数组中取值，按照对应的位置，对变量进行...
2018-07-27 17:13:58
351
原创 es6基础语法
一，es6简介 ECMAScript 是一个标准 ECMAScript 5.1 2011年发布 es6就是es5的下一个版本，2015.6发布es6的第一版 es2015， 2016.6发布es6第二个版本 es2016 ，2017年发布es6第三个版本 es2017 es6 是涵盖了es2015,es2016,es2017等版本 es6 是严格版的es5...
2018-07-25 20:27:04
1480
原创 css3动画与变形
一、关键帧动画 animation 属性 两个关键：调用动画，定义关键帧 1，关键帧定义语法 @keyframes name{ from{ width:100px; }to{ width:200px; } }...
2018-07-24 17:18:13
326
原创 css3背景与效果
一、背景 background 1，回顾 background-color background-image background-position background-repeat background-size background-attachment:fixed 背景固定 ...
2018-07-24 17:16:42
473
原创 css3背景渐变与边框阴影
一、盒子阴影和文字阴影 box-shadow: 盒子阴影 ie9 5个参数： 参数1：水平偏移量 +- 必选 参数2：垂直偏移量 +- 必选 参数3：阴影模糊值 + 必选 参数4：阴影外延值 + 可选 参数5：阴影...
2018-07-24 17:15:09
3371
原创 css3基础介绍
一、css3选择器 1，css2.1选择器 标签 div 类 .class id #id 通配符 * 交集 div.d#id 并集 div,p,span,#id{} 后代 div p span 2，关系选择器 儿子 > ie7开始兼容 ...
2018-07-23 20:41:36
146
原创 ajax 文件上传&&表单发送
一、文件上传 1，文件的接收，超全局变量$_FILES $_FILES 是一个数组 1）$_FILES['fileName']['name'] 客户端上传文件原名 2）$_FILES['fileName'][type] 文件的类型，需要浏览器提供该信息的支持 eg: i...
2018-07-23 20:38:43
129
原创 ajax 请求数据接口
一、创建数据库创建表 1，创建数据库 $.post('php/createDB.php',{dbname:DBname},function(data){}); 参数1：ajax请求的接口文件 参数2：ajax请求发送的参数，键与在php文件中接收的键是一样的 参数3：回调函数，data就是php接口返回的数据 ...
2018-07-23 20:37:09
1615
原创 MYSQL语句查询
一、数据库查询语句 1.select * from table 通过*查询所有字段，但是不能规定字段的顺序，数据量特别大时查询效率太低，所有建议书写详细的条件查询 2.where 添加条件，删除，查询，更新 eg: select * from student where age>30; ...
2018-07-23 20:36:09
411
原创 MYSQL
一.补充 可变变量 $a = 'hello'; $$a = 'word'; $$$a = '123'; echo $hello; // 123二.数据库存储 数据库(Data Base) = 数据存储(table) + 数据操作API(应用程序接口) API:应用程序接口 (application inter...
2018-07-23 20:33:57
144
原创 php混合开发以及MYSQL
一、变量类型的转换 隐式转换： 1.'3'='13' 1+'3'=4 整型 1+1.1=2.1 浮点 强制转换： (int) 强制转换为整型 (bool) 强制转为布尔 (string) 强制转为字符串 (float) 强制转为浮点 (array) 强制...
2018-07-23 20:33:14
622
原创 php基础语法-变量
一、php基础语法 1.函数 php中的函数与js基本一样 但是php中没有所谓的构造函数，不能new，php中实例化对象要使用类(class) 注：函数内部不能使用函数外部的全局变量，如需使用传参数 2.数组 php中的数组与js中的数组差距有点大 php中定义数组的方式： 1...
2018-07-23 20:31:59
124
原创 php服务器 课堂随记（一）
一、服务器原理 1.学习目标 服务器原理 HTTP 后台语言与前台的区别 PHP基础语法 get与post请求 MySQL数据库 使用PHP+MySQL+HTML+CSS+js实现全站开发 学习服务器为以后的框架做基础：Ajax,nodeJS,angularJS,...
2018-07-23 20:30:45
162
原创 设计模式 随堂笔记（二）
一，适配器模式 定义： 将一个类（对象）的接口（对象的属性或方法）转换为另一个类（对象）的接口，可以满足用户的需求，使类之间的接口不兼容问题得到解决 1）这是结构型设计模式 2）是对被适配器的数据的一个分解在封装的过程 3）这个过程会造成一定的开销，但是相比修改原有数据逻辑成本要低的多 注意： 数据处理的模式有很多，这是一个...
2018-07-23 19:03:34
133
原创 设计模式随堂笔记（一）
一，设计模式 这是一套可复用的，被众人知晓得，经过编目分明的经验总结 作用：使用设计模式是为了可重用代码，让代码更容易理解，保证代码的可靠性，减少代码冗余，使用更少的代码实现更多的逻辑 1，四人帮 1995年 Erich Gamma， Richard Helm, Ralph Johnson ,John Vlissides合作出版了Design Pattern...
2018-07-23 19:02:18
230
原创 canvas(三) 贝赛尔曲线
一，贝赛尔曲线 1，二次贝赛尔曲线 语法： quadraticCurveTo(cx,cy,ex,ey); cx,cy:表示一个控制点的坐标 ex,ey:表示一个结束点的坐标 2，三次的贝赛尔曲线 语法: bezierCurveTo(cx1,cy1,cx2,cy2,ex,e...
2018-07-15 20:05:23
171
原创 canvas(二) 复合变形
一，canvas 1，全局复合图形操作 ctx.globalCompositeOperation = type; type用于设置新图形与原有图形的融合 type取值： 两种前缀： 以原图为准使用destination- 以新图为准使用source- d...
2018-07-15 20:02:34
402
原创 canvas笔记（一）
一，canvas 1,canvas基本用法 canvas是h5的一个新标签，画布标签 语法： <canvas width="200" height="200"> 您的浏览器不支持canvas，请升级 </canvas> canvas元素创建一个固定大小的...
2018-07-10 20:24:00
261
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人