- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue+leaflet集成echarts实现动态轨迹图
vue+leaflet集成echarts实现动态轨迹图2. 引入插件3. 实现leaflet自定义动态样式marker
2022-11-28 09:56:48
1829
4
原创 vue+leaflet添加海量点图标
当项目中出现需要大量点图标需要渲染时，使用img图片的方式，页面会十分卡顿，这里使用vue+leaflet利用leaflet-canvas-marker渲染海量点
2022-07-28 17:18:15
2888
4
原创 vue3+element-plus按需引入，修改默认样式
在vue3项目中按需引入element-plus组件，直接引入会发现默认是英文，这里将会教你如何改为中文，实现自动导入，并修改默认样式。
2022-07-23 09:30:00
4889
原创 vue3+element-plus表格自适应高度
在这里不多赘述vue2和vue3自定义指令写法有何不同，直接抛代码，如若有该需求，可直接复制到项目中使用。又是熟悉的adaptive.js文件，具体用法可转至。之前有写到如何通过自定义指令的方式在。...
2022-07-23 02:30:00
2485
原创 vue3 Echarts自定义组件自适应
在vue项目中实现echarts图表的自适应，F12控制台拖动页面，无需刷新，echarts图表自动适应适配屏幕，封装一个组件，通过props传递不同的数据实现不同样式的图表。
2022-07-22 16:30:00
1490
转载 87个前端必备开发网站
前端必备开发网站一行代码搞定bug监控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsgweb开发人员必备工具包（实现快速敲代码）:https://docs.emmet.io/让代码提交的时候先执行一次代码，如果有报错不让提交：www.npmjs.com/package/eslint-config-airbnb阿里巴巴图标库：http......
2019-12-24 11:38:05
2965
原创 微信小程序自定义导航栏（适配所有手机）
最近公司有一个微信小程序的项目，最终决定使用uni-app进行开发，但是遇到了一个问题自定义导航栏高度在不同手机上无法达到视觉上的统一导航栏元素无法对齐胶囊按钮现在存在各种尺寸的全面屏和刘海屏需要适应最终通过wx.getSystemInfoSync().statusBarHeight设置高度得出IOS胶囊按钮与状态栏的距离是4px，安卓大部分都是7px或者8px，也会有其他情况，得出一...
2019-10-09 09:32:09
1214
原创 Mysql数据库操作
增1.使用insert插入单行数据：语法：insert [into] <表名> [列名] values <列值>例：insert into Strdents (姓名,性别,出生日期) values ('王伟华','男','1983/6/15')注意：如果省略表名，将依次插入所有列2.使用insert,select语句将现有表中的 数据添加到已有的新表中语法：in...
2019-09-12 11:33:40
141
原创 node进程 线程
在nodejs中只支持单线程。但是在应用程序中，如果只使用单线程进行操作，从接受请求开始到返回响应为止的这一段时间内可能存在很长的一段等待时间。在这种场合下如果能使用多进程，则可以为每个请求分配一个进程，从而更好的使用服务器端的cpu资源。为了实现多进程处理，nodejs提供了child_process模块于cluster模块.其中child_process模块用于实现在node.js应用程序中开...
2019-09-12 10:35:51
308
原创 带你了解ajax和axios请求
Ajax是用来实现客户与服务器端的异步通信效果，实现页面的局部刷新主要通过XMLHttpRequests（标准浏览器），ActiveXObject（IE浏览器）对象实现异步通信效果分为四步 - var xhr = null; // 创建对象 - xhr.open("方式", "地址", "标志位"); // 初始化请求 - xhr.setRequestHeader("", "");...
2019-09-12 10:21:24
162
原创 Document 对象属性和方法的不兼容问题
.bind不兼容的问题bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值Function.prototype.bind = function () { var fn = this, args = Array.prototype.slice.call(arguments), object = a...
2019-09-10 18:27:07
385
原创 闭包
闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。注意点：在函数内部声明变量的时候，一定要使用var命令...
2019-09-10 18:11:38
114
原创 Javascript继承
1、 简单原型链继承function Super(){ this.val = 1; this.arr = [1];}function Sub(){ // ...}Sub.prototype = new Super(); // 核心var sub1 = new Sub();var sub2 = new Sub();sub1.val = 2;sub1.arr.push(2...
2019-09-10 18:02:55
73
原创 ES6知识整理
1. 解构赋值```let obj = {off: bar} = {off: 2};console.log(bar) // 2```字符串解构 const [a,b,c,d,e] = 'hello'; 数值和布尔值解构 解构出来的是原型上的方法for in 是ES5的标准 遍历key for of 是ES6的标准 遍历value2. 字符串扩展新增字符串的方法incl...
2019-09-10 17:54:13
121
原创 跨域
****跨域****不同域之间相互请求资源，就算作跨域，产生跨域的主要原因是因为同源策略。同源策略要求源相同才能正常进行通信，也就是协议、域名、端口都完全一致。但是请求跨域了，我们的请求也同样发了出去，只是浏览器拦截了响应，同时也说明跨域并不能完全阻止CSRF，因为请求发出去了。如何跨域常用的跨域方法有JSONP ， CORS， webSocket, postmessage等1....
2019-09-10 16:50:03
181
原创 前端面试题（Node）
Node**1. 为什么要用node? **特点:简单强大，轻量可扩展．简单体现在node使用的是javascript,json来进行编码，人人都会；强大体现在非阻塞IO,可以适应分块传输数据，较慢的网络环境，尤其擅长高并发访问；轻量体现在node本身既是代码，又是服务器，前后端使用统一语言;可扩展体现在可以轻松应对多实例，多服务器架构，同时有海量的第三方应用组件2. node的构架是什么...
2019-05-16 15:12:49
3487
1
原创 前端面试题（React）
React1，调用 setState 之后发生了什么？在代码中调用setState函数之后，React 会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程（Reconciliation）。经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。在 React 得到元素树之后，React 会自动计算出新的树与老树的节点差异，然...
2019-05-16 14:30:33
3091
原创 前端面试题（Vue）
Vue1，vue的生命周期？vue的生命周期主要分为几个简单，数据初始化，dom挂载，数据更新，组件卸载，在一个就是开启了组件缓存的时候，会有组件启用和组件停用阶段，每个阶段都去前后两个钩子除了缓存的那俩数据初始化阶段beforeCreate：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created：实例已经创建完成之...
2019-05-16 14:14:35
339
原创 前端面试题（angular）
Angular1，ng-if 跟 ng-show/hide 的区别有哪些？第一点区别是，ng-if 在后面表达式为 true 的时候才创建这个 dom 节点，ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。第二点区别是，ng-if 会（隐式地）产生新作用域，ng-switch 、 ng-include 等会动态创建一块界面的...
2019-05-16 10:56:44
7414
原创 前端面试题（AJAX）
AJAX1，Ajax 是什么? 如何创建一个Ajax？ajax的全称：Asynchronous Javascript And XML。异步传输+js+xml。所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验(1)创建XMLHttpRequest对象...
2019-05-16 10:27:00
1923
原创 前端面试题（JavaScript）
JavaScript1，介绍js的基本数据类型。Undefined、Null、Boolean、Number、String2，介绍js有哪些内置对象？Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error...
2019-05-14 15:35:35
234
原创 前端面试题（CSS篇）
CSS篇1、介绍一下标准CSS的盒模型？低版本IE的盒子模型有什么不同的？IE盒子模型、W3C盒子模型盒模型：内容（content）、填充（padding）、边界（margin）、边框（border）区别：IE 的content部分把border和padding计算了进去；在CSS3中引入了box-sizing属性，它可以允许改变默认的CSS盒模型对元素宽高的计算方式，共包括两个选项c...
2019-05-14 14:19:54
482
原创 前端面试题（html篇）
HTML篇1、你做的页面在那些浏览器测试过？这些浏览器的内核分别是什么IE:trident内核Firefox: gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink（基于webkit,Google与Opera Software共同开发）2、Doctype作用？标准模式与兼容...
2019-05-13 18:13:50
170
转载 用vue-cli和iview相关做项目不兼容ie问题
使用vue-cli做项目，一般不会兼容ie浏览器，究其原因就是浏览器对ES6中的promise无法支持，因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能首先通过npm 安装npm install –save-dev babel-polyfill然后就是在你的项目中使用在webpack.base.conf.js中配置:第一种 entry: ...
2018-09-13 15:04:51
319
原创 微信小程序常见的坑
css样式的background图片不能是本地图片，可以将图片上传到服务器，引用的时候写服务器上的地址，引用本地的图片资源只能使用标签小程序不支持分享链接到朋友圈，现在通用的做法是生成保存页面小程序码的图片到本地，然后自行朋友圈转发，当然前端也可以通过canvas来实现，减轻服务端的压力，用canvas实现的时候，需要注意预览图和保存到本地的图片采用不同的尺寸，不然保存到手机的图片会变得不清晰...
2018-08-24 17:56:41
961
转载 JavaScript的函数节流和函数去抖
概念 节流：让一个函数不要执行的太频繁，减少执行过快的调用，叫节流 去抖：对于一定时间段的连续的函数调用，只让其执行一次 应用场景DOM元素的拖拽功能实现（mousemove）计算鼠标移动的距离（mousemove）监听滚动事件判断是否到页面底部自动加载更多：给 scroll 加了 debounce 后，只有用户停止滚动后，才会判断是否到了页面底部；如果是 throttle 的话，...
2018-08-09 14:14:52
141
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人