WEB前端
文章平均质量分 92
刘大逵
10000
展开
-
2023年前端面试题集锦
2023年又是行情惨淡的一年,作为从业10年的程序员,我整理了一些面试题,希望可以帮助到大家。原创 2023-03-08 15:10:39 · 450 阅读 · 0 评论 -
前端 - gulp应用
说明gulp用于搭建小的前后端分离中的前端项目还是挺合适的,如果你不使用诸如Vue、React、AngularJS等提供的脚手架框架,那么使用gulp来做js、css、图片等的压缩合并等处理就非常合适了。诸如gulp的第三方服务年年都有很大的变化,用法上变化也很大,具体用法还需要以最新的官方为准。中文官方地址:https://www.gulpjs.com.cn/笔者用到的gulp版本为:4...原创 2019-05-26 01:12:19 · 176 阅读 · 0 评论 -
Nuxt - 环境分离
Nuxt默认的环境分离Nuxt目前(2019/5/29)默认支持开发环境和生产环境,即通过运行nuxt启动开发环境服务,通过依次运行nuxt build,nuxt start启动生产服务,两者启动的时候均会有一个漂亮的日志输出,如下:开发环境需要注意的是,这里的Running in development mode, development是死的,不会根据NODE_ENV自动切换。生产环...原创 2019-05-29 15:11:24 · 1332 阅读 · 0 评论 -
Vue - Vue使用笔记
props的命名当我们自定义组件需要传递类似’xxx-xx’的名称时,可以通过驼峰命名来完成,如下:...props:{ // 方向,取值['x', 'y'] direction: { default: 'x' }, // 是否添加影子,为true时变换性能可大幅度提升 shadow: {...原创 2018-10-24 13:57:26 · 585 阅读 · 0 评论 -
Node - 安装Node和NPM(Mac, Linux)
安装nvm安装GIT(如果已经安装请跳过此步骤)安装nvm,下面的命令二选一curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash或者wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.32.0/inst...原创 2018-10-19 11:07:36 · 203 阅读 · 0 评论 -
Node - NVM的安装和卸载(Mac, Linux)
简单说明NVM全称为Node Version Manager,是一个存放在github上的工具。在github上有对nvm详细的描述。github地址:https://github.com/creationix/nvm。Mac下安装NVM(依赖GIT,请确保已安装GIT)在Terminal中运行命令curl -o- https://raw.githubusercontent.com/cre...原创 2018-10-19 10:44:28 · 31735 阅读 · 0 评论 -
Vue - Vue组件实现v-model的用法
简单说明当我们封装一个组件,比如说MySelect组件,我们希望他的用法是这样的。<my-select v-model="job"&amp原创 2018-10-16 16:17:05 · 3845 阅读 · 0 评论 -
浏览器兼容 - contenteditable元素的光标不显示
问题描述代码如下<span contenteditable="true"></span>这句代码在Chrome下光标正常显示,但在Safari中无法显示光标。解决办法此时需要设置span的样式如下span{ display: inline-block; min-width: 1px;}分析Safari下之所以不显示,是因为DOM元素的宽度不够光标显...原创 2019-01-14 20:14:24 · 5133 阅读 · 0 评论 -
Range - 获取光标位置
Range简介Range就是通过鼠标或者键盘或者代码选中的一段内容,这段内容浏览器会将其封装成一个Range对象。获取光标位置Chrome用getBoundingClientRectlet rect = window.getSelection().getRangeAt(0).getBoundingClientRect();Safari用getClientRectlet rect = ...原创 2019-01-14 21:06:18 · 1753 阅读 · 0 评论 -
CSS3 - 处理案例
抗锯齿(使文字更清晰)&amp;lt;css selector&amp;gt; { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}原创 2018-11-21 10:34:51 · 153 阅读 · 0 评论