前端开发
CF西西
热爱Html5,热爱NodeJS,热爱Silverlight,热爱WCF, 热爱Android,热爱.NET,热爱iOS,热爱C# ,热爱我自己。
展开
-
mac中vscode快速生成vue代码模板
通过键入vue关键字快速生成模板非常简单步骤一command+shift+p 会弹出命令行,在命令行中输入Snippets步骤二在模板文件中复制以下模板步骤三新建vue文件,在文件中输入"vue",编辑器会弹出快捷窗口,点击便会生成模板代码...原创 2022-06-07 10:28:21 · 818 阅读 · 0 评论 -
如何在mac上安装并nvm使node版本降级
我们平时在开发node的时候,会碰到某某开源项目api不支持的情况,一般情况下是我们自己电脑的node版本较高,一些旧有api被移除的关系。解决这一问题的办法一般采用将node版本降级。而nvm正是管理node版本的工具,使用对应命令行即可将自己的电脑node版本降级至指定版本。下面我来说下如何在mac上安装并nvm同时使node版本降级。1、安装nvmcurl -o- https://...原创 2019-12-31 11:15:14 · 1858 阅读 · 0 评论 -
WebStorm设置eslint自动修复代码功能
原理很简单,利用插件监听文件发现不合规范的自动更新即可。有两步1、打开webstorm,在Preferences中点选plugins,检查FileWatchers是否已经安装2、再次去到Preferences,在Preferences中点选Tools,找到FileWatchers项,增加一个监听的任务。按如下配置项进行配置:File type: Any (or JavaS...原创 2019-12-16 11:52:15 · 2565 阅读 · 0 评论 -
Mac下Vue Cli如果修改从yarn改到npm仓库
第一次预装的时候如果选择了yarn,电脑会默认记下使用yarn作为安装仓库,对于一些需要使用npm的教程非常的不友好。如果希望修改仓库可以去到mac的根目录下寻找.vuerc文件进行修改使用command+空格弹出快捷输入框,输入terminal.app出现控制台,在控制台中输入下面的命令,可以查看.vuerc文件。vi ~/.vuerc点击i键进行编辑,修改下方使用仓库,编辑完...原创 2019-06-24 10:38:24 · 2341 阅读 · 1 评论 -
解决IOS键盘弹起失焦后页面滚轮没有复原的BUG
参考:https://ask.csdn.net/questions/715074其实方法比较简单,自己监听控件的失焦(blur)事件,一旦失焦,将滚轮位置重置。代码如下:$('input').on('blur',function(){ window.scroll(0,0);});...原创 2019-04-28 17:18:53 · 270 阅读 · 0 评论 -
如何在Webpack4中添加插件自动去掉console
在原来webpack4之前,大家的主流做法是通过webpack的混淆配置来实现new webpack.optimize.UglifyJsPlugin({ // Eliminate comments comments: false, // Compression specific options compress: { //...原创 2019-04-26 16:09:18 · 8685 阅读 · 3 评论 -
Win10 VSCode源码无法启动解决
转自:https://github.com/Microsoft/vscode/issues/470201、确定安装MSBuild Tools and VS 2015node 8.9.3yarn 1.3.2node-gyp -v v3.6.2python v2.7 2、去到node_modules下找native-keymap\build\binding.sln,运行并安装各...翻译 2018-11-02 19:10:49 · 1204 阅读 · 0 评论 -
解决vscode“experimentalDecorators”报错
How to remove experimentalDecorators warning in VSCode参考:https://ihatetomatoes.net/how-to-remove-experimentaldecorators-warning-in-vscode/在根目录添加一个tsconfig.json文件文件里写下如下配置:{ "compilerOptio...原创 2018-10-12 17:00:09 · 1628 阅读 · 1 评论 -
React 16 加载性能优化指南
转自:https://zhuanlan.zhihu.com/p/37148975关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。但随着 React 16 和 Webpack 4.0 的发布,很多过去的优化手段其实都或多或少有些“过时”了,而正好最近一段时间,公司的新项目迁移到了 React 16 和 Webpack 4.0,做了...转载 2018-05-24 16:48:22 · 4280 阅读 · 0 评论 -
手机html页面对checkbox控件需要使用click事件,而不是tap
楼主曾经遇到过坑,用js去手动改变checkbox的checked属性状态,但是当用户用手去点击checkbox时,js的修改标签代码便失效了,研究后发现,checkbox是自带check事件的,判断checkbox的状态,手工触发click就好了不需要修改标签的元素。原创 2016-05-13 18:34:11 · 3762 阅读 · 0 评论 -
【移动前端开发】移动平台对 META 标签的定义
转自:http://www.cssue.com/xhtml-css/html5-css3/mobile-meta.html下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。1、http-equiv 属性的 Content-Type 值(显示字符集的设定)说明:设定页面使用的字转载 2016-03-24 17:11:06 · 813 阅读 · 0 评论 -
什么是Html文档流
简而言之,相对布局就是文档流。写html,css的同学应该需要清楚什么是文档流。文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种状况将使转载 2016-02-01 11:19:12 · 842 阅读 · 0 评论