首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    记录前端工作获得经验(三)

    又是一周过去了,又收获了很多新知识 怎么让文字两行显示: display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical...vue3使用lodash可以引入lodash-es,有tree-shaking,可以按需引入。...imgalt属性如果没有用的话就删掉,不过最好还是设置一下(就是图像无法显示出来时候替代文本)。...请求成功以后,一定要注意写逻辑是成功以后才执行,还是不管成功或失败都会执行,如果是后者可以写在finally,因为不管结果怎么样都会执行这一步。...我犯错情况就是把修改loading状态逻辑写在了then里,主管问我如果请求要是失败了呢?那么不就一直都是加载状态了?我直接傻了哈哈哈哈哈。

    12910

    记录前端工作获得经验(二)

    1.一定一定要好好看组件库api,而不是觉得自己基本会用就完事了,在实际工作想要效果往往和官网上范例有出入,要学会用插槽,用他提供api自定义内容。...因为这里存在对象引用问题,会造成数据污染,另外在vue3,只能使用返回对象函数形式了,不能使用对象方式了。 12.组件要用name命名,开头大写。...写移动端的话会用flex, 写PC项目不怎么用flex,所以还是会用到浮动,如果想要清除浮动的话第一种就是给父元素添加overflow:hidden属性,第二种就是给子元素最后加上一个空元素,然后给这个空元素添加...17.如果发现用js或者在行内样式给元素添加transition属性不生效,但是在style中生效的话,试试把stylescoped删掉。好像是因为hash原因。...22.昨天遇到一种情况,就是我要在轮播图中展示数据,一共八条数据,一页展示四条,然后我就在想怎么做,主管叫我可以使用lodashchunk方法,可以将数组变成一个二维数组,还可以添加一个参数,决定你二维数组要以几个元素为一组

    15010

    记录前端工作获得经验(五)

    清理npm缓存方法 npm cache clear --force 查看npm下载源 // 查看下载源列表 nrm ls // 切换 nrm use xxx // 查看当前下载源 npm config...get registry 在vue中使用echarts图表时,获取图表容器时,要在mounted。...区别, ??只处理null或者undefined情况, 但是!!处理0,false,‘’ null undefined NaN情况。...如果F12控制台source看不到源码或者源码里面乱七八糟,那就去vue-config设置一下map-source 学会打断点!!!F10逐帧执行, F11会进入方法体里。...分清楚==和===区别,也不是任何时候都要===来判断。 使用swipe轮播图时候,如果最后一页内容不够,撑不起盒子,但是盒子本身又不能给死高度,那可以放几个空元素补上。

    9610

    记录前端工作获得经验(七)

    2024/1/20-2024/3/1 大家,好久没更新了,因为之前过年放假,一直犯懒,最近工作上也没什么让我干的事,比较清闲,所以没什么可以写,每天就看看项目什么,了解公司业务,但是这些东西也不能发...hhh没什么可发 dayjsnewData()函数如果包含"-"的话,在ios可能会报错,可以转成/格式 如果husky cz用不了,试试这个命令: npm i commitizen -g...对象自己属性就是指我们自己定义在对象上方法,如果要列出这些属性,可以使用 Object.getOwnPropertyNames(object) 继承属性就是对象从原型对象那里继承来属性,比如对象上...如果想引用同一个目录下包,可以使用命令 pnpm add xxx(包名) --filter xxx(项目名),名字都是package.jsonname 我们平时在写ts时候,鼠标点击+alt时候会跳转到相对应...d.ts文件,他查找顺序大致是这样:会去查找tsconfig配置下文件,没有的话就去找node_modules下@types文件,最后会去package.jsontypes路径下面找。

    9410

    记录前端工作获得经验(六)

    如果定义了一个函数,能够通过传入不同参数进行不同操作,那最好写成一个对象,通过不同参数,去调用这个对象对应方法,如下(不要使用switch哈 function doSth(type, a, b)...}, sub(a, b) { return a - b } } const res = doSth('add', 1, 2) console.log(res) 怎么判断一个对象键值相不相同...name: 'yft', age: 20 } const obj2 = { name: 'yft', age: 20 } console.log(obj1 === obj2) //false 因为对象地址肯定是不同...而对象和数组,可枚举属性就是在循环中能循环到属性,相反就是不可枚举属性,在Object.defineProperty可以将属性定义为不可枚举。这样的话循环时候不会循环到这个属性。...经过同事指点,明白了不要什么事都等准备好了再去做,要边实践边学习,自然而然就会了 快捷键,怎么向上插一行: Ctrl+Shift+Enter, 这个还是很实用

    11310

    Http请求和HttpServletRequest获得对应参数方法

    , 我们分别来看下http和HttpServletRequest方法如何对应....() 请求资源 request.getProtocol(); //请求http协议版本 请求头 Host: localhost:8080 (必须)当前请求访问目标地址...() //获取所有的请求头名称 实体内容 name=oncealong&password=123456 实体内容,在post请求时参数放在实体内容 HttpServletRequest中用于获取请求实体内容方法...所以最好使用如下统一方便获取参数方式: request.getParameter("参数名"); //根据参数名获取参数值(注意,只能获取一个值参数) request.getParameterValue...("参数名“); //根据参数名获取参数值(可以获取多个值参数) request.getParameterNames(); //获取所有参数名称列表

    1.2K10

    WebFlux 请求地址路由怎么玩?

    依然还可以继续使用,不过 WebFlux 也提供了自己方案--Router。...deletePerson ,先查询要删除数据,然后再删除即可。...首先调用 nest 方法,第一个参数配置相当于是接下来配置地址一个前缀,这有点类似于我们在 Controller 类上直接写 @RequestMapping 注解去配置地址。...nest 方法第二个参数就是 RouterFunction 实例了,每一个 RouterFunction 实例通过 RouterFunctions.route 方法来构建,它第一个参数就是请求 URL...地址(注意这个时候配置地址都是有一个共同前缀),第二个参数我们通过方法引用方式配置了一个 HandlerFunction,这个就是当前请求处理器了。

    1.6K30
    领券