- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue3项目的埋点统计，神策SDK接入
以下是基本的步骤：1. 安装神策SDK2. 配置SDK请将YOUR_REGISTER_SERVER_URL替换为你在神策后台申请的注册地址，同时这里也开启了SDK的三种可选的页面分析功能，点击图，触达注意力图和触达留存力图。这样，在任何一个组件里，就可以通过`this.$sa`来调用神策SDK的方法了。3. 埋点记录这样，就可以对用户的操作进行统计和分析了。
2023-05-22 16:17:05
2595
原创 es6基础知识记录
1.let、const和var区别 let允许声明一个在作用域限制在块级中的变量、语句或者表达式，不会被预解析，必须先声明后使用，不能重复声明，全局作用域，块级作用域 var全局作用域 函数作用域，可以先声明后使用，能重复声明 const声明一个常量只能在声明时赋值，并且一旦赋值不能修改，不能重复声明，不会被预解析 2.解构赋值 let str = "ABCD"; let [a,b] ...
2020-03-15 22:13:49
203
原创 apply()与call()的区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为： /*apply()方法*/ function.apply(thisObj[, argArray]) /*call()方法*/ function.call(thisObj[, arg1[, arg2[, [,...argN]]]]); 它们各自的定义： apply：调用一...
2019-04-16 18:08:19
258
原创 sublime Test3——sublimeCodeIntel插件和快捷键
sublimeCodeIntel js智能提示，超级好用 因为快捷键过多，下面仅罗列一下比较常用的快捷键： 1.操作 Ctrl + `： 打开Sublime Text控制台（Esc退出） Ctrl+Shift+P：打开命令面板（Esc退出） Ctrl + K, Ctrl + B： 组合键，显示或隐藏侧栏 Alt ：光标调到菜单栏，↑↓←→ 移动光标 2.编辑 Ctr+Shift+D：复制粘...
2018-10-10 12:36:35
1142
原创 nodejs项目环境搭建
项目环境搭建： 注明：我是window64位的操作系统 安装nvm 1.nvm介绍 由于公司项目使用的nodejs版本不是最新版，我们安装一个nvm，便于安装和切换不同版本号的nodejs。它可以方便的在同一台设备上进行多个node版本之间切换。 2.nvm下载 直接进入安装包下载地址：https://github.com/coreybutler/nvm-windows/release...
2018-09-27 10:57:44
1815
原创 JS操作数组方法
arr.shift() 删除原数组第一项，并返回删除元素的值 如果数组为空则返回undefined arr.unshift(n1,n2,...) 将参数添加到原数组开头，并返回数组的长度 注：IE6.0及以下返回值总为undefined arr.pop() 删除原数组最后一项，并返回删除元素的值 如果数组为空则返回undefined arr.push() 将参数添加到原数组末尾，并返...
2018-09-27 10:28:23
324
原创 原生js自动轮播图
轮播图的用处轮播图是现在网站网页上最常见的效果之一，很多网站上都会用到，淘宝京东等等。有些自动选项卡也是需要用到的，而且它的可重复性高。在这里分享一下，用js原生代码，实现轮播图的常见效果！轮播图的原理一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过定时器实现自动播放。Html布局首先父容器banner存放所有内容，子容器img-list存放图片。子容器list存放按钮小圆...
2018-03-22 00:13:58
2710
2
原创 js事件
function click_button(){//事件处理程序，弹出提示框 alert('welcome to xiaomang\'s codepen'); } function mDown(obj) // 按下鼠标 的 事件处理程序 { obj.style.backgroundColor="#1ec5e5"; obj.innerHTML="release your mouse" }
2018-01-05 17:50:26
259
原创 js图片选择顺序切换和循环切换的功能
图片切换 #box{width:400px;margin:0 auto;} #box>div{text-align: center;margin:10px auto;display: block;} #box div>input{margin-left: 5px;border-radius: 3px;border:1px solid #ccc;} #box>p{text-align: cente
2017-12-20 18:23:52
1091
原创 js模拟手机短信发送
模拟手机短信 #box{width:276px;height:560px;position: relative;background: url(images/iphone.png) no-repeat;margin:0 auto;} #div1{width: 248px;height:401px;position: absolute;top:55px;left:12px;} #content{w
2017-12-20 18:14:58
748
原创 js入门篇（第二篇）DOM操作
DOM 节点含有：元素节点，属性节点，文本节点。 document.getElementById("id") //通过页面元素ID 值 捕获元素对象，得到的值为一个object 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。 1.innerHTML: //作用有两个：1. 实例化object 值；2. 修改元素内容（给object 对象重新赋
2017-08-17 15:00:28
296
原创 js入门篇（第一篇）
1. cocument.write("content") //向html 直接写入内容 2. alert("content") // 警告对话框 3. confirm("content") //确认对话框 3. prompt("content") //提问对话框 4. window.open("url","窗体名","窗体打开样式") //窗口打开
2017-08-17 14:50:21
298
原创 css样式设置小技巧
1.水平居中设置-行内元素：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码： html代码： 我想要在父容器中水平居中显示。 css代码： .t
2017-08-03 17:31:57
381
原创 css样式笔记
1.CSS：CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 2.CSS代码语法：css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如o
2017-08-03 15:28:19
553
原创 html学习笔记
一.基本概念 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻
2017-08-03 14:55:55
305
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人