前端 - 领域 - 链滴

登录注册

查看所有领域

关于 SiYuan v3.1.12 后默认自动清理超过 180 天快照的调查
目前思源加入了自动的快照清理功能，触发时机如下：手动触发同步每 24 小时执行一次默认的配置是保留 180 天内的快照，每天保留两份。在启动、退出时的同步不会触发，但是 30s 的自动同步会触发。我个人不喜欢这个设计，因此以下的描述可能会有偏颇。不喜欢的原因如下：清理功能是自动的且没有开关默认开启，这导致假 ..

350 3 小时前
还在一行一行删除 console.log 代码 ? 算了，瞎写吧！
[图片] 粗暴删除直接重写 console.log 的方法，直接让它失效哈哈。 console.log = function () {}; 灵活运用 IDE 在任何趁手的 IDE 中，直接全局搜索本项目里 console.log 正则匹配，然后全部替换为空即可。 console\\.log\\(.*?\\) 手写 ..

754 2 年前
webpack 加载器 - 打包处理 css 文件
[链接] 1. 创建 src\css\1.css 文件 li { list-style: none; } 2. 在 index.js 中引入 1.css 文件 import './css/1.css' 3. 自动打包的时候提示了错误提示缺少一个合适的 loader 来处理 .css 文件 4. 安装 loader n ..

139 4 年前
4W 字长文带你深度解锁 Webpack 系列 (基础篇)
以下文章来源于前端宇宙，作者刘小夕三篇长文，4W 余字，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 1.webpack 是什么？ webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建 ..

240 4 年前
vue ui 的可视化管理
@vue/cli3.0 增加一个可视化项目管理工具，全局安装完成 cli3.0 之后，可以直接在 cmd 输入命令：vue ui 启动即可，地址默认是 localhost:8000； [图片] 如果是已有 vue-cil 项目可以通过导入打开[图片] 可以导入的项目文件夹的 icon 是深色，点击进入后就可以导入了创 ..

661 4 年前
webpack 从入门到放弃
Webpack 是一个前端的静态模块资源打包工具，能让浏览器也支持模块化。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。常用命令 webpack -v 查看版本号 webpack ./js/main.js -o ./js/bundle.js 第一个路径为入口js的路径，第二个路径 ..

221 4 年前
VuePress 初体验
[图片] 前言之前一直想写一套的基于 vue 的组件库，一直都没有找到快速构建规范化文档的工具，今天偶然看到了 vue 官方推出的 vuepress，可以用来快速生成文档的页面，并提供了与 vue 官方文档一致的默认主题使用过程安装 vuepress 提供了全局以及局部方式，我使用的是全局方式，并使用 yarn ..

382 4 年前
Webpack JS 模块化原理
最近一直在看一些和 JS 模块化发展历程的东西，正好呢，也想了解一下 Webpack 在我们背后帮我们做了那些事情，所以就有了今天的这篇文章。首先我们自然需要搭建一个最简单的 Webpack 环境，我这里也上传到了 [链接] 我们这里只建立一个最简单的模块依赖，只有两个文件 // index.js import sa ..

270 5 年前
小小白初学 react 之简单入门 webpack
记录一下学习 react 的过程，首先新建一个文件夹，起名为 react--01 用 vsCode 编辑器工具打开，打开终端输入 npm init 初始化项目，一直按回车自动生成 package.json 配置新建 index.js 入口文件并编辑代码 document.write('Hello 黑客派!!'); ..

198 5 年前
初识 webpack 之起步安装（一）
webpack 概念：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundl ..

175 5 年前
Vue-cli3 简 qian 易 yi 教程
对于没有了解过 vue-cli3 的童鞋，建议先去看看官方的教程：传送门新版本的新特性 1. 插件使用 cli 的插件，可以很快的搭建一个项目的结构。如 axios 的插件 vue-cli-plugin-axios，可以自动创建一个带有 request 和 resonpose 的拦截器的 axios 的实例的文件 ..

411 6 年前
《从零构建前后分离的 web 项目》实战 -5 分钟快速构建炒鸡规范的 VUE 项目骨架
初步搭建脚手架 Tips 任何不错的开源项目都有 project-cli 脚手架、我们用它生成往往能快速配制出最佳的、理想的脚手架我通常使用 cli 生成项目骨架再在之基础上进行个人修改。什么是 CLI 命令行界面（英语：command-line interface，缩写：CLI）是在图形用户界面得到普及之前使用最 ..

226 6 年前
基于 Vue-Cli3 的开箱即用脚手架模版
[链接] ：基于 Vue-Cli3 搭建的开箱即用 Vue 脚手架模版，致力于探究更高效地构建优质 Web 应用。功能详述 Vue-Cli3：对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持。此脚手架：基于 Vue-Cli3 所构 ..

1K 6 年前
使用 vue-cli 快速搭建 vue 项目
Vue 是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue 官方文档很全面的。 Vue 两大核心思想，组件化和数据驱动，组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用，数据驱动是前端的 ..

336 6 年前
《从零构建前后分离的 web 项目》：前端了解过关了吗？前端基础架构和硬核介绍
前端准备：前端了解过关了吗？前端基础架构和硬核介绍 [图片] 技术栈的选择首先我们构建前端架构需要对前端生态圈有一切了解，并且最好带有一定的技术前瞻性，好的技术架构可能日后会方便的扩展，减少重构的次数，即使重构也不需要大动干戈，我通常选型技术栈会参考以下三点：一、提出自身业务的需求 SEO 是否非常重要？主要面 ..

