- 博客(35)
- 收藏
- 关注
RSS订阅原创 自己封装组件npm发布，vue.config.js报错
module.exports = { // 修改 src 为 examples pages: { index: { entry: 'examples/main.js', template: 'public/index.html', filename: 'index.html' } }, // 强制内联CSS css: { extract: false }, // 扩展 webpack 配置
2020-05-12 14:17:05
577
原创 html转pdf分页 css
html转pdf分页(根据情况两者结合使用)<div style="page-break-after:always; "></div><div style="page-break-before:always;"></div>html转pdf中的表格不被截断（根据需要做适当修改）：tr, td, th, tbody, thead, tfoo...
2020-04-13 15:34:07
1829
原创 vue项目npm i 报错
当从gitlab拉下代码之后，需要对vue项目进行npm install,但是无奈报了踩了坑，报了好多错，还好经过多番查找终于解决了这个问题。这里是Node.js 在安装模块的时候报错，缺少python环境。执行npm install global --production windows-build-tools但是安装完这个之后还会报错，这里缺少node-gyp执行npm ins...
2020-04-02 13:04:14
5459
原创 vue中请求本地json文件的问题
第一种方法1、直接使用import 进行引入import XXX from ‘路径’第二种方法2、通过ajax请求import { get, post } from ‘./request’; (其中request为axios的封装)export const apiTableData = ({}) => get(’/data/table.json’,{}) //这两句是在接口...
2020-03-30 10:43:34
1669
转载 Js基础知识4-函数的三种创建、四种调用（及关于new function()的解释）
转载：https://www.cnblogs.com/7qin/archive/2018/09/07/9606489.html
2019-11-15 11:06:11
166
转载 【ES6学习笔记之】Object.assign()
【ES6学习笔记之】Object.assign()https://www.jianshu.com/p/d5f572dd3776
2019-11-07 12:01:20
164
转载 单页面应用程序（SPA）的优缺点
单页面应用程序（SPA）的优缺点：https://www.cnblogs.com/belongs-to-qinghua/p/11151054.html
2019-11-07 11:59:29
299
转载 Cookie常用的优化方式
Cookie常用的优化方式https://www.cnblogs.com/goloving/p/9363452.html
2019-11-06 14:34:59
226
原创 react学习随笔4
key 只是在兄弟节点之间必须唯一数组元素中使用的 key 在其兄弟节点之间应该是独一无二的。然而，它们不需要是全局唯一的。当我们生成两个不同的数组时，我们可以使用相同的 key 值：...
2019-11-04 17:34:41
138
转载 计算机网络五层模型详解
这应该是把计算机网络五层模型讲的最好是文章了，看不懂你打我https://blog.youkuaiyun.com/m0_37907797/article/details/102740903
2019-11-04 14:45:04
948
转载 JS中的this指向问题
this 的指向并不是在创建的时候就可以确定的，在 es5 中，永远是this 永远指向最后调用它的那个对象箭头函数众所周知，ES6 的箭头函数是可以避免 ES5 中使用 this 的坑的。箭头函数的 this 始终指向函数定义时的 this，而非执行时。，箭头函数需要记着这句话：“箭头函数中没有 this 绑定，必须通过查找作用域链来决定其值，如果箭头函数被非箭头函数包含，则 this 绑定...
2019-10-28 14:48:38
131
原创 react学习随笔3
正确地使用 State关于 setState() 你应该了解三件事：1、不要直接修改 State例如，此代码不会重新渲染组件：// Wrongthis.state.comment = 'Hello';而是应该使用 setState():// Correctthis.setState({comment: 'Hello'});构造函数 是唯一可以给 this.state 赋值的地...
2019-10-28 12:13:03
150
原创 react学习随笔2
1、假设一个标签里没有内容，可以使用 /> 来闭合标签，就像XML语法一样<img> </img> ===> <img />2、JSX 语法上更接近 JavaScript 而不是 HTML，所以 React DOM 使用 camelCase（小驼峰命名）来定义属性的名称，而不使用 HTML 属性名称的命名约定。例如，JSX 里的 class ...
2019-10-28 11:22:56
197
原创 react学习随笔1
1、在 JavaScript class 中，每次你定义其子类的构造函数时，都需要调用 super 方法。因此，在所有含有构造函数的的 React 组件中，构造函数必须以 super(props) 开头。2、当你遇到需要同时获取多个子组件数据，或者两个组件之间需要相互通讯的情况时，需要把子组件的 state 数据提升至其共同的父组件当中保存。之后父组件可以通过 props 将状态数据传递到子组件...
2019-10-18 18:21:52
178
原创 class类声明和函数声明的不同：
class类声明和函数声明的不同：函数声明可以被提升而class类声明不能被提升class类使用前必须先被声明const p = new Rectangle(); // ReferenceErrorclass Rectangle {}class类表达式是定义class类的另一种方式，class类表达式可以被命名也可以不被命名，但是若不被命名，// unnamedlet Rectan...
2019-10-17 17:54:43
650
原创 小程序在ios下图片渲染的问题
问题描述：就是在首页有个可以切换年龄段的按钮，然后在活动页展示不同年龄段对应的icon和文字。但是频繁切换几次以后，图片固定为一个不变了，但是图片路径和文字可以加载出来而图片不显示。这个问题困扰了我好长时间，通过百度，尝试各种方法。最后请教了一个大佬，他说可能是缓存引起的问题，第一种方法可以在图片的路径后面加上一个时间戳或者是随机数，第二种方法是把图片格式转换成base64位的。我使用了第一种...
2019-08-16 18:20:57
1146
转载 web前端性能优化方法
web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。内容优化(1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法：合并多个CSS文件和js文件，利用CSS Spr...
2019-07-03 22:02:55
141
转载 Vue与React两个框架的区别和优势对比
Vue和React两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有哪些，各自的优缺点是什么，本文将为你呈现。我已经写出了两个几乎一样的web应用，一个是基于Vue，另一个则基于React，可以方便你在看这篇文章的时候查找相关代码。React sample appVue sample app简单介绍除非你最近一直不关注前端的发展，不然你肯定听说过由Facebook创建...
2019-06-29 13:58:15
297
原创 vue路由跳转的几种方式
1、router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 &l...
2019-06-29 08:44:46
37450
原创 数组的基本操作方法
数组的基本操作1、往数组中添加一个元素：push方法（在尾部添加）unshift方法（在头部添加）二者均返回数组长度2、从数组中删除一个元素：pop() 方法（在尾部删除）shift() 方法（在头部删除）二者均返回删除元素总结：push()、pop()、shift()、unshift()都会改变原数组3、提取数组中的一部分slice() 方法：slice（开始位置，结束位置）...
2019-06-25 08:59:07
11946
2
原创 http和https的区别
http的全称是Hypertext Transfer Protocol Vertion （超文本传输协议）HTTPS的全称是Secure Hypertext Transfer Protocol（安全超文本传输协议）http和https之间的区别就在于其传输的内容是否加密和是否是开发性的内容HTTP与HTTPS的区别1、HTTP是超文本传输协议，信息是明文传输，HTTPS是具有安全性的SSL...
2019-06-18 22:17:46
468
原创 图片预加载和懒加载
一、预加载图片预加载即提前加载图片，可保证图片快速、无缝地发布，用户需要查看时可直接从本地缓存中渲染，适用于图片占据很大比例的网站。方法1,在CSS background中加载：会增加页面的整体加载时间方法2，JS new image对象，设置src加载：方法3，Ajax预加载,new Image()对象设置src二、懒加载图片：将图片src赋值为一张默认图片，当用户滚动滚动条到可视...
2019-06-05 10:27:35
121
转载 axios和ajax的区别
1、axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。简单来说： ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。axios是ajax ajax不止axios。2、优缺点ajax：本身是针对MVC的编程,不符合现在前端MVVM的浪潮基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案JQue...
2019-05-31 09:37:33
6875
原创 自定义组件、全局和局部组件、组件之间的传值、插槽以及动态组件
一、自定义组件组件是你能够拿来用的那些标签、方法等都可以叫做组件。例如：h5标签可以说是系统自带的一个组件，html内置的组件。那么如何用vue实现一个自定义组件呢？以下是实现过程：1、首先定义一个组件：其中：（1）template表示当前组件显示的模板内容，txt会在template这里模板html中显示（2） //定义一个组件 const Button = ...
2019-05-30 15:39:41
1050
原创 vue实现简单的全选、单选问题
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> ...
2019-05-29 14:58:31
1429
原创 一个圆形图片由多种颜色的拼接
<html> <head> <style type="text/css"> #ball{ width:100px; height:100px; background-color:red; border-radius:50%; position:absolute; clip:r...
2019-05-28 09:31:14
1084
原创 原型、原型对象、原型链和继承
一、对象1、说到原型，我们先要明白一个概念，什么是对象？JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。例如：* * * 属性是与对象相关的值。* * * 方法是能够在对象上执行的动作。* * * 举例：汽车就是现实生活中的对象。2、普通对象和函数对象的区别var a1 = {}; va...
2019-05-26 19:40:39
423
原创 关于promise 和 async..await的理解
一、Promise1、Promise是最早由社区提出和实现的一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和更强大。ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。2、promise是为解决异步处理回调金字塔问题而产生的3、Promise最大的好处是在异步执行的流程中，...
2019-05-25 14:58:15
426
转载 浏览器兼容性问题
javascript常见的浏览器兼容问题：document.form.item 问题问题：代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements[“elementName”]集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，FF不能...
2019-05-24 11:46:53
491
原创 res.send和res.json的区别
就是返回的数据在浏览器展示的格式router.post('/upload_file',upload.single('img'), (req, res) => { res.send(req.file); res.json({ code:'success', info:'/uploads/'+req.file.filename, })});res.json()...
2019-05-23 11:13:32
3410
原创 post和get请求的区别
超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。一、post和get请求的区别：1、http与服务器进行交互的方式有...
2019-05-21 23:08:39
453
原创 js中三个等号
===：三个等号我们称为等同符，当等号两边的值为相同类型的时候，直接比较等号两边的值，值相同则返回true，若等号两边的值类型不同时直接返回false。...
2019-03-26 09:03:51
10625
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人