oYuLian的博客

原创 加载远程压缩文件

【代码】加载远程压缩文件。

原创 js 判断浏览器是否打开

【代码】js 判断浏览器是否打开。

原创 console.trace()； console.error 重写无法定位

console.trace();

原创 浏览器控制台 npm 安装

let pkg_name_origin = null;const npmInstall = (originName) => { // Trim string const name = originName.trim(); pkg_name_origin = name; // 三种引入方式 // 如果是一个有效的URL，直接通过<script />标签插入 if (/^https?:\/\//.test(name)) return injectScript(nam.

原创 生产力工具

linq条件查询 var arr=db.

原创 在线vs code

The online code editor for web apps. Powered by Visual Studio Code. - StackBlitz

原创 notification 使用小记

原创 知识点

vue 为什么 使用数组的方法就可以更新UI和对象一样，也是使用了Object.defiendProperty() 的劫持var oldMethodPrototype = Array.prototype;var obj = object.creat(oldMethodPrototype);['push','pop','shift','unshift'].forEach(method=>{ object.definedProperty(obj,method,{ g

原创 面试题

https://www.cnblogs.com/ypppt/archive/2004/01/13/13114267.html

原创 2021-01-10

34534534545345

原创 在线工具

在线工具：http://hcsy.gitee.io/tools/#/在线二维码生成在线颜色短链接短网址

原创 vue 验证码输入框

<template> <div class="classnumber"> <div class="v-code"> <input ref="vcode" id="vcode" type="tel" maxlength="codeLength" v-model="aCodes" @focus="focused = true" @bl.

原创 阿里前端笔试题

详情见：http://hcsy.gitee.io/advertisement/document/csdn/ali.html

原创 chrome 浏览器自带全网页截图

在工作中，我们难免需要给一些网页截图。也许你尝试过各种插件，或者是使用过一些截图工具，但其实，Chrome 本身就带有截图特性，功能还很丰富。它不仅可以截取浏览器窗口，还可以截取网页全图，截取移动端显示效果，甚至带壳截图。那么 Chrome 的截图该怎么用呢？让我给你详细地介绍一下吧。截图指令Chrome 的截图功能藏在开发者工具中，所以在截图之前你需要先打开开发者工具。我们可以直接在页面上按下鼠标右键，选择「检查」（或「审查元素」），也可以按下Cmd+Option+I（Windows ...

原创 前端绘图-时序图

因为工作需要，这两天在尝试着给手里一些模块画时序图（Sequence Diagrams），一般画这种图的时候，我们第一反应会想到安装 IBM 的Rational Rose，但是我不想为了画这种图就去安装一个那麽庞大的企业级应用软件，不说使用的时候需要价格极其高昂的 License，就算使用盗版，也需要自己去网上到处找安装包，而公司的 WiFi 网络实在是太牵强，看看新闻查查 Google 还凑合...

原创 vue

vue 官网：https://cn.vuejs.org/vue-cli 脚手架：https://cli.vuejs.org/zh/guide/prototyping.html安装vue-cli 脚手架验证是否安装成功vue -V1.创建一个项目vue create hello-world也可以 使用图形化界面创建vue ui2.配置好之后还可以配置...

转载 windows 下更新 npm 和 node

公司的新项目要启动了，需要使用 Angular 4.0，并且使用 webpack 工具进行打包。所以就需要安装 node。node 的安装很简单，在 node 的官网nodejs.org去下载 msi 安装包，目前 node 最新的版本是 v8.1.2(打开这个官网，会根据你的系统为你推荐最合适的版)如果下载很慢，可以到我百度网盘去下载http://pan.baidu.com/...

原创 video 播放判断卡顿

用video监听一下timeupdate消息。这个消息在正常播放的时候会不停的触发。如果卡顿了，这个就不会触发了。判断间隔是1秒

转载 浅析浏览器中JavaScript中的线程、阻塞与事件

单线程世界里如何处理大量并发任务而不阻塞主线程的执行在做JavaScript开发时显得尤为重要。不过这不是今天的主题。既然浏览器中常常因为滥用JavaScript的事件而导致主线程阻塞，那我们就先来看看客户端JavaScript中的线程。线程的阻塞setTimeout 和 setInterval是JavaScript中的两个定时器，指定一定时间过后触发某某动作，常用于JavaScript制...

转载 利用 webrtc 获取局域网地址

//创建RTCPeerConnection接口 let conn = new RTCPeerConnection({ iceServers: [] }) let noop = function(){} conn.onicecandidate = function(ice){ if (ice.candidate){ //使用正则获取ip let ip_regex = /([0-9]{1,3}(\.[...

转载 ios 页面刷新之前

//window.addEventListener("pagehi// video.onloadedmetadata = function() { // if (this.videoWidth / this.videoHeight >= 1.5) { // console.log("视频比较 宽"); ...

原创 hdevice js浏览器设备检测工具，判断andriod,iphone,ipad,pc,判断浏览器厂商和版本号，判断系统和系统版本

git地址：https://gitee.com/hcsy/hdevicehdevice介绍判断系统，系统版本，浏览器类型(chrome,uc,ie,edge,safari,opera),浏览器版本，是否在微信打开，设备(window,android,iphone,ipad),设备型号(iphone4,iphone5,iphone7,iphonex....,)暴露字段hdev...

转载 通过 JavaScript 获取移动设备的型号

我们一般在浏览器里识别用户的访问设备都是通过User Agent这个字段来获取的，但是通过它我们只能获取一个大概的信息，比如你用的是 Mac 还是 Windows，用的是 iPhone 还是 iPad。如果我想知道你用的是第几代 iPhone，这个方法就不行了，前段时间我正好有这个需求，识别移动客户端的具体型号（主要是 iOS 设备），于是思考了下这个问题的实现。首先，我跟大家一样想到了 ...

原创 webpack 打包添加注释

BannerPlugin插件（注释插件）BannerPlugin插件是webpack自带的插件，所以要使用此插件，先在webpack.config.js中引用webpack：const webpack = require("webpack")因为是插件，我们要在plugins中配置，如下：plugins: [ new webpack.BannerPlugin('lzijia...

转载 vue cli3 自定义配置

https://cli.vuejs.org/zh/config/#outputdir

原创 前后有顺序，二进制位运算

2的0次方 12的1次方 2.......1,2,4,8,16,32,643=0+1+2;1&3==1;0&3==0;2&3==2;

原创 echart 颜色渐变

option = { tooltip : { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','直接访问','搜索引擎'] }, toolbox: { show : true, feature : { mark : {s...

原创 使用scss

npm install sass-loader node-sass --save-dev

转载 js 字符串正则处理

1、js截取两个字符串之间的内容： var str = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee 2、js截取某个字符串前面的内容： var str = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)...

转载 自定义vue组件使用v-model

<template> <div class="helect"> <select v-model="val" @change="clickRadio"> <option :value="v.value" v-for="(v,i) in List" :key="i">{{v.key}}</optio...

原创 eslint webpack 配置笔记

安装依赖npm install --D eslintnpm install --D eslint-loader2.在最外面添加.eslintrc.js 文件module.exports = { root: true, parserOptions: { ecmaVersion: 7,//表示使用es2016 sourceType: '...

原创 js 前端文件分割上传和逐行读取

逐行读取 fileList = document.getElementById("file").files; file = fileList[0]; //console.log(file); console.time("sort"); v...

转载 webpack 构建 支持 ES6/7 的 node 服务开发

1. 准备工作2. 服务端程序3. webpack 配置3.1. 开发配置3.2. 生产配置4. 运行配置5. 运行程序6. 总结7. 优化 level-17.1. 工具7.2. 配置更改8. 优化 level-29. 优化 level-31. 准备工作安装 node 环境并创建项目 npm init …安装 webpack，nodemon，concurrent...

原创 测试

var query = function () { return new Promise(function (resolve, reject) { $.post("url", data, (re) =&gt; { if (true) { ...

原创 setTimeout 和 promise 的输出顺序以及原理

1.console.log(1);setTimeout(function(){ console.log(2);})Promise.resolve().then(function() { console.log(3);}).then(function() { console.log(4);});//正确输出结果 ： 1，3,4,2宏任务（task）和微...

原创 高德地图标注点点击事件 自定义参数

init() { var provinces = this.provinces; if (!provinces || provinces.length == 0) { return false; } var hmap = { ...

原创 css 圆，半圆，三角，梯形

&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta

转载 Node 进阶：express 默认日志组件 morgan 使用笔记

1.安装npm install express morgan2.使用案例(默认)var express = require('express');var app = express();var morgan = require('morgan');app.use(morgan('short'));app.use(function(req, res, next){ ...

原创 react 鼠标滚动加载

npm install react-infinite-scroller 

转载 teamview 局域网内使用

用的是TeamViewer12版本看到了吗？左下角亮起了绿灯，提示可以通过Lan连接。大多数人在操作的时候都是亮着红灯，提示检查网络设置，因为没有互联网连接。解决办法如下：看到下图中有个“其他”选项，点击它。然后进行设置。按照下图进行配置在常规设置中——网络设置——呼入的LAN连接——选择仅接受。红灯立马变成绿灯了。现在输入同一网段被控电脑的IP地址就能远程控制了。梦里寻她...