Jquery plug - in urianchor, app front end Development

Technicien en programmation 2021-09-15 03:59:27
jquery plug urianchor app end


$.uriAnchor.setAnchor()Méthodes


Utilisez une carte pour modifieranchorValeur de

Il y a trois paramètres:

1. anchor_map: Cette carte sera encodée àURLMoyenne

2. option_map: Options cartographiées

3. replace_flag: Booléen.QuandtureHeure,Cette méthode remplaceraURI,Donc le précédentURLN'apparaîtra pas dans l'historique du navigateur.

anchor_mapUtilisation de

Exemple:


`$.uriAnchor.setAnchor({ page : 'profile', slider : 'confirm', color : 'red' });`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Produits:


`#!page=profile&slider=confirm&color=red`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

.Les paramètres ci - dessus sont indépendants les uns des autres,Vous pouvez également utiliser des valeurs de dépendance(dependent values)–Sa valeur dépend des autres valeurs.Les valeurs de dépendance ont"_" Préfixe et même nom que la valeur indépendante correspondante , Et les valeurs indépendantes n'ont pas ce préfixe .


`$.uriAnchor.setAnchor({ page : 'profile', _page : { uname : 'wendy', online : 'today' } });`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Produits:


`#!page=profile:uname,wendy|online,today`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

option_mapUtilisation de

C'est le deuxième paramètre , Quelques séparateurs de réglage sont fournis (delimiters)Options pour.Je n'ai jamais utilisé, N'hésitez pas à regarder

delimit_char : Delimiter between independent args. Default is &.

delimit_kv_char: Delimiter between key and value of independent args. Default is =.

sub_delimit_char : Delimiter between independent and dependent args. Defaults is :.

dep_delimit_char : Delimiter between key-value pairs in dependent args. Default is |.

dep_kv_delimit_char : Delimiter between key and value of dependent args. Default is ‘,’

replace_flag

C'est très simple,Il n'y a rien à dire

$uriAnchor.configModule()Méthodes


C'est la suite.,C'est ça.FosseOù?

Postez - le d'abord.urianchor Tutoriels sur la page d'accueil :

Validation:

As of 1.0, the ability to optionally check the validity of the Anchor against a schema has been included. Since we don’t expect the allowable schema to change during run-time, we use a module configuration to set the schema, like so:


`$uriAnchor.configModule({ schema_map : { page : { profile : true, pdf : true }, _page : { uname : true, online : [ 'today','yesterday','earlier' ] }, slider : { confirm : 'deny' }, _slider : { text : 'goodbye' }, color : { red : true, green : true, blue : true } } });`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Ce qui signifie probablement,urianchor Offre un moyen de , En utilisant le schéma (schema)Pour vérifieranchorL'exactitude de.

Mais le problème, c'est que les déclarations officielles sont vagues , Il est difficile de comprendre exactement comment , Plus tard, j'ai examiné les réponses suivantes , Et j'ai trouvé la réponse .

Adresse originale de la question :[ http://stackoverflow.com/questions/25840457/jquery-library-urianchor-i…](

)

Prenez un exemple simple pour voir , Si j'appelle configModule()Méthodes


`$.uriAnchor.configModule({ schema_map: { page: 'yes', slider: 3, color: true } });`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Faites d'abord ce réglage ,


`$.uriAnchor.setAnchor({ page : 'profile', slider : 'confirm', color : 'white' });`

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Enfin

L'article d'aujourd'hui est une accumulation d'expérience que j'a i acquise au fil des ans en postulant et en interviewant,Plein de marchandises sèches!Si vous pouviez continuer à voir ça,D'abord, j'admire votre persévérance.Mais il suffit de regarder et de ne pas agir,Ou allez directement dans vos favoris et mangez des cendres,Alors je n'ai pas beaucoup de sens à écrire cet article.Donc après avoir regardé,Autant agir plus!

On peut dire très consciencieusement,Si vous pouviez insister pour que tout ce que j'ai énuméré ci - dessus soit lu sans arrêt et digéré dans votre propre connaissance,Alors vous avez au moins atteint le niveau intermédiaire d'ingénieur en développement,Il n'y a pas de problème à entrer dans la technologie des grandes usines.

 CodeChinaProjet Open Source:【Analyse des questions d'entrevue de première ligne de Dachang+Résumé de base notes d'étude+Projets réels en action+Dernière vidéo d'explication】

