recentpopularlog in

racl101 : reference   5353

« earlier  
Event Handling — Vue.js
Use these modifiers (.prevent) to prevent forms from submitting or (.stop) to stop hyperlinks from changing page.
vue  vuejs  vue2  documentation  evens  modifiers  tutorial  guide  reference  preventdefault  submit  click  stop  tolearn  tounderstand 
6 days ago by racl101
Portable UTF-8 – A Lightweight Library for Unicode Handling in PHP — Page Config
This tutorial introduces the idea of using the PHP portable utf8 library to handle unicode encoded characters.
blog  tutorial  guide  reference  toread  tolearn  tounderstand  unicode  handling  character  encoding  totry 
6 days ago by racl101
voku/portable-utf8: Portable UTF-8 library for PHP
Library that is supposed to facilitate working with utf8 encoded characters. Uses iconv and mbstring under the hood. It is NOT, however, native PHP encoding.
github  php  library  portable  utf8  totry  tolearn  tounderstand  guide  reference  project  composer  character  encoding 
6 days ago by racl101
javascript - "this" inside object - Stack Overflow
This response is useful for when you're temped to use the 'this' keyword within object property definitions. In particular, you see it a lot in var app1 = new Vue({ ... app definitions. But it is of special importance when using this inside the data attribute and it's defined as an object. In short, it doesn't work (i.e. this is undefined. For it work you'll need to reference the Vue app object (app1) inside the data statement in place of 'this'.
stackoverflow  this  scope  object  definition  explanation  guide  reference  toread  tolearn  understand  JavaScript 
8 days ago by racl101
PHP: mb_detect_encoding - Manual
This appears to work. Useful to detect if the string passed to it is a valid UTF8 encoded string.
php  manual  function  mb  multi  byte  multibyte  mb_detect_encoding  character  encoding  detect  utf8  guide  reference  documentation 
8 days ago by racl101
Mixins — Vue.js
Mixins are a good way to share / reuse component methods or computed (methods) between reusable components. Note, if you are creating methods for altering output from component data within mustache template strings like for example: converting decimal numbers into currency strings, then what you are looking for is Vue Filters instead which are globally declared methods for altering output that can be used between any Vue component.
vue  vuejs  vue2  reusable  methods  share  mixins  component  guide  reference  documentation  tutorial  toread  tolearn  tounderstand 
10 days ago by racl101
State Management — Vue.js
Use Vuex to handle state management in your application. That is, if you have a complicated application, such as a single application and you don't want one particular parent component to handle the state, i.e. be the source of truth, you can use Vuex which is Vue's implementation of Flux architecture, to manage state so that all your Vue components get its source of truth from one place. The official documentation (in English) for Vuex can be found here: https://vuex.vuejs.org/en/
vuejs  vue  vue2  state  management  vuex  flux  between  components  single  ultimate  source  of  truth  guide  reference  documentation  tutorial  toread  tolearn  tounderstand 
10 days ago by racl101
Form Handling · Vuex
Shows how to use model binding to make form input fields reactive with your VueJS apps / components.
vue  vuejs  vue2  forms  handling  model  binding  tutorial  documentation  guide  reference  toread  tolearn  tounderstand 
10 days ago by racl101
Destructuring assignment - JavaScript | MDN
Talks about the es6 / es2015 feature of assigning an object's properties to variables implicitly without explicitly making let, var statements.
mozilla  developer  network  mdn  javascript  es6  es2015  destructuring  assignment  documentation  tutorial  guide  reference  toread  tolearn  totry  tunderstand 
10 days ago by racl101
Slots — Vue.js
Use slots in your component templates when you want to create reusable components where you want to be able to pass dynamic HTML (or even other reusable components) as child components within the tags of the parent components. Useful for when you don't know exactly what the child components or HTML nodes in your main component will be.
vue  vuejs  vue2  components  slots  documentation  guide  reference  tutorial  toread  tolearn  tounderstand 
10 days ago by racl101
Sass: Sass Basics
If using Laravel Mix then you want the SASS syntax
sass  css  compiler  documentation  guide  reference  toread  tolearn  totry  tounderstand 
10 days ago by racl101
Create REST API with the Laravel 5.5 - Arjun
This particular tutorial shows how to use PHP League's Fractal library for API response transformation. As of Laravel 5.5 you can use Eloquent Resources for transformations however.
blog  tutorial  howto  create  rest  restful  api  laravel5  phpleague  php  fractal  library  example  guide  reference 
10 days ago by racl101
Exclude a directory from git diff - Stack Overflow
Provides a way to ignore noisy output from JavaScript files generated by Webpack in git diff calls and they just show up as binary files differ statements.

Here's a specific .gitattributes rule for that:

