- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue3项目的埋点统计，神策SDK接入
以下是基本的步骤：1. 安装神策SDK2. 配置SDK请将YOUR_REGISTER_SERVER_URL替换为你在神策后台申请的注册地址，同时这里也开启了SDK的三种可选的页面分析功能，点击图，触达注意力图和触达留存力图。这样，在任何一个组件里，就可以通过`this.$sa`来调用神策SDK的方法了。3. 埋点记录这样，就可以对用户的操作进行统计和分析了。
2023-05-22 16:17:05
1968
原创 es6基础知识记录
1.let、const和var区别let允许声明一个在作用域限制在块级中的变量、语句或者表达式，不会被预解析，必须先声明后使用，不能重复声明，全局作用域，块级作用域var全局作用域 函数作用域，可以先声明后使用，能重复声明const声明一个常量只能在声明时赋值，并且一旦赋值不能修改，不能重复声明，不会被预解析2.解构赋值let str = "ABCD";let [a,b] ...
2020-03-15 22:13:49
159
原创 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
202
原创 sublime Test3——sublimeCodeIntel插件和快捷键
sublimeCodeInteljs智能提示，超级好用因为快捷键过多，下面仅罗列一下比较常用的快捷键：1.操作Ctrl + `： 打开Sublime Text控制台（Esc退出）Ctrl+Shift+P：打开命令面板（Esc退出）Ctrl + K, Ctrl + B： 组合键，显示或隐藏侧栏Alt ：光标调到菜单栏，↑↓←→ 移动光标2.编辑Ctr+Shift+D：复制粘...
2018-10-10 12:36:35
1072
原创 nodejs项目环境搭建
项目环境搭建：注明：我是window64位的操作系统安装nvm1.nvm介绍由于公司项目使用的nodejs版本不是最新版，我们安装一个nvm，便于安装和切换不同版本号的nodejs。它可以方便的在同一台设备上进行多个node版本之间切换。2.nvm下载直接进入安装包下载地址：https://github.com/coreybutler/nvm-windows/release...
2018-09-27 10:57:44
1638
原创 JS操作数组方法
arr.shift()删除原数组第一项，并返回删除元素的值 如果数组为空则返回undefinedarr.unshift(n1,n2,...)将参数添加到原数组开头，并返回数组的长度 注：IE6.0及以下返回值总为undefinedarr.pop()删除原数组最后一项，并返回删除元素的值 如果数组为空则返回undefinedarr.push()将参数添加到原数组末尾，并返...
2018-09-27 10:28:23
271
原创 原生js自动轮播图
轮播图的用处轮播图是现在网站网页上最常见的效果之一，很多网站上都会用到，淘宝京东等等。有些自动选项卡也是需要用到的，而且它的可重复性高。在这里分享一下，用js原生代码，实现轮播图的常见效果！轮播图的原理一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过定时器实现自动播放。Html布局首先父容器banner存放所有内容，子容器img-list存放图片。子容器list存放按钮小圆...
2018-03-22 00:13:58
2631
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
204
原创 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
1026
原创 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
655
原创 js入门篇（第二篇）DOM操作
DOM 节点含有：元素节点，属性节点，文本节点。document.getElementById("id") //通过页面元素ID 值 捕获元素对象，得到的值为一个object注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。1.innerHTML://作用有两个：1. 实例化object 值；2. 修改元素内容（给object 对象重新赋
2017-08-17 15:00:28
248
原创 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
246
原创 css样式设置小技巧
1.水平居中设置-行内元素：如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码：html代码： 我想要在父容器中水平居中显示。css代码： .t
2017-08-03 17:31:57
268
原创 css样式笔记
1.CSS：CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。2.CSS代码语法：css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如o
2017-08-03 15:28:19
410
原创 html学习笔记
一.基本概念1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻
2017-08-03 14:55:55
254
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人