1.8K 5 年前
前端模块系统的发展史 -- Webpack
Webpack 是什么我们在使用 React、Angular、Vue 或者自定义的前端框架时，基本上都会使用到 Webpack，因为不管你的模块形式是 CommonJS、AMD 还是一般的 JS 文件，或者你需要动态表达式 require('./'+name+'.jade') Webpack 基本上都可以帮你解决。加 ..

470 6 年前
前端模块系统的发展史
前端模块系统 script 标签模块系统在 JavaScript 出来的时候就已经存在了，之前的前端加载 JavaScript 的方式就是使用 ... 每一个文件都被看成一个模块，通常这些模块都是暴露在全局作用域下，也就是定义在 window 对象中，当然你也可以使用命名空间来组织这些模块。这样做必须要考虑 js ..

195 6 年前
花了一晚上，才把 angular 4 升级到 angular6，webpack2 升级到 webpack4
呃，一边写代码一边刷油管，能怪谁呢？唉



1.5K 6 年前
高效开发 Web 单页应用解决方案
于 2017 年初，有在 Github 建立并维护一个项目：Vue Boilerplate Template，欲成就一款开箱即用 Vue + Webpack 的脚手架模版；其目标与宗旨是：根据以往经验提供一些参考，对于如何构建中大型 Vue 项目。这蛮久以来，有坚持维护更新，各项主要依赖库，基本都保持着同步升级；记载这 ..

615 5 年前
搭建 vue2 单元测试环境 (karma+mocha+webpack3)
从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用 vue-cli 中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了好多坑，写在这里记录一下心得。 1、用 vue-cli 生成一个新的项目，把单元测试需要的文件直接复制到你的项目中 vue init we ..

301 6 年前
react-server-side-render 最新学习与实践
[图片] 写在前面 server side render(ssr)服务端渲染，亦即同构应用。主要有利于 seo 和首屏渲染，这是一篇比较新的可运行的结构设计，基于比较新的 react v16、react-router v5 的同构设计。结合了 redux(Flux 数据流实现)。项目地址:react-ssr-sta ..

1.6K 6 年前
基于 webpack2.x 的 vue2.x 的多页面站点
依旧使用 vue-cli 来初始化我们的项目然后修改主要目录结构如下： ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.co ..

237 6 年前
前端文档汇总（觉得对您有用的话，别忘了给点个赞哦 ^_^ ！）
原文链接 [链接] front-end-Doc 前端文档汇总（含代码规范、开发流程、知识分享等）这里的文档很重要，你可以在这里看到前端相关代码规范、开发规范、开发流程等，如果你是新人，务必看完，如果你是老员工，务必按这里的约定执行。 Build Setup # install dependencies npm ..

431 6 年前
前端的来指点下
想利用空余时间学一学前端 Vue.js，有什么推荐的好课吗，本人后端一枚，前端很菜。不了解 ES6 和 webpack 以及 Sass。

276 6 年前
求助：React 微信浏览器的文本操作
如图，在微信浏览器中点击复制，如何即选中左侧内容到手机粘贴板？从而实现在手机其他位置的粘贴功能~已经被折磨许久，希望各位前辈多提提意见，(PS:开发环境是 react) [图片]

272 7 年前
[荐] 如何优化 Webpack 打包？
如题之疑问，有写两篇文章，分别对体积和速度方面优化，予以探究，还请品尝。 [链接] [链接] [图片]

705 7 年前
结合七牛和高德地图 API 显示照片位置
[图片] 在苹果手机上，我们只要打开定位服务，拍照后便能在相簿中找到地图，地图上显示着在各地拍摄的相片。网站上这种显示方式也并不少见，例如 Flickr、即将关闭的 Panoramio 等。作为地图爱好者，每每看到地图就激动不已，就想若能在自己博客上也这么显示，那该多好！ [图片] 相片的地理位置信息，是通过手机等设 ..

996 7 年前
使用 Webpack+Vue 建立基于 iView 的页面 [未完]
使用 Webpack+Vue 建立基于 iView 的页面最近需求变动很快啊…今天基于这个明天构建那个的。多写点东西沉淀一下知识，之后查阅起来会方便很多文章用到的代码，都可以在 github 上 clone 至本地，使用 npm install 安装依赖，使用 npm run build 打包后，双击 index. ..

620 7 年前
最近写了篇 Vue 相关的文章，说两句？
如题。 [链接]。欢迎探讨。

1.1K 6 年前
使用 Webpack+React 建立基于 Ant Design 的页面
使用 Webpack+React 建立基于 Ant Design 的页面好吧，其实没有标题写的那么夸张，也就是个 HelloWorld…这里记录一下今天的研究历程 0. 项目代码本文所用到的代码已上传 github，clone 下来之后进入项目根目录，控制台输入 npm install 等待包安装完成后，输入 np ..

1.1K 7 年前
react-starter 脚手架搭建过程
本文献给一些 react 新手，不对，应该说针对想要通过 react 进入前端世界的程序猿们~ 背景公司的项目需要使用 react，两三个月前还是一个基本不怎么懂前端，当时的我除了 jquery 什么都不知道，但是公司要求使用 react 开发新的项目，完全不懂前端的我只能去试着学习使用 react 进行开发，然后什 ..

3.1K 7 年前
一个莫名其妙的前端问题，求解
一个莫名其妙的报错，求解~ 我在配置一个 react 脚手架的时候，使用了 esformatter 和 eslint。项目正常运行没有任何错误，但是在使用 esformatter 命令时，会报如下错误命令是 esformatter src/**/*.jsx。 [图片] 运行一切正常(运行时已经进行了 eslint ..

1.3K 7 年前