⎛⎝陈嗯嗯⎠⎞-CSDN博客

原创前端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

原创注册登录模块详解————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

原创前端常见面试题（2）————前端

前端常见面试题（二）————前端小小的提一下，面试时，面试官很喜欢看你的项目实践，就看你做过什么项目，如果一个都不写，可能会跪，然后围着你的项目去问细节。（自己做些项目很重要）正文部分：1.var,let,const的区别：(1).var可以变量提升：啥是变量提升？var a=10 //全局变量function fn() { console.log(a);//输出undefin...

2019-10-18 19:51:45 1477 2

原创前端常见面试题（1）————前端

前端常见面试题（1）————前端1.NaN的意思：not a number，number类型。验证：isNaN2.和=的区别：== 代表相同， ===代表严格相同,。双等号==：（1）如果两个值类型相同，再进行三个等号(===)的比较（2）如果两个值类型不同，也有可能相等，需根据以下规则进行类型转换在比较：1）如果一个是null，一个是undefined，那么相等2）如果一个是...

2019-10-13 11:12:06 2417 3

原创超简单详细的搭建个人网站————静态网站

傻瓜式操作搭建个人网站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@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

python名片管理系统.rar

message.rar

空空如也