在某些场景下会用到带自动补全的搜索功能，比如股票网站[财报营](https://caibaoying.fun/)，在搜索框中开始输入股票的代码或者股票名字，会自动弹出相匹配的备选股票代码和名字。选择自己所需的股票代码提交后就能跳转到该股票到详情页。 这个功能在rails中可以使用autocomplete_rails这个gem帮助实现。 ## 实现步骤 autocomplete_rails这个gem需在jquery-rails、jquery-ui-rails这两个gem安装的前提下使用。 ### 安装gem ```ruby:gemfile gem 'jquery-rails' gem 'jquery-ui-rails' +gem 'autocomplete_rails' ``` 执行`bundle install`，重启rails s ### 引入自动自动补全的主题样式...

flchp  2023-08-17  12  12  12  12 

模糊搜索是网站的一个非常常见的功能。 ## 安装gem ```ruby:gemfile +gem 'ransack' ``` 执行`$ bundle install`,重启服务器 ## 使用 修改controller ```ruby:app/controllers/account/posts_controller.rb def index - @posts = current_user.posts.order("created_at...

flchp  2023-08-15  12  12  12  12 

rails5原生自带`gem 'sass-rails', '~> 5.0'`，但是gem 'sassc-rails'能带来四倍的的css文件编译速度。 ```ruby # Using sassc-rails [1] pry(main)> Benchmark.bm { |bm| bm.report { Rails.application.assets["application.css"] } } user...

flchp  2023-08-09  12  12  12  12 

父子树形结构是一个比较常见的结构，比如：电商平台商品的多级分类（一级分类，二级分类，三级分类），公司的多级组织（集团公司、省公司、市公司、县公司）等。 针对这种结构的设计，ruby中有非常好用gem： "ancestry" ，下面介绍一下这个gem的基本用法。 ## 安装 ```ruby:Gemfile + gem 'ancestry' ``` ($代表在命令行执行) 执行`$ bundle install`,重启`rails s` 给需要父子树形结构的model如：category添加ancestry字段。 执行`$ rails g...

flchp  2023-08-08  12  12  12  12 

之前一直对Bootstrap框架和Vue、react框架有什么不同点不明白，因为都是前端框架。直到看到了单页应用和多页应用才大致明白。bootstrap擅长做MPA，而react、vue等擅长做SPA。为什么手机app这样的SPA会更加流行，可能跟SPA虽然第一次加载慢一点，加载完之后就是通过ajax请求数据相应快有关。 ## 名称解释 单页面应用：SinglePage Web Application，简称 SPA。单页应用又称 SPA（Single Page Application）指的是使用单个 HTML 完成多个页面切换和功能的应用。这些应用只有一个 html 文件作为入口，一开始只需加载一次 js,css 等相关资源。使用 js 完成页面的布局和渲染。页面展示和功能室根据路由完成的。单页应用跳转，就是切换相关组件，仅刷新局部资源。 多页面应用：MultiPage Application，简称...

flchp  2023-08-08  12  12  12  12 

* [logdown](http://megychen-blog.logdown.com/archives)一个可以配置个人二级域名的博客网站 * [全栈营](https://fullstack.qzy.camp/)rails教程网站 * github * holdle

flchp  2023-08-07  12  12  12  12 

```ruby /^a*b?a*$/ =~ "a" * 50000 + "x" ```

  2023-08-06  12  12  12  12 

## bootstrap5介绍 Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap5 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。 前期一直是使用bootstrap3，最近发现bootstrap5有让col居中的功能，很喜欢，就研究怎么升级成bootstap5。并记录一下过程，方便以后新项目快速安装。...

flchp  2023-08-06  12  12  12  12 

报错： ``` Uglifier::Error: Unexpected token: keyword (const). To use ES6 syntax, harmony mode must be enabled with Uglifier.new(:harmony => true)....

flchp  2023-08-04  12  12  12  12 

### 下载 ```shell:terminar wget https://nodejs.org/dist/v14.17.4/node-v14.17.4-linux-x64.tar.xz ``` ### 解压 ````shell:terminar tar xf node-v14.17.4-linux-x64.tar.xz ``` 可以查看当前目录下的文件，执行：`ls` （命令）  解压成功后可以选择删除压缩包：`rm -rf node-v14.17.4-linux-x64.tar.xz` 其中：-f...

flchp  2023-08-04  12  12  12  12 

## RubyGems ### RubyGems的介绍 RubyGems 是 Ruby 的一个包管理器，它提供一个分发 Ruby 程序和库的标准格式，还提供一个管理程序包安装的工具。 RubyGems 旨在方便地管理 gem 安装的工具，以及用于分发 gem 的服务器。 功能上类似于 Ubuntu 下的apt-get, Centos...

flchp  2023-08-03  12  12  12  12 

由于gem默认的源: https://rubygems.org/ 会被墙掉，本机开发时可以科学上网，但是服务上要科学上网就比较麻烦，所以要改成要改成国内的源 ### 查看当前使用的源地址 ```shell:terminar gem sources ``` ### gem 删除默认源命令 打开命令行，输入命令 注：默认的url地址后必须有"/",否则删不掉。 gem sources -r url地址 ```shell:terminar gem...

flchp  2022-09-10  12  12  12  12