随笔分类 - 前端
前端ps html jquery
摘要：需求背景： 需要将 a = [1,2,3,4,5] 转换成 a = ['1','2','3','4','5'](整数型数组转换成字符型没找到直接的方法，思路就是先将数组转换成字符串，然后再将字符串转换成数组) 然后有的需求是需要将 ['1','2','3','4','5'] 转换成 [1,2,3,4
阅读全文
摘要：项目背景是做图片识别，接口需要上传图片格式为base64格式的，react项目的相关代码：
阅读全文
摘要：项目是用vue-cli搭建的，是基于移动端的，需要在手机上测试的时候发现用ip访问不了，用localhost是可以访问的，网上查资料的解决办法（此为Mac机子的解决办法）： 在config文件里面的index.js里面的module.exports下面的dev下面的host:'localhost'改
阅读全文
摘要：项目背景是用eharts 渲染数据，其中Y 轴的 刻度尺间隔用 interval,代码中如下：
阅读全文
摘要：nginx 安装完成以后启动的时候报403， 网上找的答案是在配置文件nginx.conf里面加上 user root owner;这个要加在配置文件的第一行才行，否则还是会报错，配置文件截图为： 参考链接为：https://blog.csdn.net/u013091013/article/deta
阅读全文
摘要：react 首屏加载优化，原本是在入口HTML文件中加载loading动画，但是部署在测试环境上的时候一直无法显示loading的部分，也是奇怪了，我们测试环境的部署一直跟本地的都不太一样，内外网的转发多次，总感觉会丢掉一些文件。 本次采取的优化方法就是，按需加载，首先需要下载依赖，yarn add
阅读全文
摘要：首页加载loading，放在#root里面，代码如下：
阅读全文
摘要：nginx 部署web页面的时候，路径都是对的，但是css文件就是不起作用，控制台提示如下，原来是格式的问题，截图如下： css 被转成了application/octet-stream,这个是nginx的默认格式，所以需要在nginx的配置文件上配置type,配置文件截图为： mime.types
阅读全文
摘要：项目背景需要适配ipad 以及手机端，这时候当然要告别刀耕火种时代啦（自己算rem），因为已经有成熟的工具啦，即px2rem(https://www.npmjs.com/package/px2rem) 配合amfe-flexible(https://www.npmjs.com/package/amf
阅读全文
摘要：1.首先了解一下call和apply call 和 apply 的第一个参数是null/undefined时函数内的this指向window 或global call/apply 用来改变函数的执行上下文(this)，它们的第一个参数thisArg 是个对象，即作为函数内的this,多数的时候你传啥
阅读全文
摘要：转载：https://www.jianshu.com/p/d4298239e1e4, yarn 下载一些包的时候总是报错，在控制台执行下面的语句后可以下载，具体原因尚未清楚待研究
阅读全文
摘要：项目需求，需要根据当前的图片的路径值的来（加或者减）动态改变其值： state定义如下： 重点就是前面的数值： render 代码如下： 计算操作的方法代码为： 项目实现的效果： 通过加减来改变图片里面的鸡蛋数量
阅读全文
摘要：搭建express express官网API http://expressjs.com/zh-cn/ 1.在文件夹下新建一个packages.json文件 内容为： {} 然后执行 yarn add express 然后可看到node_modules 文件下的依赖文件里面有express，packa
阅读全文
摘要：准备学习node,记录一段 1.搭建好 node 以后，就记录一下 hello world
阅读全文
摘要：参考链接：https://segmentfault.com/a/1190000015646531
阅读全文
摘要：1.yarn add -g create-react-app 2.create-react-app demo cd demo yarn start 可以跑起来整个项目了 一般都会用到路由，需要 yarn add react-router-dom
阅读全文
摘要：设置cursor-spacing，具体可参考官方文档，代码如下： <input type='text' bindinput="bindKeyInput" placeholder='说点什么吧…' class='speakBM' value="{{speakValue}}" cursor-spacin
阅读全文
摘要：项目背景是一个搜索框，不能实时的监听onChange 事件去发送请求，这样会造成服务器的压力 解决思路就是用 setTimeout + clearTimeout 普通js代码如下： react 项目中的处理： 代码如下： lodash中也提供了debounce函数可以有时间看一下。
阅读全文
摘要：项目背景，后端接口要求formData传参： 在util.js文件中封装转化函数，代码如下： 项目背景，后端接口要求formData传参： 在util.js文件中封装转化函数，代码如下： 使用页面： 首先：var util = require('../../utils/util') 设置header
阅读全文
摘要：判断web页面是否是首次加载： if(!window.name){ window.name ='name' this.setState({ note:true })}
阅读全文
浙公网安备 33010602011771号