preloader
軟體工程 No routes matches ‘/users/sign_out’ of Devise gem using jquery-migrate-min.js in Rails 4

Situation: After trying to use slick plugin of jquery using log-in user, I want to sign out. The screen shows 'No routes matches '/users/sign_out' ' when I click the link of sign-out. Before trying slick plugin, /users/sign_out route of devise gem works as normal. Cause: The addtional js jquery-migrate-min, which required for slick plugin, makes rails misunderstood original route for /users/sign_out . Environment: Rails 4.2.5.1, Devise 3.5.5, Jquery-migrate-rails 1.2.1 Solution:

read more
軟體工程 Configurations and programming examples about Grape, Doorkeeper and Wine_bouncer in a rails 4 app

This article works for both of production and development environment and not like other articles only work for development. The tested environment are Rails 4.2.5.1, Ruby 2.3.0, Doorkeeper 3.1.0, Grape 0.14.0, Grape-kaminari 0.1.8, Wine_Bouncer 0.5.1 and Devise 3.5.5 . 1. Sample configuration for Grape gem in Rails app projects. 列出Grape gem的設定檔範例 In config/application.rb, add below two

read more
軟體工程 Position No Captcha reCaptcha to center

From this link: http://stackoverflow.com/questions/27411581/centering-no-captcha-recaptcha/29836372?sgp=2#29836372, I have learned how to use css to position No Captcha reCaptcha at horizonal center inside a page. Belows are sass-syntax code. .your-recaptcha-class display: inline-block text-align: center inline-block means to represent your element to be text-feature and block-feature. Its format wouldn’t generate a new line with other elements itself and it’s also to be configured with padding, width, heigth, background-image attributes, …, etc. Extra reference about

read more
軟體工程 Using Coffeescript to classify objects based on their value of attributes

We could classify objects of javascript or JSON ones to different groups based on their attributes' values. I modified original example as below coffeescript code from Reference link. Suppose you have an array-variable of JSON objects and a variable of Object, and you want to classify or group them based on values of their date attributes. warehouseOfClassifiedJSONObj = new Object(); arrayOfJSONObj = [ {name:"taro", date:"1996-01-01", total_average_price: 50}, {name: "flower", date:

read more
軟體工程 How do I use tools to debug CoffeeScript/Javascript files

I use following codes and tools to debug files of CoffeeScript/JavaScript: Safari browser’s developer tool set breakpoints at debugger tab of javascript files responsive design mode of developer tool can help us to see what a web page is rendered. coffeescript code if myVariable? # this statement can check whether this variable has its value(s), null or undefined. If it has value, this statement would return true, otherwise false. alert

read more

About

Howard Lee, Frontend-engineer with Angular 7+, Typescript, ReactJS, VueJS. Flutter, Dart, PHP, Ruby, JavaScript, HTML, SASS, CSS, Postgres, MySQL, Web Developer. Have a certificate of AWS Solution Architect Associate with verify number: 8FYNL55LCEEQ10W5. You can verify at AWS Certificate site or Credly site Tech lead role Lead 4 colleagues to build products and infrastructure Coordinate schedule of delivering products Senior web frontend developer role Products Form-filling, form-sharing, file-management, repair-managemnt and project-management for construction industry at Suiqui IoT management and EC platform for Liquid Petroleum Gas(LPG) at Wave-In Comm.

Know More

Tag

Social