在项目中会遇到开发环境和正式环境访问效果不一样，例如开发环境可以正常访问但是打包之后放到服务器上，图片居然访问不到了等等。。。。对于以上问题提供两种解决方案：第一：对于背景图片访问不到的情况，如下这种写法在打包正式环境下是无法访问的，.login {
width: 100%;
height: 100%;
background: url("../ass
最近的一个项目使用的是React+React-router+Redux框架，刚开始编写代码的时候，客户的需求不明确，没有明确要求兼容IE8,当第一个版本出来之后，用户发现不能在IE8下使用，才提出兼容IE8的事情。但当时整体的代码框架和主要功能都已经实现，如果更换框架来实现，相当于放弃前面几个月的React代码重写。这带来的工作量是难以估计的。 查找网上的R
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；webpack安装的两种方式运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 使用webpack的配置文件简化打包时候的命令在项目根目录中创建webpack.conf
vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题.
这里我们先看看vite官方文档的解释：https://vitejs.bootcss.com/guide/assets.html我们看到实际上我们不希望资源文件被wbpack编译可以把图片
转载
2024-09-27 16:55:12
287阅读
如何将用Node搭建的服务，在没有外网的情况下简单部署？通过查找自己和实践，找到了适合的技术——pkg，能将服务打包成一个exe文件，方便部署，既能保证代码的安全性，又能让使用者一键操作。一、通过查找资料，接触到的技术有： 1、pm2：一个进程管理，简单易学，但这个不满足我想要的结果  
接续上篇ES6+转ES5，本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5，并将编译后的文件配置注入对应的html文件。 所需环境node、npm、设置淘宝镜像请参考上篇进行安装，地址： 一、新建项目，目录如下二、执行命令初始化项目 cnpm init -y 执行成功后会生成文件：package.json 三、执行命令安装
文章结构推荐阅读声明类与创建对象构造函数注意点给类添加属性和方法不好的实现方式可以使用的方式类实现继承getter和setter私有属性兼最终代码 声明类与创建对象// 4.自定义构造函数创建对象
function CreateObj(cname, age) {
this.cname = cname;
this.age = age;
}
let obj = new CreateO
转载
2024-07-16 01:14:12
39阅读
文/明道云创始人任向晖雷军让小米汽车支持CarPlay是我没有想到的。我以为所有新势力们都铁了心要拒绝这种最重要的生态平台。但雷军说得很清楚，iPhone也可以么。其实不止iPhone，只要支持CarPlay，就必然可以支持Android Auto，理论上大多数安卓手机用户也都可以接入。这个特性发布在小米多平台澎湃OS的背景之下，显得尤其可贵。雷布斯是懂用户的，至少是懂男性用户的。CarPlay这
一、简介
• ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为”严格模式(strict
mode)”。二、浏览器支持
Opera 11.60
Internet
1、兼容性： IE10、Chrome、firefox、移动端、nodeJs
2、如果遇到兼容的解决方法：
a.尽量避免在不兼容的环境使用
b.编译、转化{
文章目录1、安装2、使用2.1、导入路由2.2、 创建2.3、创建路由实例2.3、导出2.4、使用2.5、使用router-link 完成切换2.6、介绍2.6.1、to2.6.2、active-class2.6.3、exactactive-class与exact 的使用例子2.6.4、使用children实现页面的显示2.6.5、使用 this.$route 去解决 2.6.4的问题2.6.6
一、下载electrongit clone https://github.com/electron/electron-quick-start二、进入我们自己的项目，修改公共路径为相对路径(如果不修改，则在npm run build后出现白屏情况 。注：我由于首先就修改了路径，所以没有出现所谓的白屏情况，这里备注的目的是为了告知不修改可能产生的问题，因为很多人踩过坑)。vue-cli3+版本的在vu
ECMAScript1ES6基础1.1ES6简介1.2let命令1.3const命令2.变量的结构赋值2.1数组的解构赋值2.2对象的解构赋值2.3解构赋值的主要用途3.箭头函数3.1箭头函数的定义3.2箭头函数与解构赋值4.数组方法4.1map（）方法4.2forEach（）方法4.3filter（）方法4.4every（）方法和some（）方法4.5reduce()方法5.字符串的扩展5.1
在es6中新添加了Proxy，那么它有什么作用啊？Proxy本意为代理，而es6中的Proxy也就是代理对象，那么代理对象感觉听起来很模糊，在这里就解释一下Proxy代理对象的作用。Proxy的主要作用就是可以对 对象进行拦截，以及对数据读取、修改的过滤保护。我们先利用es3的方式来实现一个需求，现有一数据，内部有name、age、sex三个属性，name、age属性可读可写，但是sex属性只可读
legend2---开发日志7（vue的使用场景有哪些，或者说使用的优缺点）一、总结一句话总结：任何页面都可以使用vue，尤其是有交互的或者用ajax的，但是vue插件及其它各种插件加载需要时间，所以会有延迟交互较多又想页面不重新刷新的ajax通信的优点：vue双向绑定省掉页面更新的那些js 缺点：vue加载延迟 1、让标签上移用什么操作（比如子元素和母元素之间有间隔，但是不方便操作母元
转载
2024-07-15 11:22:46
33阅读
ES6模块化ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不再需要需要额外学习AMD、CMD或CommonJS等模块化规范ES6模块化规范中定义：每个js文件都是一个独立的模块导入其他模块成员使用import关键字向外共享模块成员使用export关键字在node.js中体验ES6模块化安装v14.15.1或更高版本的node.js在
函数增强写法# ES5const obj = { run: function() { }, eat: function() { }}# ES6const obj = { run() { }, eat() { }}属性增强法const name = 'Bill';const age =
原创
2022-06-27 11:16:05
242阅读
es6: es:EMCAScript 6 （es2015） Emca:国际标准组织一、常量与变量 const a='hello' 常量const只能定义一次，不能重复定 const声明的变量不得改变值，这意味着const一旦声明变量，
转载
2024-09-19 11:51:27
121阅读
一.ES6新特性1.let和const原因： var有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量let： let所声明的变量，只在let命令所在的代码块内有效const： const声明的变量是常量，不能被修改2.解构表达式数组解构let arr = [1,2,3] const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值对象解构const person
转载
2024-08-19 09:45:23
39阅读
整个过程大概分两个部分： 1.安装node.js和npm 2.安装vue插件 一、首先安装node.js和npm 1.安装 直接在官网下载就可以，选择你所需要的版本，一般window选下面的这个就可以 点击下载的程序，点“next”进行安装， 注意可以根据自己的需要修改安装路径。然后一直next，直到install。安装完成finish 安装完成后，目录展示： 可以通过命令行验证是否安装成功：键盘
