前端
summer_lllx
这个作者很懒,什么都没留下…
展开
-
vue3 基于faceapi.js实现人脸识别
基于 faceapi web端实现人脸识别原创 2022-06-05 22:03:58 · 2068 阅读 · 12 评论 -
工程化一键部署
前端项目资源一键部署服务首先首先安装 shelljs和ssh2-sftp-client npm i shelljs ssh2-sftp-client --save-dev然后修改package.json增加上传命令 "uploadServes": "node uploadServes/index.js"新建 打包上传操作index.jsconst config = require('./config.js');const shell = require('shelljs原创 2021-11-27 13:49:35 · 484 阅读 · 0 评论 -
react-study-one
react 学习第一天待办事件. demo组件1 待办事件处理模块import React, { Component } from 'react';import Todolist from './Todolist';import FormContent from './FormContent';export class Index extends Component { constructor(props) { super(props); this.refForm =原创 2021-09-04 15:48:20 · 65 阅读 · 0 评论 -
vuex就看这个
五大模块state功能:存储变量 state: { step: 1, list: [] },mutations改变state 的方法(同步) commit mutations: { plus: (state, payload) => { // payload 负载 带过来的参数 console.log(state, payload); state.step += payload; state.list.p原创 2021-07-23 15:13:56 · 63 阅读 · 0 评论 -
utils
});call apply bind 改变this 指向,bind改变函数this指向后不会立即执行 apply call 会立即执行, call 参数是多个,apply 参数是一个数组调用方法,用一个对象替换掉另一个对象(this) 对象.call(新this对象,实参1,实参2,实参3.....) 对象.apply(新this对象,[实参1,实参2,实参3.....])原创 2021-07-23 09:12:42 · 49 阅读 · 0 评论 -
大屏适配解决方案
大屏适配解决方案(解决不同分辨率下页面展示情况)以vue 为例,使用rem 通过改变根字体大小,来统一变化页面距离// 设置 rem 函数function setRem() { // PC端 console.log("非移动设备"); // 基准大小 baseSize = 100; let basePc = baseSize / 1920; // 表示1920的设计图,使用100PX的默认值 let vW = window.innerWidth; // 当前窗口的宽度 l原创 2021-06-03 15:02:48 · 3030 阅读 · 0 评论 -
解决深拷贝浅拷贝
递归var china = { nation : '中国', birthplaces:['北京','上海','广州'], skincolr :'yellow', friends:['sk','ls'] } //深复制,要想达到深复制就需要用递归 function deepCopy(o,c){ var c = c || {} for(var i in o){ if(typeof o[i] === 'object'){原创 2021-05-21 15:47:56 · 57 阅读 · 0 评论 -
file 转base64 and base转file
/** * 将base64转换为文件 * @param {baseURL} dataurl * @param {文件名称} filename * @return {文件二进制流}*/function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length原创 2021-04-21 09:15:36 · 88 阅读 · 0 评论 -
重置微信内置浏览器字体大小
重置微信内置浏览器字体大小 setting() { if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') { this.handleFontSize(); } else { if (document.addEventListe原创 2021-03-10 10:18:04 · 367 阅读 · 1 评论 -
富文本编辑器
富文本编辑器wangEditor[富文本编辑器文档](http://www.wangeditor.com/)原创 2020-12-31 15:09:48 · 80 阅读 · 0 评论 -
获取url对应的keys值
获取url对应的keys值function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); //search,查询?后面的参数,并匹配正则 console.log(r); if (r != null) return unescape(r[2]); r原创 2020-12-10 10:33:00 · 400 阅读 · 0 评论 -
设置cookie
设置cookie //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.c原创 2020-11-25 13:49:24 · 220 阅读 · 0 评论 -
web 与原生交互
web 与 原生app交互//与安卓/Ios交互const postToApp = function (FunctionName, string) { try { console.log(FunctionName, string) if (window.webkit) { window.webkit.messageHandlers[FunctionName].postMessage(string) } else {原创 2020-11-23 10:40:06 · 179 阅读 · 0 评论 -
前端下载表格
## **引用 xlsx.core.min.js** // 表格下载方法 function exportExcel(data) { console.log(data) if (data.length == 0) { return } let newdataarr = [] let titarr = ['排名', '职.原创 2020-11-09 16:00:15 · 401 阅读 · 0 评论 -
时间封装
// 时间格式化 Date.prototype.Format = function (formatStr) { var str = formatStr var Week = ['日', '一', '二', '三', '四', '五', '六'] str = str.replace(/yyyy|YYYY/, this.getFullYear()) str = str.replace(/yy|YY/, (this.getYear(...原创 2020-05-13 10:59:14 · 158 阅读 · 0 评论 -
等比例缩放
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clien...原创 2020-04-29 16:14:28 · 597 阅读 · 0 评论 -
微信浏览器调整字体后,页面错位。
解决方案:阻止页面字体自动调整大小// 安卓:(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListen...原创 2019-12-23 10:25:55 · 631 阅读 · 0 评论 -
移动端布局自适应
基于vue的移动端自适应移动端布局自适应:link原创 2019-12-06 11:50:34 · 124 阅读 · 0 评论 -
微信小程序简单的请求封装
get 请求function get(url, data) { return new Promise((reslove, reject)=>{ wx.request({ method: 'GET', url, data, success: reslove, fail: reject }) })}pos...原创 2019-10-24 16:58:58 · 150 阅读 · 0 评论 -
手动封装Ajax
什么是AJax说道ajax到底什么是ajax? ajax是一种创建交互网页应用的一门技术!ajax的优缺点: ##### 优点: 1.实现局部更新(无刷新状态下), 2.减轻了服务器端的压力 ##### 缺点: 1.破坏了浏览器前进和后退机制(因为ajax自动更新机制) 2.一个Ajax请求多了,也会出现页...原创 2019-10-18 19:01:03 · 107 阅读 · 0 评论 -
请求,响应拦截
import axios from 'axios'; import { getToken } from './tools'; // 获取toukenconst instance = axios.create({ timeout: 5000, //请求超时 baseURL: 'https://api.cat-shop.penkuoer.com/api/v1', //接口地址}...原创 2019-10-18 18:53:17 · 651 阅读 · 0 评论 -
为什么说单页面程序SEO不友好?
搜索引擎的工作原理在搜索引擎网站的后台会有一个非常庞大的数据库,里面存储了海量的关键词,而每个关键词又对应着很多网址,这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现,这些勤劳的“蜘蛛”每天在互联网上爬行,从一个链接到另一个链接,下载其中的内容,进行分析提炼,找到其中的关键词,如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便...原创 2019-10-13 17:06:11 · 1030 阅读 · 1 评论 -
什么是ts?
什么是tsts是js的超集,意味着js本身的语法在ts里面也能跑的通。ts一方面是对js加上了很多条条框框的限制,另一方面是拓展了js的一些能力,就像es6提供了那么多神奇的语法糖一样。只要按照一定的规则去书写js,就能享受到ts带来的好处。当然因为现在的ts足够强大,并且有自家的vscode保驾护航,才方便了我们这些过去想都不(lan)敢(de)想的苦逼程序员。js改造成ts的工作量很大程...原创 2019-10-13 16:53:49 · 6257 阅读 · 0 评论 -
vue的基础操作
基本格式el:表示new的实例,要控制页面上的区域data: el控制区域需要的数据methods: el控制区域所调用的方法components:调用的模板基础操作,及一些用法v-text ='数据' 会覆盖元素原来的内容v-html 解析带有标签的数据 会覆盖元素原来的内容{{}} 插入数据 替换原来的占位符 {{}} ...原创 2019-09-27 08:54:26 · 93 阅读 · 0 评论 -
数组去重
数组的选择排序,冒泡排序方法去重1.冒泡排序var arr3=[1,5,2,6,3,3,4,56,7,5,5,5,6,7,8];function f4(arr){ //冒泡排序(以从小到大为例) for(var i=0;i<arr.length-1;i++){ //控制比较的轮数 for(var j=0;j<arr.length-1-i;j++){ ...原创 2019-09-22 10:39:52 · 399 阅读 · 0 评论 -
git 基础命令
git init 初始化仓库git add . (提交的文件)git commit -m '提交说明' 提交版本git status 查看当前库的状态git diff 可以查看修改内容git log 查看提交的修改版本git reset --hard head^ 会带上一个版本git reset --h...原创 2019-09-22 09:05:42 · 450 阅读 · 1 评论 -
css默认样式去除,js移动端适配
默认样式去除body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,td,figure,figcaption{margin:0; padding:0;}ul,li,ol{list-style:none;}img{display:block; border:none;}a{text-decoration:none; color:#333;}h...原创 2019-09-16 21:33:01 · 216 阅读 · 1 评论 -
SEO搜索引擎优化
搜索引擎主要以:外链数量和质量网页内容和结构来决定某关键字下的网页搜索排名。前端应该注意网页结构和内容方面的情况:Meta标签优化主要包括主题(Title),网站描述(Description)。还有一些其它的隐藏文字比如Author(作者),Category(目录),Language(编码语种)等。符合W3C规范的语义性标签的使用。如何选取关键词并在网页中放置关键词搜索就得用关键...原创 2019-09-16 21:26:39 · 400 阅读 · 1 评论