- 博客(465)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 解决node环境下SyntaxError: Cannot use import statement outside a module的问题
问题今天刷leetcode的时候，发现有些函数老是重复书写，于是单独写了一个uitls.js模块，通过import的方式导入，没想到居然报错了。解决方案错误警告其实已经给出了解决方案，在package.json文件中设置"type": "module"。所以执行一下下面的命令，默认所有配置为‘y’，从而快速生成package.json，然后修改文件即可。npm init -y1{ "name": "leetcode", "version": "1.0.0", "desc...
2021-07-25 12:51:39
1568
转载 position:fixed 没有相对浏览器窗口定位的原因 transform冲突
遇到一个有意思的现象， fixed 的元素没有相对 viewport 定位，而是相对于它的父元素进行定位了。逐一排查后 ，发现是transform捣乱了。fixed 元素的块级格式上下文 Block Formatting Context（BFC） 由 viewport 创建，也就是fixed 元素的 BFC 包含在根元素的 BFC 里w3c 对 transform 的[定义]()：For elements whose layout is governed by the CSS box mo.
2021-07-15 15:12:43
2795
转载 vue离开当前页面时给出提示，弹出框一闪而过
vue离开当前页面时给出提示，弹出框一闪而过路由守卫就不说了，在离开当前页面给出提示时，发现弹出框一闪而过，不能阻塞进程(window.confirm原声的是可以的)，但是这个不好看，我也懒得改(其实不会改);这样解决加 延时执行！if (to.fullPath == "/questionInfo/questionListTest" || to.fullPath == "/addUserInfo") { setTimeout(() => { //此处必须要加延迟.
2021-07-15 10:50:26
1063
转载 微前端解决方案
文章目录 网易严选企业级微前端解决方案与落地实践 网易微前端的建设背景 建设要点分析 应用隔离 子应用与子应用隔离，js隔离 主应用与子应用隔离 应用间通信 配置中心等相关配套设施 网易严选企业级微前端解决方案与落地实践网易严选企业级微前端解决方案与落地实践网易微前端的建设背景 1.技术栈的迭代与升级 2.巨石应用的维护困难 3.新的前端复用模式探索，各系统之间有很多功能需要复用 即使.
2021-01-11 10:51:01
410
原创 【Vue devtools】Vuex中State不能立即变化
Vue devtools会出现修改vuex后，对应面板数据不更新的情况，可以用通过以下方式解决。注意：配置修改后，要重新启动chrome的devtools打开下面的即可
2020-11-25 11:23:35
1687
1
转载 vue使用keep-alive指令缓存页面和清除缓存
vue使用keep-alive指令缓存页面和清除缓存 业务背景 解决思路 实现 踩过的坑 业务背景手机端，创建视频会议的场景用户从首页home，点击创建会议，跳转到创建会议页面create,其中选择与会人员需要跳转到另一个联系人的页面contacts，勾选选联系人，选中联系人后，在返回到create页面，原来在create页面录入的数据要保持。解决思路使用keep-alive指令缓存create页面 使用keep-alive指令 的include属性 指定哪些需要.
2020-11-02 09:24:46
2114
转载 chrome浏览器解决跨域请求SameSite方案
在chrome浏览器地址栏输入chrome://flags并回车 在搜索栏中输入SameSite by default cookies搜索，并禁用如图中的两项设置 ，改为Disabled即可 点击右下键ReLaunch重启浏览器即可
2020-09-28 11:26:03
1117
转载 vue加了scoped反而导致样式不起作用了？
加scoped不就是为什么了保障样式不会乱一个.vue文件里的样式不会受其它文件样式的影响么为什么偏偏会有一个.vue文件里加了scoped反而导致这里面的样式不起作用了是可能是什么原因呢发现问题了是因为我的内容是调接口获取的html通过v-html绑定的可能是进入页面的时候先加载的样式然后绑定的内容...
2020-08-19 18:39:43
821
转载 Visual Studio Code源码编译最完整解决方案
简介：1.Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。2.有时我们需要自己开发编程工具，那么vscode是一个很好的选择。想要编译vscod...
2020-04-01 08:55:41
1907
原创 IE11 跨域不能写入cookie解决方案
在做单点登录时，发现Firefox chrome浏览器都没有问题，就IE11有问题，查看了一下子系统的请求，发现子系统没有收到主站的cookie。只需要再header重添加P3P即可Response.AddHeader("P3P", "CP='CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP...
2020-02-22 21:27:19
1002
转载 关于Vue/axios下跨域cookie的处理 （IE11）
一般在生产环境下尽量可以通过nginx等反向代理，把vue前端和api接口处理成同一端口和域名。在开发和测试时，也可以使用兼容性比较好的浏览器进行。凡事有例外，以下分别对待不同情况：服务器端 配置cors即可 客户端 配置Axios.defaults.withCredentials = true，这样大部分浏览器都支持跨域cookie了，反正新版本chrome下无问题。...
2020-02-22 21:24:17
1379
转载 CORS跨域发送两次请求原理及解决方法
CORS跨域时，为何会发送两次请求？跨域资源共享(CORS)是什么？跨域资源共享(CORS) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。CORS需要浏览器和服务器同时支持...
2020-02-22 21:22:26
2186
转载 如何解决ts无法识别vue中的$refs
ue中$refs可能会返回一个vue对象或者是Element对象，但是typescript并不知道这是个什么玩意儿，怎么解决这个问题呢？解决办法是我们手动指定其类型，例如有一个ScrollView.vue组件，我在父组件中引用它。<template> <scroll-view ref="scrollView"></scroll-view><...
2020-01-07 09:12:35
7268
原创 如何处理微信7.0中，ios下软键盘弹出后，点击完成不收起的bug
最近做项目发现在iOS12.*系统里的微信7.0版本下，input输入框会产生个很怪的bug：软键盘弹出后，点击完成后键盘并没有收起。该bug在iOS自带的Safari浏览器里面是没有任何问题的，于是找度娘狂搜了一番，搜到了Wechat7.0的确有软键盘这个问题，但是网上的解决方案都不能很好的解决此问题（比较微信7.0出来才没多久）。最终我的解决方案是在输入框失去焦点的时候，window.sc...
2019-02-26 09:44:29
1358
转载 AngularJS中serivce，factory，provider的区别
摘要 翻译，原文链接：http://www.ng-newsletter.com/advent2013/#!/day/1目录[-]一、service引导二、service1、factory()2、service()3、provider()理解Angular 服务什么是Angular Service使用Angular 服务定义一个服务管理
2016-03-28 17:45:45
743
转载 gulp顺序执行任务
gulp的任务的执行是异步的。 所以，当我写完一系列的任务，准备一股脑地执行。#gulp.task('prod', ['clean', 'compass', 'image', 'style', 'html', 'ftp']); [10:22:54] Starting 'clean'...[10:22:54] Starting 'compass'...[10:22:54] St
2016-03-10 15:11:42
2033
原创 sublime结合gulp、grunt使用的一些坑
grunt或者glup里面配的有watch+newer任务的时候，如果你的文件是在sublime编辑的话，会碰到一些让人头疼的问题，下面把我遇到的问题归纳一下。1.在Sublime里不停的按Ctrl+S的话，有的电脑没有监控到任何文件发生变化，有的电脑里监控到当前这个文件发生变化，还有的电脑里面newer不生效会导致所有文件都重新被编译（这种情况最致命，grunt编译会特别慢）。2.gul
2016-03-08 20:04:03
3197
转载 CNPM搭建私有的NPM服务
从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。非常适合小型网站，个性化网
2016-02-23 14:00:14
2864
转载 Gulp.js深入讲解
上周明河发了篇《Gulp.js—比Grunt更易用的前端构建工具》，同时也贴在阿里的技术站上，引起了不少前端同学的讨论。赤温（开发工程师）说：这东西（Gulp.js与Grunt）差距不大，社区才是王道！英布（高级前端开发工程师）说：一个是以配置的方式，一个是以编程的方式，感觉各有千秋吧，复杂流程还是使用编程的方式比较好，简单的那就随便了。诚冉（前端开发工程师）说：曾经苦于将
2016-02-02 23:41:24
1254
转载 gulp教程之gulp-autoprefixer
简介：使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码，不必考虑各浏览器兼容前缀。【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参
2016-01-29 14:43:23
3076
转载 gulp教程之gulp-imagemin
简介：使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片）1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程1.2、本示例目录结构如下：2、本地安装gulp-imagemin2.
2016-01-29 12:30:58
1382
转载 gulp使用经验谈…各种坑
为何要用构建工具？一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。上面这段话摘自grunt官网翻译，解释了为何要使用grunt这类自动化构建工具。其实很早以前类似的工具就有了，java、php版都有，当
2016-01-29 11:35:08
5858
转载 前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件
2016-01-28 15:45:46
473
转载 nodejs 中的 NODE_PATH
在使用 nodejs 开发中我们都免不了要去安装一些第三方模块。那么你或多或少的遇到过以下一些问题再继续阅读之前，我们先来弄清楚一个概念。npm install --global xxx 属于全局安装npm install xxx 属于本地安装安装的模块太多项目太臃肿，模块没能复用你写一个项目 A 需要安装一个 express 模块，又开发一个项目 B
2016-01-26 19:34:02
1194
原创 zepto on事件委托在苹果手机上的”坑“
已经移动端用zepto做的页面，突然发现on绑定的click事件并没有触发，写法如下，是事件委托的写法。1111111aaaaaaasssssaaaaaaassssssssssssss$(document).on('click','.abc',function(argument) {alert($(this).html())})我把此写法改成非事件委托的
2016-01-26 18:55:12
5819
1
转载 Windows下 NodeJS 全局安装 modules 后在应用中 require 不到的解决方案
Windows环境下, 通过 npm install -g 安装的全局模块, 可能无法在app中被require引用到, 怎么办?其实, 只要设置环境变量NODE_PATH 指向全局模块根目录即可. 我的解决方法是:我的电脑->属性-> 高级-> 环境变量, 添加一个环境变量名为 NODE_PATH , 将其值设置为全局模块的根目录. 我这里这个目录是: C:\Documents an
2016-01-25 17:22:08
3062
转载 FastClick使用之trigger触发click失效
最近为了提升web app在ios上的点击效率，使用了FastClick.js，效果很明显，基本是点击后立马有反馈。可是发现一个问题，在使用模拟点击的时候，并不能触发点击的目的。$("#btn").trigger("click");//模拟点击而以上代码，在安卓上，却能正常触发。于是百度查找了相关的资料,找到以下内容（引用自http://amazeui.org/1.x/ja
2016-01-22 13:18:48
1822
转载 使用Flexible实现手淘H5页面的终端适配
转载地址：http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html评论同样精彩
2016-01-14 10:58:25
850
转载 Centos上安装nginx+nodejs+express+mongodb环境.
用nginx反代nodejs,可以让每个app变得更独立。一、安装Nginxhttp://nginx.org/en/linux_packages.html#stable在这个页面，选择对应的系统版本这里是centos5下载安装包wget http://nginx.org/packages/centos/5/noarch/RPMS/nginx-rele
2016-01-06 21:56:33
2465
转载 MongoDB基本命令用
成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令：show dbs:显示数据库列表 show collections：显示当前数据库中的集合（类似关系数据库中的表） show users：显示用户use ：切换当前数据库，这和MS-SQL里面的意思一样 db.help()：显示数据库操作命
2016-01-05 15:38:46
467
转载 使用node-inspector调试Node.js应用
如果你在编写Node.js代码，node-inspector是必备之选，比Node.js的内置调试器好出许多。使用起来跟Chrome的javascript调试器很相似。使用npm安装：$ npm install -g node-inspector然后需要通过浏览器连接到node-inspector，需要启动inspector服务：$ node-inspector &
2016-01-04 15:09:03
427
转载 package.json依赖管理dependencies中 ^ 和 ~ 的区别
pakage.json 中对引入依赖包版本进行管理时，dependencies中常常可以看到类似 ^1.2.0 或 ~1.2.0 这样的版本范围指示。那么，这里的 ^ 和 ~ 具体表示什么含义呢。详细内容可以查看npm的官方文档：https://docs.npmjs.com/misc/semver#advanced-range-syntax上面的链接中高级范
2015-12-18 18:06:36
7139
转载 Gitbook简明教程
Gitbook是一个命令行工具(node.js库)， 使用Github/Git创建漂亮的图书。 你可以看一些用它编写的图书的例子： 学习Javascript. 你也可以很容易的通过gitbook.io网站发布在线图书。 editor 是一个图形化的编辑工具， 提供Windows, Mac 和Linux的版本. 关注Twitter帐号 @GitBookIO. 这篇文章只是一个起步教程，
2015-12-11 14:23:23
1553
转载 使用Gitbook制作电子书
Gitbook是一个命令行工具，可以把你的Markdown文件汇集成电子书，并提供PDF等多种格式输出。你可以把Gitbook生成的HTML发布出来，就形成了一个简单的静态网站。Gitbook还有一个同名的平台（gitbook.io），可以发布和销售电子书，并提供了一个Markdown客户端工具（支持Mac、Windows和Linux）帮助写作。以下是我在使用Gitbook中的笔记。首先G
2015-12-11 14:11:03
718
转载 利用Travis CI 让你的github项目持续构建(Node.js为例)
Travis CI 是目前新兴的开源持续集成构建项目，它与jenkins，GO的很明显的特别在于采用yaml格式，简洁清新独树一帜。目前大多数的github项目都已经移入到Travis CI的构建队列中，据说Travis CI每天运行超过4000次完整构建。对于做开源项目或者github的使用者，如果你的项目还没有加入Travis CI构建队列，那么我真的想对你说out了。 下面
2015-12-09 19:23:27
862
转载 Git 常用命令整理
初始化配置C代码 #配置使用git仓库的人员姓名 git config --global user.name "Your Name Comes Here" #配置使用git仓库的人员email git config --global user.email you@yourdomain.example.com #配置到缓存 默认1
2015-12-09 11:27:27
340
转载 如何注册删除自己的js库到bower私库
建立自己的bower 私库的方式参考http://blog.csdn.net/nsrainbow/article/details/35988611 这篇文章我们如果想注册自己创造的js库到私库怎么办呢？前提条件你必须在 github 有一个库在你的项目根目录下要有bower.json文件，例子[javascript] view
2015-12-08 11:54:37
1081
转载 我是如何利用一个周末时间成为前端工程师的
2周前，我将 TravisLight 开源了，这是一个建立监控的工具，也是一个用于 Travis-CI 的构件监控工具。出于兴趣，我用了一个周末的时间做了这个项目，而且我是以一个真正的前端开发者的角色来做的。当我在 Nelmio 的时候，尽管我做了一些javascript的应用，但我参与的更多是后台开发。大部分时间我是在写API给前端调用，而且在工作中经常会出现偏差。实际上，我认为每一个做
2015-12-08 10:32:31
776
转载 [浅析]淘宝详情页的BigRender优化的最佳方式
导读：BigPipe是服务器chunked输出html内容，BigRender是服务器一次性输出的，究竟淘宝商品详情页的BigRender方式是如何效仿Facebook的BigPipe方式的？存放大块HTML代码的最佳方式又是什么？文中为您揭晓答案。内容如下：对于复杂页面，为了将用户关注的内容尽可能快渲染出来，至少有两种方式：一、Facebook的BigPipe方式。
2015-12-02 14:07:32
701
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人