- 博客(22)
- 收藏
- 关注
RSS订阅原创 【记录贴】syntaxerror: unexpected token v in json at position 2
今早后端给我反应一个问题：js中字符串转json对象时报错：Uncaught SyntaxError: Unexpected token s in JSON at position 2解决方法如下：// js中获取jsp的返回值var json='${channels}'var channels = JSON.parse(json); // 就报上面的错。json的值最终会转成这种json格式： ‘[{sc_it_id=, sc_server_port=7890}]’，但使用parse这
2022-03-21 14:00:55
1808
原创 关于vue.js中 provide/inject的使用
需求场景：目前有个场景，上方的应用模块的每次切换都决定了下方的接口所获取到的数据，接口都是同一个，但是为了做成动态的变量，将每次上方获取到的值以不同的直段动态的添加到下方的接口中，以获取不同场景下的数据，这是一个弹窗，且上方和下方分别是不同的组件，他们本没有任何联系（耦合性），但是在项目中，可以理解为他们的关系是，都是同一个index.vue文件所引用，属于孙子级别的，为了建立联系，这里我使用了vue.js的provide/inject。官方介绍：描述： provide/inject 这对选项需要一
2022-03-07 10:48:14
1407
原创 XXX packages are looking for funding run `npm fund` for details解决方法
今日开新项目，然后在安装依赖的时候出现了一些问题，记录下npm i报错信息：解决方法：npm fund出现如下：npm run dev运行成功如下
2021-11-01 13:41:05
2849
原创 关于react.js 和antd 的国际化。
突然想起来 2月份公司做了一个大连团队的项目，主要是面向日企的，所以要求语言是日语的，但是刚开始（一期）大家使用的把文案中文翻译成日文，再替换（有些笨），二期的时候才想起来做国家化，我们的项目主要是 react.js和antd .这里选用 antd 的国际化。头部引入国际化组件和ja_JPimport {ConfigProvider} from 'antd';import zh_CN from 'antd/es/locale/ja_JP';在组件外层放上<ConfigProvider lo
2021-08-24 16:05:04
566
转载 ts与js最大的区别是什么呢？
TypeScript is a syntactic sugar for JavaScript. TypeScript syntax is a superset of ECMAScript 2015 (ES2015) syntax. Every JavaScript program is also a TypeScript program.语言层面：JavaScript和TypeScript都是ECMAScript（ECMA-262）的具体实现。执行环境层面：浏览器引擎和Node.js都能够直接运行
2021-08-24 15:44:52
364
原创 分享一个公司的迭代周期示意图
迭代分为 开发阶段、集测阶段、验收测试阶段，一个完整的周期大致如下：开发阶段研发在dev/迭代号 分支进行开发。提交的Commit log 必须带JIRA号。功能开发完成后，由Owner 或者 Maintainer 审核后合入 master 分支。集测阶段全部功能开发完成后，由dev 打出 integartion tag，由Tech Leader、Architect 主导进行集成测试。集成测试的版本必须直接由 git 代码编译， 禁止使用本地代码。验收测试集测通过后，代码 从mas
2021-08-16 14:14:16
1364
原创 最全的前端程序员常用英语词汇都在这了~
Aalign 对齐active 激活absolute 绝对alpha 图像通道animate 动画animation 动画片alert 提醒add 加append 添加after 之后Bback 超过范围的三次方缓动bounce 指数衰减的反弹缓动before 在…之前blur 当输入框失焦的时候触发BOM 全称Browser Object Model 浏览器对象模型blur 失焦bind 绑定background 背景border 边框banner 页面上的一个
2021-08-12 13:19:29
1084
原创 导入文件-formData新增请求参数
这是一个记录贴，本来一个是正常的上传导入文件功能，但是后端要求做测试和生产俩种环境的做标识位，需要在原本的流文件请求参数外，再新增一个请求一个参数async sureCallback() { let formData = this.formData if (!formData.formData) { this.warn('请选择文件') return } // 后端要求写固定值- enterpriseId 测试环境为16，生产
2021-08-10 16:46:39
1472
转载 Module build failed: Error: Cannot find module ‘node-sass‘ Require stack报错 完美解决
报错信息解决方法（亲测有效，已试过几次）npm install --save-dev node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass这个问题，我自己在项目中出现几次了，每次都这么解决，非常有效！...
2021-08-10 10:01:26
3580
2
原创 使元素消失的几个简单小方法
1.opacity：0,该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定了一些事件，如click事件也能触发2.visibility:hidden,该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件3.display:node, 把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删掉...
2021-08-06 17:06:08
290
原创 http和https的区别以及http1.0 和1.1和 2.0的区别
http和https的区别https：是以安全为目标的HTTP通道，简单讲是HTTP的安全版本，通过SSL加密http：超文本传输协议。是一个客服端和服务器端请求和应答的标准（tcp）,使浏览器更加高效，使网络传输减少http1.0 和1.1 和2.0的区别长连接：HTTP1.0需要使用keep-alive参数来告知服务器建立一个长连接，而HTP1.1默认支持长连接节约宽带：HTTP1.1支持只发送一个header信息（不带任何body信息）host域（设置虚拟站点，也就是说，web serve
2021-08-06 17:03:00
605
原创 关于http的那些理解
http协议的理解1.超文本的传输协议，是用于从万维网服务器超文本传输到本地资源的传输协议2.基于TCP/IP通信协议来传递数据（HTML，图片资源）3.基于运用层的面向对象的协议，由于其简洁、快速的方法、适用于分布式超媒体信息系统4.http请求信息request请求行（request line）、请求头部（header）,空行和请求数据四部分构成请求行，用来说明请求类型,要访问的资源以及所使用的HTTP版本.请求头部，用来说明服务器要使用的附加信息空行，请求头部后面的空行是必须的请求数
2021-08-06 16:58:16
168
原创 服务端状态码的部分理解
2XX（成功处理了请求状态） 200 服务器已经成功处理请求，并提供了请求的网页 201 用户新建或修改数据成功 202 一个请求已经进入后台 204 用户删除成功 3XX（每次请求使用的重定向不要超过5次） 304 网页上次请求没有更新，节省带宽和开销 4XX（表示请求可能出错，妨碍了服务器的处理） 400 服务器不理解请求的语法 401 用户没有权限（用户名...
2021-08-06 16:53:28
149
原创 react的一些基础概念
react 元素就是一个简单JavaScript对象，一个React 元素和界面上的一部分DOM对应，描述了这部分DOM的结构及渲染效果。React 元素可以分为两类：DOM类型的元素和组件类型的元素。react 组件React通过组件的思想，将界面拆分成一个个可以复用的模块，每一个模块就是一个React 组件。一个React 应用由若干组件组合而成，一个复杂组件也可以由若干简单组件组合而成。react 实例这里的实例特指React组件的实例。React 组件是一个函数或类，实际工作时，发挥作用的
2021-08-06 16:39:54
176
转载 关于this指向的相关知识
在前端js中，this虽然只是其中的一个关键字而已，但是确实一个比较特殊的关键字。为什么说this在js关键字中很特殊呢，原因就在于this是函数在运行时自动生成的一个对象，this的指向在函数定义的时候不是确定的，只有在函数运行的时候才能确定this指向是谁，其实this最终指向的就是调用它的那个对象（this指向的是最后调用它的对象），说白了就是“谁调用指向谁”。首先来了解一下this指向的优点好处：在特定函数和写法中，this可以方便快捷的引用对象，使得写法简单容易复用和代码简洁精简。一、this
2021-08-06 16:29:24
155
原创 git 的开发分支规范
前言这个规范是公司的老哥分享的，觉得很不错，就拿出来分享给大家了git分支命名规范主干分支xx-master测试分支XX-dev发版分支xx-prodbug修复分支bugfix-xxxx新需求分支feature/xxxxx紧急修复分支hotfix/xxxx...
2021-08-06 16:09:26
150
原创 前端性能优化浅谈
使用CDNCDN（内容分发网络）部署在各大运营商机房，当用户通过浏览器请求资源时可以直接反馈给用户，极大的减轻了服务器数据中心的压力。本质上CDN也是一种缓存，如果你的所在地距离某个CDN节点很近，那么网站响应的速度提升也是非常明显的。另外CDN所缓存的资源主要为静态资源，如静态页面、图片、css和js文件等。CDN加速对于一些遍布范围较大的网站来说效果最为明显，使用的话像阿里云CDN产品，其节点多达280多个，覆盖运营商也比较全面。减少外部http协议网页加载的时间与http请求密不可分，而外部资源
2021-08-06 10:22:47
122
原创 Git创建本地分支并关联远程分支
创建本地分支 git branch 分支名例如：git branch dev，这条命令是基于当前分支创建的本地分支，假设当前分支是master(远程分支)，则是基于master分支创建的本地分支dev。切换到本地分支 git checkout 分支名例如：git checkout dev，这条命令表示从当前master分支切换到dev分支。创建本地分支并切换 git checkout -b 分支名 例如：git checkout -b dev，这条命令把创建本地分支和切换到该分支的功能结合起来了，即
2021-08-06 10:07:30
464
转载 vue配置本地运行指定不同的环境
前言为了维护配置文件,防止生产配置文件被改动。步骤安装cross-env插件npm install cross-env --save项目cross-env版本: “cross-env”: “^5.2.0”增加配置文件'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"lo
2021-08-06 09:58:04
772
原创 面向对象的优势和特点
1.首先我们来了解什么是面向对象？解释：面向对象是一种编程思想，一种解决问题的方式，不是专门的编程方式。另外面向对象也遵循万物皆可对象的法则，程序中的关键模块都可以视为对象，对象都是由属性和方法组成，属性可以理解为对象的特征，是静态的，方法可以理解为对象的行为，是动态的。最后在js中，所有的对象可以分为普通对象和函数对象。而Object ，Function 是JS自带的函数对象。凡是通过 ...
2020-03-08 22:13:53
1537
原创 JS的对象属性操作
首先我们要了解 ，什么是js对象的属性操作？那么首先我们来了解什么叫对象？在现实生活中，采取某些，如属性名：属性值的格式，可被描述的事物，叫对象 在程序中，这个描述这个事物的信息，叫对象首先我们来了解jS的对象的创建：（创建有2种方式）##1. 字面量创建 var obj1 = {}; ##2. 构造函数创建 var obj2 = new Object(); ...
2020-02-23 23:11:59
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人