Site updated: 2024-12-26 23:28:30

Author: youzeliang

2017/11/23/String、StringBuffer、StringBuilder三者之间的区别/index.html

@@ -0,0 +1,102 @@
+/* global instantsearch, algoliasearch */
+// eslint-disable-next-line no-unused-vars
+function loadAlgolia(config, translation) {
+  const search = instantsearch({
+    indexName: config.indexName,
+    searchClient: algoliasearch(config.applicationId, config.apiKey),
+  });
+
+  search.addWidgets([
+    instantsearch.widgets.configure({
+      attributesToSnippet: ['excerpt'],
+    }),
+  ]);
+
+  search.addWidget(
+    instantsearch.widgets.searchBox({
+      container: '#algolia-input',
+      placeholder: translation.hint,
+      showReset: false,
+      showSubmit: false,
+      showLoadingIndicator: false,
+      cssClasses: {
+        root: 'searchbox-input-container',
+        form: 'searchbox-input-container',
+        input: 'searchbox-input',
+      },
+    }),
+  );
+
+  search.addWidget(
+    instantsearch.widgets.poweredBy({
+      container: '#algolia-poweredby',
+    }),
+  );
+
+  search.addWidget(
+    instantsearch.widgets.hits({
+      container: '.searchbox-body',
+      escapeHTML: false,
+      cssClasses: {
+        root: 'searchbox-result-container',
+        emptyRoot: ['searchbox-result-item', 'disabled'],
+      },
+      templates: {
+        empty: function (results) {
+          return translation.no_result + ': ' + results.query;
+        },
+        item: function (hit) {
+          let title = instantsearch.highlight({ attribute: 'title', hit });
+          let excerpt = instantsearch.highlight({ attribute: 'excerpt', hit });
+          title = title ? title : translation.untitled;
+          excerpt = excerpt
+            .replace(new RegExp('<em>', 'ig'), '[algolia-highlight]')
+            .replace(new RegExp('</em>', 'ig'), '[/algolia-highlight]')
+            .replace(/(<([^>]+)>)/gi, '')
+            .replace(/(\[algolia-highlight\])/gi, '<em>')
+            .replace(/(\[\/algolia-highlight\])/gi, '</em>');
+          excerpt = excerpt ? excerpt : translation.empty_preview;
+          return `<section class="searchbox-result-section">
+                        <a class="searchbox-result-item" href="${hit.permalink}">
+                            <span class="searchbox-result-content">
+                                <span class="searchbox-result-title">${title}</span>
+                                <span class="searchbox-result-preview">${excerpt}</span>
+                            </span>
+                        </a>
+                    </section>`;
+        },
+      },
+    }),
+  );
+
+  search.addWidget(
+    instantsearch.widgets.pagination({
+      container: '.searchbox-footer',
+      cssClasses: {
+        list: 'searchbox-pagination',
+        item: 'searchbox-pagination-item',
+        link: 'searchbox-pagination-link',
+        selectedItem: 'active',
+        disabledItem: 'disabled',
+      },
+    }),
+  );
+
+  search.start();
+
+  if (location.hash.trim() === '#algolia-search') {
+    $('.searchbox').addClass('show');
+  }
+
+  $(document)
+    .on('click', '.navbar-main .search', () => {
+      $('.searchbox').toggleClass('show');
+      $('.searchbox-input').focus();
+    })
+    .on('click', '.searchbox .searchbox-mask', () => {
+      $('.searchbox').removeClass('show');
+    })
+    .on('click', '.searchbox-close', () => {
+      $('.searchbox').removeClass('show');
+    });
+}

2018/03/11/MySQL的count解读/index.html

@@ -0,0 +1,44 @@
+/* global google */
+(function (document, $) {
+  function debounce(func, wait, immediate) {
+    let timeout;
+    return function () {
+      const context = this;
+      const args = arguments;
+      const later = function () {
+        timeout = null;
+        if (!immediate) func.apply(context, args);
+      };
+      const callNow = immediate && !timeout;
+      clearTimeout(timeout);
+      timeout = setTimeout(later, wait);
+      if (callNow) func.apply(context, args);
+    };
+  }
+
+  $(document)
+    .on('click', '.navbar-main .search', () => {
+      $('.searchbox').toggleClass('show');
+    })
+    .on('click', '.searchbox .searchbox-mask', () => {
+      $('.searchbox').removeClass('show');
+    })
+    .on('click', '.searchbox-close', () => {
+      $('.searchbox').removeClass('show');
+    })
+    .on(
+      'keydown',
+      '.searchbox-input',
+      debounce(function () {
+        const value = $(this).val();
+        try {
+          const element = google.search.cse.element.getElement('searchresults-only0');
+          if (value.trim() === '') {
+            element.clearAllResults();
+          } else {
+            element.execute(value);
+          }
+        } catch (e) {}
+      }, 300),
+    );
+})(document, jQuery);