版权声明
本文为[Technicien en programmation]所创,转载请带上原文链接,感谢
https://javamana.com/2021/09/20210914182920623z.html

  1. spring教程极客学院,Java这些高端技术只有你还不知道,
  2. Spring事务扩展机制,2021大厂Java知识点总结 面试题解析!
  3. SpringSecurity如何实现加密和解码,Spring事务是如何传播的?
  4. Interviewer: do redis transactions satisfy atomicity?
  5. SpringSecurity如何實現加密和解碼,Spring事務是如何傳播的?
  6. Comment la sécurité printanière implémente - t - elle le chiffrement et le décodage, et comment les transactions printanières se propagent - elles?
  7. Spring transaction extension Mechanism, 2021 Big Plant Java Knowledge point Summary Interview Question Analysis!
  8. Spring Tutorial geek Academy, Java, ces technologies haut de gamme que vous ne connaissez pas encore,
  9. Sword finger offer plan 9 (dynamic programming medium version) -- Java
  10. 2020 Summary - don't worry about the present, don't worry about the future, Java Web interview questions
  11. Huawei cloud guassdb (for redis) released a new version, and the two core features were officially unveiled
  12. Utilisez @ async dans Spring boot pour effectuer des appels asynchrones et accélérer l'exécution des tâches!
  13. Méthodes de fonctionnement des tableaux couramment utilisées en javascript
  14. MySQL practice 45 lectures (21-25) - Notes
  15. Java programmers must master 10 open source tools!
  16. Enterprise Understanding Spring CIO
  17. tomcat常见面试题,聊聊你对分布式锁技术方案的理解,
  18. spring源码视频教程,我是如何收割多家大厂offer的?
  19. spring框架教程推荐,2021最新爱奇艺Java社招面试题目,
  20. tomcat常見面試題,聊聊你對分布式鎖技術方案的理解,
  21. Spring事務擴展機制,2021大廠Java知識點總結 面試題解析!
  22. Des questions d'entrevue communes à Tomcat pour discuter de votre compréhension de la technologie de verrouillage distribué,
  23. Java Development Interview Question with Answers, 2021 Big Factory Java Knowledge point Summary Interview Question Analysis!
  24. Android 400 questions d'entrevue pour vous aider à entrer dans l'usine, un tour pour vous apprendre à comprendre netty
  25. Les développeurs Java, les entretiens techniques avec le magnat d'Ali,
  26. Java + SSM Maotai Liquor e - commerce Platform for Computer Graduation DesignVente d'alcool
  27. spring框架教程推薦,2021最新愛奇藝Java社招面試題目,
  28. Recommandé pour le tutoriel Spring Framework, 2021 dernière question d'entrevue d'embauche de la société aiqiyi Java,
  29. Spring source Video tutoriel, comment récolter plusieurs grandes usines?
  30. Springcloud learning notes (I)
  31. Basic knowledge of hive (III) complete collection of functions in hive
  32. spring源碼視頻教程,我是如何收割多家大廠offer的?
  33. 【微信小程序】,看看最新BTA大厂的Java程序员的招聘技术标准,
  34. 【工作经验分享】,2021最新百度、头条等公司Java面试题目,
  35. 【微信小程序】,看看最新BTA大廠的Java程序員的招聘技術標准,
  36. [Widget Wechat] pour voir les dernières normes techniques de recrutement des programmeurs Java de BTA.
  37. Video | Tencent cloud enterprise MySQL (CDB) - dynamic thread pool function
  38. Upgrade your Linux PC hardware using open source tools
  39. RTFM! How to read (and understand) the magic man pages in Linux
  40. [partage d'expérience de travail], 2021 les dernières questions d'entrevue Java de Baidu, Headlines, etc.
  41. Java 16 is coming online. You can't even use the features of Java 8, can you?
  42. Java (3) basic data types and their type conversion
  43. 一位Java大牛的BAT面试心得与经验总结,2021年Java春招面试经历,
  44. 一举拿下腾讯美团滴滴offer,快来瞧瞧这份Spring面试小抄!
  45. 一个Java应届生从上海离职,万字长文总结Java多进程,
  46. Seven design principles of java object-oriented design pattern
  47. 一個Java應届生從上海離職,萬字長文總結Java多進程,
  48. Un nouvel étudiant Java a quitté Shanghai et a résumé plusieurs processus Java.
  49. Prenez d'un coup l'offre de Tencent meituan et jetez un coup d'oeil à cette copie de l'entrevue de printemps!
  50. L'expérience et l'expérience d'un Maverick Java en matière d'entrevue sur les MTD, l'expérience de l'entrevue d'embauche du printemps Java en 2021,
  51. Interface graphique X: mise à jour des tables de rendu et optimisation du Code (compilation intégrée 10)
  52. Widget de vérification de fichiers personnalisés Linux
  53. Java thread pool - work queue
  54. [Part 7] - Summary of B2B2C e-commerce technology of spring cloud live mall managed by git branch
  55. Reflection type of Java Foundation
  56. Want to get started with data structures, but always fall under the pomegranate skirt of the linked list?
  57. Interviewer: do redis transactions satisfy atomicity?
  58. 一篇文章教你搞定计算机网络面试,350道Java面试真题分享,
  59. 一条正确的Java职业生涯规划,揭秘今年Java春招面试必问问题有哪些?
  60. 一名毕业三年的女程序媛面试头条经验,关于Redis主从节点数据过期一致性的思考,