- 博客(29)
- 收藏
- 关注
RSS订阅原创 什么是js中的伪数组
一, 伪数组1. 具有length属性2. 按索引方式存储数据3. 不具有数组的方法, 比如push(),pop()等数组常用的方法二, 生成伪数组的方法在js中生成伪数组的方法比较多1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组2. 上传文件时选择的file对象也是伪数组3. function的arguments对象如下图：...
2020-11-12 14:28:47
1133
原创 Vue 中Router 的params和query传参的使用和区别
首先简单来说明一下$router和$route的区别//$router : 是路由操作对象，只写对象,跳转传参//$route : 路由信息对象，只读对象，接收传递参数//操作 路由跳转this.$router.push({ name:'demo1', params:{ name:'li', age:'23' }})//读取 路由参数接收this.name = this.$route.params.name;t
2020-11-11 16:07:19
1428
原创 js实现引入外部js，并调用引入js的函数
在js逻辑处理时，满足某个判断条件时，动态引入js ,然后根据引入的js 调用方法。if (1>0) { var h=document.getElementsByTagName("head")[0]; var s=document.createElement("script"); s.type="text/javascript"; s.src='../js/abc.js'; h.appendChild(s); // 动态引入js 后，调用js里面的
2020-09-27 11:19:20
2559
转载 git merge B分支合并到A分支
首先需要将两个分支更新到最新，并保证代码都已经提交；将B分支合并到A分支;切换到A分支，git branch -a git checkout A git merge B
2020-09-21 10:45:47
6168
1
原创 配置downloadFile域名后，getImageInfo仍然报fail
配置downloadFile域名后，getImageInfo仍然fail做的一个项目是用canvas生成一张动态图片，可以保存到用户手机相册中，测试提出来的问题：生成海报二微码，偶尔会失败的问题，用了以下机型做了验证:用了iponex,小米6，红米note8，ipone11等手机都没有出过错，只有iqoo这款手机，点击生成海报5/6次都生成失败，偶尔也会成功。当时一脸懵逼，iQOO是什么手机，别的手机都可以成功只有这款失败，就在网上查找原因。查找以下配置，都能排除生成海报不成功原
2020-07-06 16:09:26
4281
原创 Git拉取代码包429错误---解决方法设置单个文件上传大小
今天用Git提交代码，先拉取代码的时候，Git报了一个错误：The requested URL returned error: 429然后从网上搜索了一下解决方法，原来是提交代码大小的问题，git单个文件默认大小是50M，超过50M，会给出warning。大于100M会无法提交。可以通过命令，修改单个文件默认大小(以设置500M以例)：git config --global http.postBuffer 524288000 ...
2020-06-05 15:07:25
7340
2
原创 js 数组筛选的方法
1、判断数组中是否每个对象都不包含sex这个字段let arr = [ { name: 'Tom', age: 22 }, { name: 'Sun', age: 23 }, { name: 'Mack', age: 25, sex: '男' },]arr.every(item => !('sex' in item))返回结果：f
2020-06-03 15:42:14
12241
原创 git 分支上创建新分支
git 分支上创建新分支第一步：克隆一个项目，进入项目中git clone XXXX第二步：$ git status让当前git位于分支 master并且你的启动分支与上游分支 'origin/master' 一致。查看git status，里面无文件需要提交，是一个干净的工作区。第三步：$ git checkout develop切换到你要在 develop 分支创建新分支的环境第四步：拉取分支的最新的代码git pull origin develop第五步：再d
2020-06-02 20:02:11
1020
转载 git 查看远程/本地分支、创建分支、把分支推到远程、删除本地分支
1.查看远程分支$ git branch -r origin/HEAD -> origin/master origin/consys-1.0 origin/consys-1.1 origin/consys-2.0 origin/master origin/test2. 查看本地分支$ git branch consys-1.2 consys-2.0 master* test3. 创建分支$ git branch test 4..
2020-06-02 19:52:40
300
原创 JavaScript学习笔记之 网页高度用法
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWid...
2019-09-25 15:02:33
124
转载 关于Vue下组件引入第三方外部Js几种方式
第一种方式：利用Vue的mounted生命周期const oScript = document.createElement('script');oScript.type = 'text/javascript';oScript.src = '//g.alicdn.com/sd/smartCaptcha/0.0.1/index.js';document.body.appendChild(o...
2019-08-01 16:24:37
7573
1
原创 前端快速搭建本地服务器的几种方法
背景：在前端项目中搭建本地服务器可以实现多个设备(手机和电脑)运行同一个地址就可以看到效果前提是在局域网内，以前用的Apache搭建本地服务器来运行前端静态项目，现在可以同过node直接搭建或者是直接使用vscode的插件 live serve，可以启动本地服务器。方法一1.安装node2.安装好了，我们打开cmd，输入命令行1：node -v, 这里是查询node版本，出现版本号说明安...
2019-06-21 10:26:28
17023
2
原创 js+rem动态计算font-size的大小适配各种手机设备
需求：在不同的移动终端设备中实现，UI设计稿的等比例适配。方案：使用js动态改变html的字体大小font-size+rem的特性，来保证最初的设计图中每个元素的尺寸比例不变，以适用于不同尺寸的设备能够正常显示。(function (doc, win) { // 根元素html var docEl = doc.documentElement, /...
2019-06-20 14:44:03
2946
原创 vue的单向绑定和双向绑定的理解
Vue.js 最显著的特点就是响应式和数据驱动，也就是将Model和View进行单向绑定或者双向绑定。单向绑定：把Model绑定到View，当我们用JS代码更新Model时，View页面视图就会自动更新。因此，我们不需要进行额外的DOM操作，只需要进行Model的操作就可以实现视图的联动更新。双向绑定：把Model绑定到View的同时也将View绑定到Model上，这样就既可以...
2019-05-09 10:28:05
603
转载 基于html2canvas实现网页保存为图片及图片清晰度优化
本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。一、实现HTML页面保存为图片1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括：方案1：将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2：使用html2canvas.js实现（可选搭配Canvas2Image.js...
2019-04-09 17:25:57
275
原创 vue中keep-alive的用法及问题描述
1.keep-alive的作用以及好处在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页进入详情页，详情页不缓存也需要请求下数据，然后返回列表页，这时候我们使用keep-alive来缓存组件，防止二次渲染，这样会大大的节省性能。2.keep-alive的基本用法在app.vue中<!-- 缓存所有的页面 --><keep-alive&g...
2019-04-09 17:21:03
581
原创 VUE动态绑定audio/video/img的src不能播放或显示
写个项目，要求要本地上传音视频至服务器，再回显可播放。当前项目使用了elementUI+Vue上传图片，请求接口，将图片或者音频文件提交给后台，后台返回存储图片或者音频的ID，因为后台存到mogondb里面了，所以返回的是ID，如果存到服务器里面，返回的就是图片或者是音频存到服务器的地址。回显图片的方式是，先请求接口，根据图片的ID，请求接口图片或者是音频返回的内容，请求接口返回的内容为一个图...
2019-04-09 17:06:17
2105
原创 快速删除 node_modules
在windows下安装了一个包，但是在删除node_modules文件夹时提示该文件夹包含名称过长删除不了。怎么才能彻底删除这个文件夹？rimraf node_modules快速删除所有内容，当然也可以用这个命令删除任何文件夹。速度很快，比系统的删除还要快...
2019-03-25 10:34:37
121
原创 IE浏览器js 中http请求,中文传参报400错误-解决方法
做项目的时候,遇到一个小的问题.一个get请求列表数据的接口，在其它浏览器上是可以正常请求的.但是在ie浏览器上确出现奇怪的http请求400错误,其含义是你访问的页面域名不存在或者请求错误,自己的本地,肯定没问题.那就是请求错误了.几经尝试发现是参数带中文的会出现此种情况,没带中文的没有问题.如图（不带中文的参数返回的内容）：以上可以发现，如果传参是中文的接口，返回是400，其余的...
2019-03-25 10:32:54
3893
原创 CSS3自定义滚动条样式 -webkit-scrollbar
当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1、可以滑动的部分，我们叫它滑块。2、滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。滚动条的css样式主要有三部分组成：1、::-webkit-scrollbar 定义了滚动条整体的样式；...
2019-03-21 19:11:26
180
原创 vue中使用vconsole--移动端调试神器
Vue中使用vconsole调试手机移动端的点击事件先使用npm install vconsole下载安装依赖包 在Vue项目中新建 vconsole.js 文件 ,在文件中写入 import Vconsole from 'vconsole' const vConsole = new Vconsole() export default vConsole 3.在main.js文...
2019-03-21 19:04:26
1031
原创 前端埋点--js页面统计与事件统计该如何入手？
我们平时所说的埋点，可以大致分为两部分，一部分是统计APP页面访问情况，即页面统计；另外一部分是统计APP内的操作行为，及自定义事件统计。一、页面统计页面统计，可以统计应用内各个页面的访问次数（PV）,访问设备数（UV）和访问时长，以及各页面之间的流向关系。1.1 页面访问数页面访问次数，即当前页面的被访问的次数，即浏览量PV；举例：首页，访问次数，1000次；页面访问人数，即...
2019-03-21 19:00:56
3025
原创 js获取客户端本地ip
使用js获取客户端本地ip,不需要额外引入别的文件【注：若IE浏览器不进行安全设置，IE浏览器会默认拦截ActiveX控件的使用，将不会返回客户端的IP地址】下边的代码使用于通用浏览器，但是IE浏览器必须去设置ActiveX控件。<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-03-21 18:55:29
1694
1
原创 js按长度截取字符串，返回按长度分割成的字符串数组
var str = "春节快要放假了，好开心呀！"var strArr = [];var n = 3;for (var i = 0, l = str.length; i < l/n; i++) {var a = str.slice(n*i, n*(i+1));strArr.push(a);}console.log(strArr);结果：["春节快", "要放假", "了...
2019-03-21 18:53:48
4350
原创 配置Git HTTPS 下记住密码
方法一，命令行方式配置git config --global credential.helper store方法二，直接修改 git 的配置文件.gitconfig# 打开家目录cd ~# 查看家目录，这样你会找到git的配置文件.gitconfigls -a# 使用vim编辑器修改.gitconfig，（当然其他编辑器也可以），在.gitconfig中增加以下代码[cr...
2019-03-21 18:48:28
1111
转载 js通过字节长度截取中英文混合字符串
/** * 截取字符串 中英文混合 * @param str 待处理字符串 * @param len 截取字节长度 中文2字节 英文1字节 */function subString1(str, len){ var regexp = /[^\x00-\xff]/g;// 正在表达式匹配中文 // 当字符串字节长度小于指定的字节长度时 if (str.replace(regexp, ...
2019-03-21 18:35:39
162
原创 js将一个数组彻底打乱排序
js将一个数组彻底打乱排序方法一：let x = [1, 2, 3, 4, 5];function shuffle(arr) { var length = arr.length, randomIndex, temp; while (length) { randomIndex = Math.floor(Math.random() * (length--)...
2019-03-21 18:33:50
1551
原创 js计算数组中某个元素重复出现的个数
js返回一个数组某值出现的次数输入：一个数组中某个元素的值输出：需要计算该元素在数组中重复出现的个数let counts = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);console.log('数组counts中"李"出现的次数是：'+counts(["李","李","设",...
2019-03-21 16:51:11
21777
原创 vue.js中使用D3树状图异步按需加载数据绘制人物关系图
vue.js中使用D3树状图异步按需加载数据绘制人物关系图，网上查了好多资料没找到合适的，就自己写个简单的，方便以后查看，附上效果图重点：这个树状图不管是Vue的，还是HTML的，使用的D3.js 版本是3.5.17，如果使用别的版本，可能里面的语法不同，所以使用者请确认好下载的D3.js的版本D3.js是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SV...
2019-03-18 11:20:56
3839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人