- 博客(40)
- 收藏
- 关注
RSS订阅原创 JS面试题系列（一）深拷贝、浅拷贝
JS面试题系列（一）深拷贝、浅拷贝浅拷贝深拷贝深拷贝浅拷贝是一道常见的面试。浅拷贝直接赋值let a = { age: 1}let b = a;console.log(b) // {age: 1}a.age = 2;console.log(b) // {age: 2}弊端：对象在赋值的过程中其实是复制了地址，从而导致改变了一方其他也都被改变的情况。Oject.assign()Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到
2021-03-18 14:34:17
1032
原创 typesctipt（三）
接口接口定义前面我们说到，TypeScript 的核心之一就是对值（数据）所具有的结构进行类型检查，除了一些前面说到基本类型标注，针对对象类型的数据，除了前面提到的一些方式意外，我们还可以通过： Interface （接口），来进行标注。接口：对复杂的对象类型进行标注的一种方式，或者给其它代码定义一种契约（比如：类）接口的基础语法定义结构特别简单interface Point { x: number; y: number;}上面的代码定义了一个类型，该类型包含两个属性，一个
2020-09-08 16:04:23
210
原创 typesctipt（二）类型系统初识
类型系统初识什么是类型程序 = 数据结构 + 算法 = 各种格式的数据 + 处理数据的逻辑数据是有格式（类型）的数字、布尔值、字符数组、集合程序是可能有错误的计算错误（对非数字类型数据进行一些数学运算）调用一个不存在的方法不同类型的数据有不同的操作方式或方法，如：字符串类型的数据就不应该直接参与数学运算动态类型语言 & 静态类型语言动态类型语言程序运行期间才做数据类型检查的语言，如：JavaScript静态类型语言程序编译期间做数据类型检查的语言，如：Java
2020-09-07 17:16:18
224
原创 typesctipt（一）环境搭建与编译执行
TypeScript 初体验 - 环境搭建与编译执行文章目录TypeScript 初体验 - 环境搭建与编译执行学习目标环境搭建安装 `Node.js`安装 `TypeScript` 编译器编写代码编译执行一些有用的编译选项--outDir--target--watch编译配置文件指定加载的配置文件学习目标学会搭建 TypeScript 环境掌握 TypeScript 代码的编译与运行环境搭建TypeScript 编写的程序并不能直接通过浏览器运行，我们需要先通过 TypeScript 编译
2020-09-07 11:41:02
168
原创 typescript ----函数详解
函数详解文章目录函数详解学习目标函数的标注可选参数和默认参数可选参数默认参数剩余参数函数中的 this普通函数箭头函数函数重载学习目标掌握 TypeScript 中的函数类型标注函数可选参数和参数默认值剩余参数函数中的 this函数重载函数的标注一个函数的标注包含参数返回值function fn(a: string): string {};let fn: (a: string) => string = function(a) {};type callback =
2020-09-02 15:29:40
267
原创 ES6+ 新增数组方法
Array.fromArray Array.from(arrayLike[, mapFn[, thisArg]]) 将类数组转换成数组参数： arrayLike 类数组可选参数:mapFn 类似 map 方法，循环类数组时的回函函数，返回值组成新数组 thisArg mapFn 函数执行时的 this 指向返回值 根据 arrayLike 生成的新数组Array.isArrayBoolean Array.isArray(data) 检测数据是否是个数组参数： data 要检测的..
2020-08-07 15:51:19
159
原创 ECMAScript 6 基础
JavaScript 三大组成部分ECMAScriptDOMBOMECMAScript 发展历史https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Language_ResourcesECMAScript 包含内容：JS 中的数据类型及相关操作，流程控制，运算符及相关运算……ECMAScript 6let和constlet和var的区别let 允许声明一个在作用域限制在块级中的变量、语句或者表达式；块级作用域{}.
2020-08-07 15:47:24
91
原创 函数调用vue中的方法
mounted(){window.clearSelected = this.clearSelected;},外部函数中直接调用 clearSelected()即可
2020-04-28 10:01:57
1168
原创 gitlab本地文件上传到线上
创建一个空的目录；sudo git clone https://[email protected]/sina-ent/ent_h5_lm.git .把你的代码放到相应目录、sudo git add .sudo git commit -m ‘init code’sudo git push...
2020-03-11 13:53:24
300
原创 js数组随即取值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body></body><script> window.onload = function() { var arr = ["009", "0...
2020-01-09 09:59:58
243
原创 vue 星星组件
{seller.score: 4.2}import star from ‘components/star/star’;components: {star}//组件页面<template> <div class="star" :class="starType"> <span v-for="(itemClass,index) in itemC...
2019-12-17 16:21:04
178
原创 vue 背景图片
bg-image($url) background-image: url($url + "@2x.png") @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) background-image: url($url + "@3x.png")
2019-12-16 16:48:31
300
原创 vue 1px边框
border-1px($color) position: relative &:afterdisplay: blockposition: absoluteleft: 0;bottom: 0;width: 100%;border-top: 1px solid $color;content: ’ ’border-none() &:afterdisplay...
2019-12-16 16:46:51
3293
转载 Vue css各种居中显示、固定在屏幕某个位置
一、居中显示备注：其中的parent为上一层或者父布局；child为当前div1.1 水平居中已知宽度块元素宽度 :.child{width:1000px;margin:0 auto;}1文本内容居中:.parent{text-align:center;}1通过表格:.child{display:table;margin:0 auto;}1已知宽度,通过设置position...
2019-11-28 10:01:58
5484
原创 使用vue router 的过程中报错Error in render: "TypeError: Cannot read property 'matched' of undefined"
最近在使用vue router的过程中遇到了一个"TypeError: Cannot read property ‘matched’ of undefined" 这样的错误，也是找了很久，其实这是因为创建的router实例是有命名规范的import Vue from 'vue'import App from './App.vue'import rou from "./router/index...
2019-11-19 16:04:55
1272
原创 vue 简易购物车
简易购物车，增加减少删除，算商品总价<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>简易购...
2019-11-06 16:09:14
176
转载 vue模板中对图片src的动态引入（路径）问题
pay attention: 书写本文时vue的版本还是2.X。在做移动端项目时，底部导航的名称和图片习惯于用json文件中引入数据。而在vue项目中，当要在中动态引入图片时，若直接从json文件中导入item.src字段为’assets/image/XX.png’的值到:src="XXX"中时，会出现图片404的情况。如:这么循环引入img图片，页面会报404，表明从指定的路径上去找...
2019-10-22 17:42:06
2171
原创 vue项目中碰到的问题汇总（持续更新）
创建项目时提示权限不够，保存文件时一直提示输入密码，ERROR: “Failed to save. Insufficient permissions.”，使用如下方法解决，看评论有说不要轻易使用777，但是此方法是目前尝试的最有用的办法sudo chmod -R 777 filename...
2019-10-18 15:28:54
876
原创 vue3秒后显示隐藏显示其他元素
<template> <div id="halloween2019"> <!-- loading --> <div class="loading-page page-item" v-if="!show"> <v-loading>v-loading</v-loading> </div...
2019-10-17 10:45:39
2835
原创 vue中使用stylus
安装步骤基于使用vue-cli创建的项目。npm install stylus -D命令，在项目内安装stylus。（注意：命令结尾 -D 即是 --save-dev 的简写形式）需要安装loader，通过 npm install stylus-loader css-loader style-loader --save-dev修改webpack.base.conf.js 文件，在rules...
2019-10-15 14:52:15
143
原创 五、vue基本指令（二）— 事件绑定
1. 事件监听可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter ...
2019-10-12 18:32:22
163
原创 四、vue基本指令(一)
1. v-text更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>2. v-once通过使用 v-once 指令，你也能执行一...
2019-10-12 17:50:34
165
原创 三、vue-router
1. 介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定...
2019-10-11 18:40:59
156
转载 二、vue项目webpack打包
1.入口(entry) :使用哪个模块来构建内部依赖图的开始我们可以新建webpack.config.js来制定以上概念。接下来一项一项来解释。1entry（如下图所示，分为单入口、多入口、混合入口）2.输出(output) :在哪里输出它所创建的bundles及命名规则【tips】这里需要注意的用__dirname需要引用node自带的path【tips】filename中的[n...
2019-09-30 16:35:16
172
原创 一、vue创建项目
1.vue-cli脚手架安装1）检查node版本，4+； node -v2) 安装vue-cli sudo npm install -g vue-cli vue命令可确认是否安装成功3) 创建项目 vue init webpack 项目名 此处如有以下报错提示，可尝试添加sudorror: EACCES: permission denied, unlink '/User...
2019-09-30 16:14:42
119
原创 vue 星星组件
整个流程是:绑定星星类型的class(48,36,24尺寸),使用starTypehtml部分<div class="star star-48"><span class="star-item on"></span><span class="star-item on"></span><span class="star-it...
2019-09-20 17:44:54
488
原创 vue中事件绑定函数加括号和不加括号的区别
html代码<div id="example-2"> <button @click="test">测试</button></div>js代码new Vue({ el: '#example-2', data(){ return { } }, methods: { test(id){ cons...
2019-09-19 16:23:54
6158
1
转载 Flexbox解决sticky footer问题
html标签元素为：<header> <h1>Site name</h1> </header> <main> <p>Bacon Ipsum dolor sit amet... <!-- Filler text from baconipsum.com --></p> </main&g...
2019-09-18 17:41:36
110
原创 vue仿饿了么实例问题汇总1
backdrop-filter: blur(10px);这个属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。filter这其实是一种“假”模糊，需要一层做背景并使用filter属性达到模糊效果，另一层（在背景层之上）设置一个半透明的背景色。如下：...
2019-09-18 17:16:04
112
转载 vue仿饿了么项目--vue实现1像素边框问题
1像素边框问题其实就是Dpr的比例问题,例如 Retina屏设置1px边框，实际显示2px,因为Dpr是2,所以会显示为2px网上有很多方法:7 种方法解决移动端 Retina 屏幕 1px 边框问题目前这里用的是伪元素 + transform 实现:伪元素:总结伪类与伪元素::after 在某元素之后插入某些内容::before 在某元素之前插入某些内容原理是利用 :befor...
2019-09-16 20:30:16
470
原创 https改造
[重要，极易出错，易造成故障级影响]务必确保页面所有超链接url带完整协议名（‘http://’、‘https://‘等），不得使用相对协议名(’//’）<!-- 所有超链接url必须带完整协议名，不得使用相对协议（'//'） --><!-- 错误示例：<a href="//www.sina.com.cn">新浪首页</a> --><...
2019-09-12 10:22:52
440
原创 scrollToBottom
/** scrollToBottom({ container: window, target: '#j_demo', triggerDistance: 0, callBack: function(){ // 滚动到底部了 }, time: 300 }); */...
2019-06-24 16:57:26
2619
原创 微博墙
<div class="xlc-wb"> <h4 class="title">聊新浪潮论坛</h4> <link rel="stylesheet" href="http://news.sina.com.cn/css/268/2011/1110/17/weibo-all.css" / id="c...
2019-04-22 14:04:42
170
原创 百度分享的使用办法
<script type="text/javascript" id="bdshare_js" data="type=tools&uid=bc3b1c41-57af-4bd5-89cd-76dd6e6ee75f&" ></script><script type="text/javascript" id="bdshell_js"&g...
2019-04-18 18:00:31
214
原创 简单的回到顶部
$(function(){ function floatBar(){ var _fbr_h = $(window).height(); if($(window).scrollTop() >= _fbr_h){ $("#ScrollToTop").css('displ...
2019-04-18 11:22:58
106
原创 doT.js判断条件
define(function() { return[ '{{for(var item in it) { }}', '<li>', '{{if (parseInt(item) === 0){ }}', '<span class="num module_common_num_first">1</span>', '{{ }els...
2019-02-22 10:41:39
3070
原创 元素执行两种动画
有时候元素必须要写两个动画名的时候：-webkit-animation:fadeInDown 0.5s linear 2.5s forwards,fadeIn 0.5s linear 3s infinite alternate;animation:fadeInDown 0.5s linear 2.5s forwards,fadeIn 0.5s linear 3s infinite altern...
2019-01-30 10:07:36
500
原创 微信H5页面ios不能自动播放声音
// 方法1: 现在微信官方已经推出了微信JS-SDK, 最好还是不要使用"野生"方式, 因为不知道什么时候就可以不能用了!// http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html// 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audiofunction autoPlay...
2019-01-30 10:05:02
1353
原创 js 格式化时间戳函数
function formatDate(date,fmt){ if(/(y+)/.test(fmt)){ date= new Date(date*1000); fmt = fmt.replace(RegExp.$1,(date.getFullYear()+&amp;quot;&amp;quot;).substr(4-RegExp.$1.length)); var o ={ ...
2018-11-21 14:37:48
1557
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人