public/js/**/*.js -diff
stackoverflow  howto  limit  git  diff  output  example  javascript  js  filepath  guide  reference  binary 
10 days ago by racl101
How to load default form values into Vue object
Shows how to populate a component's data from data provided to it by a parent component by props.
laracasts  forum  howto  load  form  field  data  component  from  parent  props  example  guide  reference 
10 days ago by racl101
vue.js - Is there any way to trigger component method from parent in VueJS? - Stack Overflow
In short, refs is a nice way for a parent component to refer to a particular child component after instantiation (when communicating via props might not be an option), and even execute a child component's method directly.
stackoverflow  vue  vuejs  vue2  howto  trigger  execute  component  child  method  from  parent  example  guide  reference 
10 days ago by racl101
vue.js - VueJs 2.0 - how to listen for `props` changes - Stack Overflow
In short: using watchers is a nice way to let your component know that data provided to it by way of props has changed which can be used to change your component's own data, which btw, is the only way to achieve reactivity. In other words, reactivity won't occur simply by changing the data to provided to the component through props. You need to use a watcher to listen for changes after component instantiation.
stackoverflow  vue  vuejs  vue2  howto  make  component  listen  props  changes  watch  watcher  data  example  guide  reference 
10 days ago by racl101
Computed Properties and Watchers — Vue.js
If you have a reusable Vue component that gets its own data from the values of the props that it's passed by the parent component and you plan to update values of the props from the parent after instantiation then you should use create a watcher for the prop in the reusable component that updates the data of that same component.
vuejs  vue2  vue  watchers  documentation  guide  reference  props  data  toread  tolearn  totunderstand 
11 days ago by racl101
custom loading indicator · Issue #337 · matfish2/vue-tables-2
This forum response demonstrates how to show a loading graphic (using vue-spinner library) while the table is loading data and can be used in tandem with Ajax calls for server side table component.
github  forum  howto  example  show  vue-spinner  loading  spinner  component  graphic  image  implement  guide  reference  vuetables2 
11 days ago by racl101
Filters — Vue.js
You can use filter to modify text output via mustache interpolations within components and have these filters available globally where you use Vue. E.g.

create a currencyFilter or converting decimals into currency formatted strings. Refer to: https://stackoverflow.com/questions/43208012/how-do-i-format-currencies-in-a-vue-component/48550430#48550430 for that solution.
vue  vuejs  vue2  documentation  guide  reference  howto  add  create  filter  function  global  toread  tolearn  tounderstand  totry 
11 days ago by racl101
Refresh() doesn't work on Server table · Issue #342 · matfish2/vue-tables-2
This forum demonstrated to me howto be able to reload a Vue Table 2 table's rows by using its ref attribute. In short, do it like this:

<v-server-table ref="myProductsTable" ... >
...
<v-server-table>

and in the parent component using the Vue Tables 2 component refer to the table in question within your methods like so:

methods: {
refreshTable() {
this.$refs.myProductsTable.refresh();
}
}

You can do this after deleting a row or editing a row item.
vuetables2  github  forum  howto  example  refresh  table  rows  guide  reference 
11 days ago by racl101
Laravel 5.5 VueJs 2.0 CRUD Operations Application - iTech Empires
Really nice and fairly easy to understand tutorial demonstrating how to do an entire CRUD page demonstrating how to do a listing, create form page, update form page and delete functionality.
blog  tutorial  howto  crud  laravel  laravel5  vue  vuejs  vue2  bootstrap  bootstrap3  example  guide  reference  toread  tolearn  totry  tounderstand 
11 days ago by racl101
PHP: array_values - Manual
This method provides an easy way to convert associative arrays / hashes with numeric indexes that might not be consecutive into normal arrays with numeric indexes that start from zero until length of array minus 1.
php  manual  guide  reference  documentation  array_values  convert  array  associative  numeric  index 
11 days ago by racl101
Intl.NumberFormat - JavaScript | MDN
This can be used to create number filtering functions to convert them to currency formatted strings.

Like so: https://stackoverflow.com/a/48550430
mozilla  mdn  documentation  guide  reference  international  number  format  currency  toread  tolearn  totry  tounderstand  string 
11 days ago by racl101
How to Uninstall Node.js from Mac OSX
The manual guide is really handy for uninstalling NodeJS installed via the NodeJS binary installer for MacOSX.

It works for re-installing NodeJS and NPM with either Homebrew / Brew or NVM.
blog  tutorial  howto  uninstall  manual  nodejs  npm  manually  binary  installer  example  guide  reference 
20 days ago by racl101
ajv@^6.0.0 is missing · Issue #9691 · angular/angular-cli
I fixed this for myself by installing: npm install ajv@^6.0.0 from within the project directory. Not sure if this is the best way of dealing with the issue.
github  forum  angular  angular-cli  npm  install  howto  troubleshoot  issue  error  ajv  dependency  project  guide  reference 
20 days ago by racl101
Error: Cannot find module 'internal/util/types' · Issue #1124 · remy/nodemon
I was only able to fix this for myself by installing NodeJS / NPM with nvm and by installing the LTS Boron NodeJS version (v6.14.1) and npm version (v3.10.10) as of April 27, 2018.

I encountered this error when trying to run the DCIDA Web app Grunt task.
github  nodejs  npm  internal  util  types  error  howto  troubleshoot  fix  dependency  grunt  guide  reference 
20 days ago by racl101
npx - npm
Npx is used to run other NPM's packages' binaries, such as the webpack binary.
nodejs  npm  npx  package  execute  binaries  webpack  manual  guide  reference  toread  tolearn  tounderstand 
20 days ago by racl101
javascript - Vue JS 2.0 not rendering anything? - Stack Overflow
This line is important:

From the author -- 2.0 standalone build means (compiler + runtime). The default export of the NPM package will be runtime only, because if installing from NPM, you will likely pre-compile the templates with a build tool.
stackoverflow  howto  troubleshoot  issues  vuejs  vue2  not  rendering  build  compiler  runtime  npm  export  package  include  tool  explanation  guide  reference 
20 days ago by racl101
Resolve
For VueJS 2 you might want to do something like this:

resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
webpack  documentation  guide  reference  tutorial  manual  path  resolver  npm  toread  tolearn  tounderstand  vue2  vuejs 
20 days ago by racl101
Installation — Vue.js
Really important sections explaining all types of NPM VueJS 2 builds that one could include with a software like Webpack.

In short, if you include the vue.esm.js version you'll need es2015 preset. You can't just include it standalone.
vuejs  vue2  installation  documentation  guide  reference  different  builds  npm  package  manager  es2015  commonjs  explanation  webpack  toread  tolearn  tounderstand 
20 days ago by racl101
« earlier      
per page:    204080120160

Copy this bookmark:





to read