- 博客(20)
- 收藏
- 关注
RSS订阅原创 node
node应用的组成1.引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。2.创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。3.接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。Node.js REPL(交互式解释器)解释：Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Win
2020-11-26 14:33:27
95
原创 提高网站的性能
有多少种办法能提高网站的性能前端：1.引入外部CDN资源。2.提高代码的复用性。3.浏览器访问优化，减少http请求4.使用浏览器缓存(localStorage,sessionStorage)5，减少cookie的请求。6.可以利用keep-alive进行缓存应用服务器性能优化：1.分布式缓存（充分使用Redis）（减轻压力）2.异步操作 （消息队列）3.使用集群，负载均衡 在网站有很多用户高并发请求的情况下，可以将多台应用服务器组成一个集群，实现负载均衡，共同对外服务，提高整体处理能
2020-11-25 20:19:31
69
原创 使用svg步骤
1.在components里面建立SvgIcon文件夹，接着index.vue<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template><script>export default { name: 'svg-icon', props: {
2020-09-22 10:39:35
222
原创 使用screenfull案例
<template> <div> <span @click='clickFullscreen'>全屏</span> </div></template><script>import screenfull from 'screenfull'export default { name: 'screenfull', data () { return { isFulls
2020-09-22 10:26:41
60
原创 css常见技巧
1.图片底侧留有空白缝隙：vertical-align: bottom;因为默认是基线对齐，要变成底线对齐2.单行文本溢出省略号显示3.多行文本溢出省略号显示4.css三角的制作：向哪个方向指就把哪个方向设置有颜色5.伪元素清除浮动6.图像模糊处理，7.过度...
2020-08-12 09:51:01
53
原创 js的onscroll、scrollTop、scrollHeight及window.scroll等方法
onscroll解释：当元素的滚动条滚动时触发的事件。onscroll事件貌似任何实体元素都可以绑定，这里的实体元素包括DOM元素、window元素、document元素。用法即：element.οnscrοll=function(){};需要注意的是，滚动条一定要出现，而且滚动条是属于这元素的，例如： content因为外层wrap的高度小于内层inner的高度，所以当设置overflow:auto时会出现滚动条，当拖动滚动条时就会触发wrap的onscroll事件，而不是inner
2020-08-11 17:16:00
508
原创 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
在路由规则里的Vue.use(VueRouter)下面加上const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}
2020-08-11 17:04:22
327
原创 封装轮播图组件
父组件<template> <div id="app"> <!--first></first--> <banner :list="list" :looptime="looptime" :width="width" :height="height" :background="background" :color="c
2020-08-11 17:00:30
263
原创 v-if和v-show的问题
切换之前：切换之后：问题原因：切换之后原先的没有被销毁，所以会变形解决方法：把v-show改成v-if，因为v-if是元素的创建和销毁
2020-07-23 18:21:26
94
原创 echarts第二次的渲染问题
问题:echarts第一次渲染的时候没有问题，但是遇到第二次渲染的时候，上一次的残留下来的数据也会被再次渲染出来解决方法：只要在setOption中函数中，添加一个truesetOption（{},true）;就可以解决echarts的渲染问题...
2020-07-23 18:10:08
1389
原创 echarts图标
1总的属性1，title:标题组件2.tooltip:提示框组件tooltip: {trigger: ‘axis’ // 触发类型。‘axis’,坐标轴触发；‘item’,数据项图形触发；},3.legend:图例组件： 里面放的是data4.grid:工具栏5.grid:网格区域grid: {left: ‘3%’, // 网格距离盒子左侧的距离。可以是具体的像素值，也可以是百分比right: ‘4%’,bottom: ‘3%’,containLabel: false// 是否显示
2020-07-13 07:47:13
560
原创 PC端适配
1.项目需求:设计稿：1920pxpc端适配：宽度在1024~1920之间页面元素宽高自适应2.选定适配方案flexible.js+rem+flex布局3.步骤：【1】使用flexible.js 把屏幕划分为 24 等份var rem = docEl.clientWidth / 24【2】cssrem 插件的基准值设置为 80px （效果图是 1920px / 24）【3】要把屏幕宽度约束在1024~1920之间有适配 <style> @media screen an
2020-07-08 15:27:47
774
原创 vue中的五种组件传值
组件传值1 父传子父亲怎么传：通过属性绑定形式传儿子怎么接收：通过props来接收2.子传父子怎么传：通过this.emit触发一个自定义事件，并且发送一个值父怎么接收：通过定义自定义事件的事件函数的形参来接收3.兄弟组件传值定义一个事件中心，或者是第三方接收值的组件：通过该事件中心的emit触发一个自定义事件，并且发送一个值 父怎么接收：通过定义自定义事件的事件函数的形参来接收3.兄弟组件传值 定义一个事件中心，或者是第三方 接收值的组件：通过该事件中心的emit触发一个自定义事件，并且
2020-07-06 20:46:36
293
原创 数据劫持
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> var data = { msg: 'hello vue' } var vm = {}
2020-06-30 21:23:21
127
原创 数组去重
// 冒泡 // 随便从数组中拿一位数和后一位比较，如果是想从小到大排序，那么就把小的那一位放到前面， // 大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。 // 最慢 最容易实现得排序算法 // 利用添加中间变量实现 var arr2 = [1, 2, 34, 5, 7, 8, 1, 2]; function sortArray(arr) { f..
2020-06-28 17:32:43
89
原创 数组去重12中方法
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能一些小细节出错而已。数组去重的方法一、利用ES6 Set去重（ES6中最常用） function unique
2020-06-28 17:24:00
106
原创 用了localStorage为什么还要用vuex
在使用vuex的时候，vuex的数据不能持久化存储，将vuex的数据存到本地，localStorage即可实现数据持久化存储的问题，你既然用来本地存储，为什么还用vuex，有什么区别吗vuex他的数据是响应式的，而本地存储的数据不是响应式的eg:假如ab两个组件都在用本地存储，你改变了a组件里的数据，a页面数据虽然会同步到本地存储，但是由于数据不是响应式的，所以b页面的数据不会变，...
2020-06-28 15:09:25
2646
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人