- 博客(66)
- 收藏
- 关注
RSS订阅原创 检测对象是否有属性的存在中in运算符和hasOwnProperty()的区别
function User(){ name:'lili'}User.prototype.age = '18'let p1 = new User()// 使用in判断对象是否有属性时,若自身没有，在原型中找到也是返回trueconsole.log("age" in p1) //true//使用hasOwnProperty()判断对象是否包含有属性时，只有自身有才返回trueconsole.log(p1.hasOwnProperty('age')) //false// ...
2021-04-19 17:21:58
208
原创 对象属性获取的方式有二种.和[]，区别是什么
var obj = { name:'lili', age:'18', eat:function(){ console.log('1111') }}console.log(obj.name) //liliconsole.log(obj['name']) //lili区别：1.点方法后面跟的必须是一个指控的属性名称，而中括号方法里面可以是变量2.点方法里面不可以是数字，但是种括号里面可以是变量3.当动态为对象添加属性时，必须使用中括号[],不可用点
2021-04-19 17:04:57
257
原创 深入理解js深浅拷贝
一、基本概念要深入理解深浅拷贝，那么需对计算机语言的堆和栈有一定的理解。栈：javascript的基本类型就5种：Undefined 、Null、Boolean、Number和String,它们都是直接按值存储在栈中，每种类型的数据占用的内存空间的大小是确定的，栈由系统自动分配。堆：javascript中其他类型的数据被称为引用类型的数据;如对象(Object)、数组(Array)、函数(Function)…引用类型的数据的地址指针是存储于栈中的，当我们想要访问引用类型的值时，需要先从栈中获得对象的
2021-01-25 10:47:18
250
原创 css 的 class常用命名
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu
2021-01-21 15:08:50
227
原创 如何用koa框架搭建简单的node服务
新建koa文件夹一、安装cnpm init -ycnpm i -S koa koa-router 二、引入const koa = require('koa');const Router = require('koa-router');三、使用const app = new koa();const router = Router();router.get('/api/demo', (ctx,next)=>{ var obj = {name: 'Alisa'} c
2021-01-20 15:44:49
158
原创 如何用express框架搭建node服务(路由、中间件、接口、日志、控制器)
node：node是js在后端的一个运行时环境express: 是基于node的框架，能够快速构建web应用一、安装安装node,去官网下载，安装node长期稳定版本新建项目工程文件夹cnpm init -y 创建package.json文件cnpm i -S express 安装express模块cnpm i -S express body-parser 安装bodyParser，bodyParser中间件用来解析http请求体二、引入import logger from "
2021-01-20 15:20:27
194
原创 如何搭建简单的node服务
npm init -y 创建package.json文件安装依赖包 cnpm i -S express body-parservar express = require("express");//用于http请求body的解析var bodyParse= require("body-parser");var app = express();// 定义get接口app.get("/",function(req,res){ //返回字符串给浏览器 res.send('hello.
2021-01-18 13:12:19
143
原创 vue slot插槽有几种，怎么用
1. slot非具名插槽2. slot具名插槽3. slot的作用域父组件代码<template> <div> <h1>part1 </h1> <part2> <!-- 1. slot非具名插槽 --> 昨夜西风凋碧树 独上高楼，望尽天涯路 <!-- 2. slot具名插槽 --> <p slot="m
2020-12-09 14:20:49
432
原创 vue+element-ui的弹框
<el-dialog :visible.sync="deleteConfirm" width="400px" :showClose="false" v-dialogDrag > <div slot="title" class="dialog-title">系统提示 <span class="dialog-icon"> <i class="el-icon-close" @click="cl
2020-09-18 10:32:59
472
原创 vue+element-ui 表格分页
先上代码~<el-pagination @size-change="handleSizeChange" //每页的条数改变时候触发 @current-change="handleCurrentChange" // 当前页码改变时候会触发 :current-page="currentPage" //当前页 :page-sizes="[50, 100, 500]"// 每页显示个数选择器的选项设置 :page-size="PageSize" // 每页显示的条数
2020-09-18 10:05:32
175
原创 vue+element-ui上传图片的方法
用element-ui上传图片的方法，详细了解~<el-upload class="upload-demo" action="" ref="upload" multiple :limit="5" :auto-upload='true' :on-exceed="handleExceed" :before-upload="beforeUpload" :http-request="uploadFile" :on-remove=
2020-09-18 09:14:47
650
原创 前端下载word、zip、excel文件的方法
下载worddownFileFn (url: any, fileName: any, data: any) { // 导出 axios.get(url, { responseType: 'blob', headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' }, params: data }).then((res: any) .
2020-09-17 15:52:54
1194
原创 vue-cli3快速创建项目和引入element-ui
安装node.js注册cnpm 来代替npm,使用命令：npm install cnpm -g --registry=https://registry.npm.taobao.org安装vue 命令：cnpm install vue安装vue脚手架vue-cli，命令：cnpm install -g vue-cli创建项目 vue create test[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VZgh9xlI-1600308039975)(0FB49DC0.
2020-09-17 10:03:31
906
1
原创 vue菜单栏刷新仍高亮
简单粗暴，直接上代码~:default-active="$route.path"routerel-submenu 里的index :index=" '/'+item.url"不要忘记'/'亲测有效！！！
2020-08-18 17:14:00
263
原创 js算出此时此刻的时间和距离某一天的时间
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content="width=device-width, initial-scale...
2019-07-15 11:14:55
644
原创 js如何计算此时此刻的时间
如何计算此时此刻的时间，其实非常简单。只需要掌握时间的api既可以计算出来。<!DOCTYPE html><html> <head> <style> </style> <script src="../../../201902/demo09/js/jquery.min.js"></script> &...
2019-07-04 17:50:30
337
原创 轮播图之缩略图API
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="swiper.min.css"> <script src="swiper.min.js">...
2019-05-13 11:49:37
417
原创 angular之$location基本用法
一. 获取url的相关方法:以’https://localhost:8080/tblog.csdn.net/lixiaoyan_star/article/list/index.html/#/foo#myhash?orderby=ViewCount’为例获取当前完整的url路径:$location.absUrl();https://localhost:8080/blog.csdn.net...
2019-05-10 10:45:57
179
原创 angular的filter过滤器
输入过滤器可以通过一个管道字符（|）和一个过滤器添加到指令中，该过滤器后跟一个冒号和一个模型名称。filter 过滤器从数组中选择一个子集：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="...
2019-05-09 18:10:49
294
原创 angular的过滤器
angular过滤器可以使用一个管道字符（|）添加到表达式和指令中。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.j...
2019-05-09 17:42:40
144
原创 angular的$scope
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scri...
2019-05-07 18:05:03
288
原创 表单常用的angular指令
ng-model 指令根据表单域的状态添加/移除以下类：1.input为为空的时候ng-empty2.input不为空的时候ng-not-empty3.控件已失去焦点ng-touched4.控件未失去焦点的时候ng-untouched5.验证通过ng-valid6.验证失败ng-invalid7.控件输入值已变更ng-dirty8.ng-pristine控件为初始状态9.ng-p...
2019-05-07 17:36:04
198
原创 angular的ng-model指令
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scri...
2019-05-07 17:17:47
347
原创 angular的ng-init指令
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scri...
2019-05-07 16:17:05
787
原创 angularJS应用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scri...
2019-05-07 16:07:22
83
原创 JS如何实现升序降序
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> function sortUp(a,b){ return a-b; ...
2019-05-07 11:37:19
1418
原创 vue导航守卫如何运用
每个守卫方法接收三个参数：to: 即将要进入的目标 路由对象from:当前导航正要离开的路由next:: 放行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../node_modul...
2019-04-18 15:05:24
237
原创 vue-router命名路由
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../node_modules/vue/dist/vue.js"></script> <script src=".....
2019-04-18 10:12:08
199
原创 vue框架的vue-router路由的运用
用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。<!DOCTYPE html><html> <head>...
2019-04-18 09:58:01
119
原创 如何用vue的computed的set和get方法
如何用vue的computed的set和get方法默认只有getter可以获取值对计算属性设置值，会调用计算属性的setter方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../n...
2019-04-17 16:37:28
929
原创 如何学习vue的计算属性computed
vue的计算属性computed任何复杂逻辑，在vue里都应当使用计算属性computed，计算属性是方法而不是属性，我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。下面是一个小demo，有助于大家理解和运用computed属性<!DOCTYPE ...
2019-04-17 16:14:40
180
原创 从下往上显示的弹出框动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalab...
2019-04-16 11:58:20
1349
原创 vue父传子的使用
vue父传子的使用vue父传子需要注意的几点，先分别声明局部组件，再声明入口文件，局部组件挂载到入口文件，入口文件挂载到vue实例上。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <sty...
2019-04-03 15:16:26
453
原创 vue的局部组件如何使用
vue的局部组件使用，需要先声明一个组件，然后挂载到全局组件的components,再使用。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="node_modules/vue/dist/vue...
2019-04-02 16:06:14
492
原创 Vue全局组件的使用
vue组件化是非常方便的，能节省很多代码量，那么vue的全局组件是如何使用呢，首先先声明一下，然后将自定义的组件标签插入到代码中。下面是一个小案例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script sr...
2019-04-02 14:50:22
670
原创 如何用vue做计算器功能
大家都知道vue是数据驱动视图的一个javascript框架，彻底解放dom操作，今天我们用vue做一个计算器的功能，会发现vue对于数据操作是非常好用的，下面是小案例。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l...
2019-04-02 11:47:01
3100
原创 js反弹运动
js反弹运动<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .ball { width: 30px; hei
2019-03-04 16:44:50
201
原创 $.each的使用
$.each的使用<script> // 1.遍历一维数组 var arr=["aa","bb","cc","dd","ee"]; $.each(arr,function(i,val){ console.log(i+'...'+val) }) // 2.遍历二维数组 var arr1=[["aa","bb&
2019-03-04 10:28:04
510
原创 js文字滚动事件
js文字滚动事件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .inner{position:relative;height:70px;margin:100px au
2019-03-01 16:14:46
770
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人