weixin_44314609的博客

Cannot find module 'node-sass'或者check python checking for Python executable python2 in the PATH的方案汇总

dsBridge —— 让h5调用app原生功能

【代码】原生js实现上传图片按比例压缩方案【附带插件方案】

nvm的作用就是可以任意切换Node.js的版本，所以在下载nvm之前，现将系统中的Node.js全部删除，若之前没有安装过，可忽略第一步。

阿里云oss实现上传图片

cropperjs 裁剪图片

强大的新手引导功能 - driver.js。

让代码更靓！！！

tailwindcss引入项目的正确‘姿势’

方法一最为简单的，将router设置为hash模式！！！history模式的路由需要后端配置，hash模式便不需要，不同的框架所需不一样，看对应的文档。方法二找到nginx配置代码，进行修改，网上很多都是如下类型的代码location ^~ /api { proxy_connect_timeout 600; proxy_read_timeout 600; proxy_set_header x-real-ip $remote_addr; proxy_se

在vue中使用了ckeditor5后，收到如下图的反馈：起初以为是小问题，像其他富文本一样加几个属性参数就有了，但是我发现我错了，错的离谱。那些参数加上去没有任何效果，后来查找下才知道是要下载插件。以下分为两部分，第一部分为引入并使用插件，第二部分为CKEditor -duplicate -modules报错的解决方案，根据自身情况查看。下载插件并引用因为我引入的方式是在vue页面中加入该代码引用import ClassicEditor from '@givebest/ckeditor5-cus

v-model

这要实现的重点就是 地图添加底部阴影的效果，原理就是在原有的地图下面再添加一个地图，下面是代码：html <div id="myEchart" ref="myEchart" style="height:600px;width:100%;"/>引入文件import echarts from 'echarts'import '@/../node_modules/echarts/map/js/china.js' // 引入中国地图数据jschinaConfigure.

vue项目引入three.js实现基本的动画(含vue-cli2引入报错解决方案)

安装npm i lib-flexible --save引入// main.jsimport 'lib-flexible'安装插件npm i px2rem-loader --save-dev配置方法一、在vue-cli3的项目中，找到node_modules/@vue/cli-service/lib/config/css.js，加入代码rule .use('px2rem-loader') .loader('

首先祭出 github地址 和 官网地址安装npm install swiper vue-awesome-swiper --save引入// main.jsimport Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'// 如果Swiper 版本>=6.x 使用import 'swiper/swiper-bundle.css'// 如果Swiper 版本<=5.x 使用import 'swipe

工厂模式在工厂模式中，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。class Product { constructor(name) { this.name = name } init() { alert('init') } fun1() { alert('fun1') } fun2()

来看看两道概念题：问一：chunk，bundle，module的区别?chunk指的是经过webpack转化处理后的代码片段；bundle指的是经给webpack处理后输出的文件，统称 bundle文件；module： webpack中万物皆模块。问二：hash ，chunkhash， contenthash的区别？hash 是代码发生变化，整个项目的hash就会发生变化；但是仅有个别文件发生变化，显然缓存就没有了意义。chunkhash 是根据不同的入口文件(Entry)进行依赖文件解

entry —— 可字符串，可对象，可数组打包入口 （spa【单页面应用 / 单入口】， mpa【多页面应用 / 利于seo】）output占位符： [name], —— 名字[hash] —— 类似时间戳，利于缓存 [hash:6]的形式限制位数 （内容发生变化，hash就变化）[chunkhash]例：const path = require('path')module.exports = { // 入口 entry: { // 多入口 index: './src

在上篇，写了一个redux的简单demo，redux使用，这篇就结合react-redux与实际项目进行结合使用。加减按钮demo实现简单的点击加号，点击减号改变数字的项目，demo虽小，五脏俱全；安装 redux 和 react-reduxnpm i redux react-redux创建react项目 基本操作npx create-react-app my-appcd my-appnpm start再根目录下父组件 index.js中import { createStore }

刚开始学习react，自以为redux是react中的东西，就像vue与vuex的关系一样，后来才知道我错了，错的很离谱，他们就拼写比较接近罢了。就如redux官网所说Redux 是 JavaScript 状态容器，提供可预测化的状态管理。下面引入redux，来理一理redux的实现思路创建文件夹，初始化并安装npm init-ynpm i redux引入reduxconst { createStore } = require('redux')创建store，并进行监听// 1 创

搭建服务器安装npm i koanpm i nodemon -save // 便于修改文件 无需重新启动服务器写入代码const Koa = require('koa');const app = new Koa();app.use(async ctx => { ctx.body = 'Hello World';});app.listen(3000);访问本地端口3000，可以看到信息，下面进入正题创建mongoDB数据库没有账号的同学，mongodb官网创建一个账

今天的项目中，正有一个需求就是上拉加载，下拉刷新，正好之前有了解了better-scroll，可以满足要求，立马动手，当我完成后，同事才跟我说，vant里面就有此ui（该项目已引入vant）。。。行吧，当做熟悉下better-scroll，但同时为了使项目小些，把辛苦写的代码删除了，用vant的list组件重新写了遍；发现一个大道理：还是别人封装好的香！！！better-scroll之前写了个入门体验文档，今天将两者都使用了，并对比下。安装npm i better-scroll<templ

说到爬取数据（爬虫），一般都想到python，但是今天不谈论python，今天用nodejs爬取数据，以网易新闻网为例（辛苦你了）来做制作demo。安装npm install request fs cheerio安装后，接下来进入正题，创建index.js// 引入模块const request = require('request')const fs = require('fs')const cheerio = require('cheerio')// 爬取 https://news

此文为实现一个以nodejs为基础，简单的图片上传功能的小demo，做记录，供参考！安装安装四个插件express multer ejs pathnpm install express multer ejs path构建启动服务器// 引入模块const express = require('express')const multer = require('multer')const ejs = require('ejs')const path = require('path')//

1

首先，better-scroll官网是不能少的；创建一个html页面中，引入cdn<script src="https://unpkg.com/better-scroll/dist/bscroll.min.js"></script>当然，vue中用npm引入；然后我们来体验下，代码如下：// html<div class="wrapper"> <ul class="content"> <li>...</li>

上一章webpack的loader，我们已经自己测试并开发了一个样品，这次我们了解下plugin（插件）的用法及运行机制。基础的搭建这里就不再说了，可以直接看上一章搭建完后，还是老规矩，放图片路径在src中创建main.js，内容随意编写console.log('plugin')需求一：自动清除dist的插件首先，谈谈需求，每次重新运行打包，都会覆盖之前的dist，但并非删除，这显然不是我们所要的结果，因此，引入在每次打包之前自动清除dist的插件，就必不可少的；第一步，安装npm in

作为程序员，百忙的业务中也要抽空来学习其他技术，这不，最近感觉自己对webpack的理解真的太少，又得知提高工作效率，离不开webpack；成为中高级前端工程师，webpack也必不可少，因此，重新webpack来入门，相信会收获写新知识。webpack 基础搭建创建webpack-demo文件，引入webpack和webpack脚手架npm install webpack webpack-cli --save-dev初始化npm init如果想使用默认配置，则npm init -y在