- 博客(62)
- 资源 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端MQTT使用
前端MQTT使用发送端 var options = { //mqtt客户端的id,这里面应该还可以加上其他参数,具体看官方文档 clientId: 'mqttjs_' + Math.random().toString(16).substr(2, 8) } //console.log(options.clientId); //浏览器采用websocket协...
2020-01-10 11:24:11
5429
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 注册登录模块详解————node+mysql
注册登录模块详解————node+mysql安装依赖的话就不多说了。导入mysql和express框架,链接端口,启动服务器。(服务器最基本的框架)//导入mysql包var mysql = require('mysql');var connection = mysql.createConnection({ host: 'localhost', user: 'root', ...
2019-10-24 10:26:15
2052
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端常见面试题(2)————前端
前端常见面试题(二)————前端小小的提一下,面试时,面试官很喜欢看你的项目实践,就看你做过什么项目,如果一个都不写,可能会跪,然后围着你的项目去问细节。(自己做些项目很重要)正文部分:1.var,let,const的区别:(1).var可以变量提升:啥是变量提升?var a=10 //全局变量function fn() { console.log(a);//输出undefin...
2019-10-18 19:51:45
1477
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端常见面试题(1)————前端
前端常见面试题(1)————前端1.NaN的意思:not a number,number类型。 验证:isNaN2.和=的区别:== 代表相同, ===代表严格相同,。双等号==:(1)如果两个值类型相同,再进行三个等号(===)的比较(2)如果两个值类型不同,也有可能相等,需根据以下规则进行类型转换在比较:1)如果一个是null,一个是undefined,那么相等2)如果一个是...
2019-10-13 11:12:06
2417
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 超简单详细的搭建个人网站————静态网站
傻瓜式操作搭建个人网站1.首先买域名和云服务器买东西一般都很方便的给钱就行。。。百度,腾讯,阿里都可以买,而且只要给钱,啥东西都给的明明白白。这里我就不细说了。个人推荐百度的。因为我就是用这个的。2.后面来说下钱解决不了得事,配置云服务器,(买的域名先放着不动它)找到自己买的实例,打开VNC控制台输账号密码(账号一般都是root)密码就是会通过邮件给你,你可以自己改。3.登陆V...
2019-07-12 18:21:44
6551
3
原创 【报错】Error: https://registry.npmmirror.com.tgz: tunneling socket could not be established, cause=co..
error An unexpected error occurred: “https://registry.npmmirror.com/moment: tunneling socket could n
2024-04-09 11:27:35
612
原创 极速访问git————前端
极速访问git1.查github的ip。http://tool.chinaz.com/dns?type=1&host=github.com2.选值最小的ip。打开电脑的host文件:C:\Windows\System32\drivers\etc\host最下面加上这个就行了。
2021-10-26 09:10:12
139
1
原创 less 循环生成公共样式————less
less 公共样式编写————less@widthList: 10, 20, 30, 40, 50, 60;@heightList: 10, 20, 30, 40, 50, 60;@spacingList: 5, 10, 15, 20, 25, 30, 35, 40, 45, 60;@directionShort: l, r, t, b;@direction: left, right, top, bottom;基本变量定义。利用循环遍历生成 n 个样式//基础循环编写。构建一个函数,循环往
2021-10-12 09:46:29
1827
原创 你这图真不错我要了————图片爬取器插件
谷歌插件具有不用代理,不用跨域就可以获取页面信息的强力功能.举个例子,简单的包括:获取标题,链接,图标,页面大小等信息.进一步就包括页面数据爬取.当然也包括图片啦.这次就做一个简单的图片爬取器.只要打开页面,所有你所见的图片都可以一键下载.比如白嫖百度的图片:原理十分简单,就不细说.直接给gitte链接.下载来玩一下.我这边增加了关键词和类型的填写.比如你要爬取的图片只要 class=‘main_img’(百度图片类:main_img)关键词:main_img 类型:class
2021-09-17 18:44:25
203
原创 年中总结————前端
总结目前1年半的前端经历做前端已经快2年了。2019.10.15-2021.8.158月15是我开启新的征程的日子。我离职了。公司给我加薪了。hr也有找我谈话了,挽留了。(加薪后提的)但还是决定 出去看看,人总要往前走的。第一家公司属于智慧城市类型的项目。jq制作插件和组件,echart图表,vue管理系统等类型的项目运用最多。属于外包公司,需要加班。不过学到的挺多的,期间做的东西,也对我往后的jq基础和vue基础有很大的帮助。第二家公司属于SAAS软件系统的项目。本质就是不断在1个
2021-07-15 12:00:37
211
原创 前端每日10题--5.30
1. addEventListener参数addEventListener(event, function, useCapture)其中,event指定事件名;function指定要事件触发时执行的函数;useCapture指定事件是否在捕获或冒泡阶段执行。2. 如何画一条0.5px的线transform: scale(0.5,0.5);3. 普通函数和箭头函数的区别1、普通函数可以通过bind、call、apply改变this指向可以使用new2、箭头函数本身没有this指
2021-06-08 10:50:18
146
1
原创 前端每日10题--5.29
前端每日10题–5.291. 0.1+0.2 === 0.3吗,为什么不等于,因为浮点数计算是不精确的2. js基本数据类型【基本类型 5】string、number(浮点数,整数,NAN)、boolean、null、undefined【引用类型 1】object(data,function,array)【es6 1】symbol3. Cookies,sessionStorage 和 localStorage 的区别?共同点:都是保存在浏览器端,且是同源的。区别:存储位置不同
2021-05-29 10:11:16
223
1
原创 bootstrap响应式使用————bootstrap
bootstrap响应式使用我并不认为什么网址都适合响应式。像:阿里云的pc与移动端的展示。pc:aliyun.com移动端:m.aliyun.com阿里云的pc端与移动端是完全分开的。写了两个前端页面来展示的。响应式必须满足:1.简单展示,非功能性的网站。后期功能越多越难做到响应式的展示。2.pc与移动端各个模块尽可能统一。(如果展示都要求全不一样的,那还不如直接做成两个来展示)col-lg一般用于大屏设备,大屏幕PC (≥1200px)(min-width:1200px);col
2021-05-11 15:23:10
350
2
原创 2021前端面试题 ———— HTML+CSS+JS 面试题
HTML+CSS+JS 面试题1、的title和alt有什么区别?2、html5有哪些新特性、移除了那些元素?3、WEB标准以及W3C标准是什么?4、xhtml和html有什么区别?5、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?6、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?7、HTML全局属性(global attribute)有哪些8、Canvas和SVG有什么区别?9、HTML5 为什么只需要写 ?10、bind、
2021-05-07 11:33:02
176
原创 vue 中组件间有哪些通信方式?————vue
vue 8种组件的通信方式vue组件8种通讯: props $emit/$on $children/$parent $attrs/$listeners ref $root eventbus vuexchildren/children/children/parentthis.$parent.xxxx()//找爸爸this.$children.xxxx()//找儿子这两个比较容易且常用!使用ref特性ref有点身份证的感觉,直接通
2021-04-28 11:56:21
198
原创 ES6 JavaScript中的哈希Map
最近补点自己半懂半不懂的知识!Map数据结构:(对象的升级版)const m = new Map();const ma = new Map([ ['name', 'zhangsan'], ['age', 10]]);ma.size // 2ma.has('name') // truema.get('name') // "张三"ma.delete('name')ma.keys()ma.values()ma.entries()ma.forEach()map 转 数
2021-04-27 17:33:55
525
原创 JS导出TXT文件————JS
下载TXT文件 $.each(that.Clueitem.CrmContact,function(key, val) { if (val["check"] == 1) { emails.push(val.leads_person_contact_mail); lxrlistStr+=val.leads_person_contact_mail+ "\r\n" } });filename
2021-04-22 15:22:38
883
原创 我做过的几个前端性能优化————vue
1.图片懒加载(用于图片过大,过多情况)原理:先给loading图,再页面加载好后再把之前的图片赋值过去!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> img { display: block; margin-bottom: 50px; width: 400px; height: 400
2021-04-22 11:38:37
374
1
原创 循环过滤,筛选出想要的————JS
var len = that.linkedinData.length-1 for(var i=len;i>=0;i--){ if(that.linkedinData[i].exclude==1){ that.linkedinData.splice(i,1); } }倒循环是为...
2021-04-22 09:44:54
480
原创 封装websocket,并调用————JS
var ping;var dataCallBack = null;var socket_sessionid = null;var temporaryData = [];var socket;var url;var timeoutfunction sendMessage(data) { // temporaryData = data //临时存下,防止丢失,断线重连时可以重发一次 // try { // console.log(data) socket.send(dat
2021-04-22 09:38:19
768
原创 封装防抖节流,控制函数调用————JS
超级方便!!!!!封装在common.js文件需要时调用! /** * 函数防抖 */ function debounce(fn, wait = 1000) { let timer; return function () { let context = this; let args = arguments; if (timer) clearTimeout(timer); timer = setTimeout(() =>
2021-04-22 09:30:34
229
原创 antdui table的行 操作————antd-vue
<a-table :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, columnWidth: 40 }" :columns="columns" :data-source="LXRlist" :scroll="{ x: 1600, y:selectShow?'calc(100vh - 376px...
2021-04-22 09:26:47
357
原创 JS 筛选分类,整理数据————JS
数据结构:需求:将json 按sjid 去分类 并把数据整理好。 var nList = []; for (var i = 0; i < emails.length; i++) { if (nList.length == 0) { nList.push({ sjid: emails[i].sjid, sjnc:'',
2021-04-22 09:21:16
615
原创 vue项目架构————初级理解
vue项目架构————初级理解static文件夹用来放公共css,公共js,公共img,导入包用本地连接,可以加快加载速度,tinymce是一个编辑器。单独放了。。src文件夹vuex与module:仓库存处。storerouter:common:公共js文件《人工包》我里面不是js,而是特定位置,需要js包,可以理解与npm包相对的《人工包》,如:消息推送的包,客服im的包,用来当桥的包(util)等。assets :语言包国际化的时候用的。不细说components:页面
2021-01-09 10:03:19
180
1
原创 异域接口无法拿到后端set-cookie的问题
let data = new FormData(); data.append("mid", json.id); data.append("account", json.email); data.append("pwd", $.md5('234567')); $.ajax({ type: "post", url: requestS2BSso() + "SupplierLogin", data: data,
2021-01-09 09:15:11
364
原创 前端工具集合————前端
1.前端网站unbug.github.io/codelf变量命名智能推荐(支持中文)www.docschina.orgWeb前端开发人员提供优质中文文档regexr.com正则表达式验证匹配any-rule正则表达式库,非常全,使用起来很方便www.toptal.com/developers多张图片合成雪碧图,并生成对应csstool.lu众多工具集合,包括时间戳转换,进制转换等www.bootcdn.cn 或 cdn.baomitu.com国
2020-12-30 11:25:47
135
原创 踩坑记录————vue-antd
公司使用antdui的。他的a-table及其恶心。虽然其他的组件挺好用的。但对于列表类的展示推荐自己写一个组件的封装的很死。自己写一个可以最大限度自己发挥。封装有好有坏,千万不要觉得封装好的组件ui就是最好的。要自己去动手做一些组件。这也是对自己的提升。...
2020-11-27 15:33:20
320
原创 vue使用过最最最最最最为推荐的插件———前端
1.ant-design-vue他是我们公司统一的ui库。后面的ui会向其靠近。他提供的组件基本够日常的开发。也是为了以后同事接手更为容易。推荐指数:5星2.tinymcetinymce编辑器。功能很齐全的编辑器。基本的编辑都能满足。唯一缺点。坑挺多。要慢慢爬坑。推荐指数:4星3.vue-i18n国际化插件。使你的项目变得洋气。唯一缺点。语言包要自己写。(写到哭。)推荐指数:4星4.vuedraggablejq的话可以用:sortable(jq用)没vue可以用的情况下。拖
2020-11-26 11:29:01
638
原创 前端踩过的那些坑————前端
1.vue的v-modelv-model会影响其他连带的数值。比如this.data1=this.data2//这data1是用了v-modeldata1['star']=5//这时候。this.data2里的值也会变!!而且上面的关联再长点。还是会互相影响!解决: var data2= JSON.stringify(json.data2.v_items); that.data2= JSON.parse(data2) //转下字符串再转回来就可以脱离v-model的控制了。2
2020-11-14 17:01:08
165
原创 前端不当人了之我要写后端!————express(node)
前言作为前端,其实一直想去写点后端接口,给自己调用。而node的express就可以做到,写的话,建议下载个postman。边写边调试接口。这个挺重要的。开始总项目大致分为,控制器,路由,数据库链接。(大部操作就这三个)每个控制器对应一个路由,而路由在app.js被引用。app.jsvar indexRouter = require('./routes/index');var usersRouter = require('./routes/users');var apisRoute
2020-11-09 08:20:31
1018
原创 微信小程序 wx.showToast()的用法,更换icon图标
wx.showToast({ title:"成功", icon: 'success', image: '../../images/fail.png', duration: 2000, mask: false})参数讲解:title ---------------- 标题,要显示的提示信息icon ---------------- 图标,只支持"success"、"loading"im
2020-10-23 11:11:57
4339
原创 有趣实用的前端技术(3个月总结)
1.国际化2.vue前端性能优化该项目是企业级项目,不断增加新功能。导致项目肿大,加载需要32s(简直恐怖)。后面通过gzip,路由懒加载,cdn加速等方法提速到毫秒级别。3.cnzz页面埋点vue的页面埋点方法比较特殊,需要改点东西。事件埋点,通过对某些事件进行埋点,如:某些点击是用户最常用的。就可以知道用户的心理。(没有图,因涉及公司数据。)4.im客服沟通(离线版)众所周知,websocket是实时通讯的,使用websoket可以做到实时通讯,小微信的功能,但一旦通讯断开就会无法通
2020-09-02 16:34:44
2281
原创 SEO优化全分析
SEO优化全分析1.TDK优化 (主页优化,其他页面优化)T:标题设置在包含用户的需求点的同时还要具有吸引力,且长度要合理,title包含的关键词不宜太多,最好3个之内,太多容易导致权重分散,不利于排名,常用的标题形式:关键词1_关键词2_关键词3 —网站品牌,只能用“/”和“,”进行区分关键词的,这些都是可以的,并没有说一定用哪一种进行分割。D:描述(description):描述是突出公司或者主营的服务,是对整个网页的简单概括,描述标签的字符一般是控制在200以内。如果是网站首页,可以写公司的主
2020-05-29 09:10:44
1063
原创 thinkphp5 的学习笔记(2)————tp5
最近阅读量终于破1w了。庆祝下。继续thinkphp5的学习,tp5真的非常适合个人开发者,功能齐全,使用方便,我现在已经把tp5当成主要写api接口的工具了。现在零散的记录下知识点。1.最简单操作(必须学) //简单操作 // 连about表,找status为1的所有数据。放进list $model = new \app\admin\model\About(); ...
2020-04-10 22:01:54
195
原创 thinkphp5 的学习笔记(1)————tp5
目录结构project 应用部署目录├─application 应用目录(可设置)│ ├─common 公共模块目录(可更改)│ ├─index 模块目录(可更改)│ │ ├─config.php 模块配置文件│ │ ├─common.php 模块函数文件│ │ ├─contr...
2020-03-28 11:11:54
480
原创 慢慢从github转到gitee————前端
慢慢从github转到gitee————前端最近的github越来越搞不懂了,偶尔下载都会提示下载失败,github上去找找好玩的项目和看看自己以前写的项目时,会发现网站都打不开,不知道是不是服务器在外国的原因,网站有些时候加载不出来的。。就连之前的项目想啦下来改改都不行。。现在嘛,想换成国产的来试一下,也算支持下国产,gitee可以说完全就是个翻版的github,功能,操作都一米一样,所以学...
2020-02-26 15:57:33
997
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人