Tick-Tack's questions

大家好。我试图在组件之间转换时显示预加载器。我使用这个预加载器。正如我所做的那样，我创建了一个包含以下内容的文件 loader.js：

import Vue from 'vue';
import Loading from 'vue-loading-overlay';
import 'vue-loading-overlay/dist/vue-loading.css';

Vue.use(Loading);

let loader = Vue.$loading.show({
    loader: 'dots',
    color: '#5D00FF',
    zIndex: 999,
}); 
function loaderStart() {
    loader;
}
function loaderEnd() {
    loader.hide();
}

export default {loaderStart, loaderEnd}

我将文件本身导入 index.js 并在我想调用加载器的开始和结束时写入其中，但由于某种原因预加载器没有启动（我在预加载器中没有条件检查它beforeResolve）。下面是 index.js 的内容：

import Vue from 'vue'
import Router from 'vue-router'
import Authorization from '@/components/Authorization'
import Main from '@/components/Main'
import loader from './loader'

Vue.use(Router)

const router = new Router({
    routes: [
    {
        path: '/',
        name: 'Main',
        component: Main,
    },
    {
        path: '/authorization',
        name: 'Authorization',
        component: Authorization
    }
  ]
})
router.beforeResolve((to, from, next) => {
    if(to.path) {
        loader.loaderStart()
    }
    next()
});
router.afterEach((to, from) => {
    loader.loaderEnd()
});
export default router;

请告诉我，可能是什么问题？

有一个列表，在某个窗口宽度处，您需要将最后一个元素放在首位。我这样做：

if ($(window).width() < 500) {
  $('.header_bar').prepend($('.header_bar li:last'));
} else {
  $('.header_bar').append($('.header_bar li:last'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="header_bar">
  <li><a href="#" class="text">SERVICES</a></li>
  <li><a href="#" class="text">WORK</a></li>
  <li><a href="#" class="text">TEAM</a></li>
</ul>

但它只有在我设置宽度并刷新页面时才有效。当窗口宽度发生变化时如何让它立即工作？（如果有没有js的选项，我会很高兴听到）

有一个列表，当将鼠标悬停在列表的第一个元素上时，我需要突出显示所有其他元素，我尝试这样做：

$('.title_content').hover(function() {
  $(this).nextAll('a').css({
    'text-decoration': 'underline'
  });
})

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="description">
  <li><a href="#" class="title_content">USER INTERFACE DESIGN</a></li>
  <li><a href="#" class="remove">Wirefarming</a></li>
  <li><a href="#" class="remove">Prototyping</a></li>
  <li><a href="#" class="remove">Usability testing</a></li>
</ul>

但它不起作用，有什么问题？

应该是这样的：

有一个可以选择语言的网站。部分文本取自数据库（我为连接设置了编码），数据库中的俄语正常显示。但我也有一个文件php，我连接到我想在其上显示该文件中的文本的页面。该文件，数组包含一些俄语和英语单词，当您需要在页面上显示俄语单词时，它们看起来像某种符号。我尝试像这样在这个文件中设置编码，header("Content-Type: text/html; charset=utf-8");但在这种情况下，文件中的单词正常显示，其余的（来自数据库的）都显示有问号等。数据库连接编码： $connection=mysqli_connect(server, name, pass, db_name); $connection->set_charset("utf-8");.

我将描述结构：有一个文件lang.php包含这种形式的文本：

$blog_single_arr = [
"no_art"  => [
    "no_art_title" => [
        "en" => "No Articles.",
        "ru" => "Нет статей."
    ],
    "no_art_text" => [
        "en" => "Sorry, but there are no articles on this category.",
        "ru" => "Извините, но статьи по этой категории отсутствуют"
    ]
];

然后，我将此文件连接到页面本身的文件，然后根据用户选择的语言，我以这种方式显示文本：（$current_lang它是“en”或“ru”）

<?php echo $blog_single_arr['no_art']['no_art_title']["$current_lang"];?>

也就是说，文件本身仅用作资源，如有必要，我会从中获取文本。告诉我，我怎样才能确保文件中的俄语单词正常显示？

我正在尝试在网站上实现多语言之类的东西。原理是这样的：当用户进入网站时，将浏览器的语言设置为他，如果需要，他可以通过在表单中​​选择合适的语言来改变语言。

问题是，在单击按钮（将所选语言发送到服务器）之前，变量为$_POST空，因此我无法将其写入会话以保存用户选择的语言，然后单击另一种语言的按钮，会话中的条目不会被覆盖。形式和ajax要求：

$('#multilanguage li input').click(function select_lang() {
  // id инпутов это сокращение от названия языка, так я определяю какая кнопка была нажата
  // смотрим какая кнопка была нажата
  var lang = $(this).attr('id');
  //отправляем запрос
  $.ajax({
    type: "POST",
    url: "php/header.php",
    data: {
      'lang': lang
    },
    cache: false,
    success: function(response) {
      console.log(response);

    },
    error: function(error) {
      alert('bad');
      console.log(error);
    }
  });
});

<form method="post" action="javascript:void(null);" id="multilanguage">
  <li>
    <input type="button" name="lang" value="English" id="en">
  </li>
  <li>
    <input type="button" name="lang" value="Russian" id="ru">
  </li>
</form>

这里php：

@session_start();
//массив с языками для выбора 
$lang_arr = [
    "en" => array('English', 'Russian', 'Ukrainian'), 
    "ru" => array('Английский', 'Русский', 'Украинский')
];

//определяем язык браузера
preg_match_all('/([a-z]{1,8}(?:-[a-z]{1,8})?)(?:;q=([0-9.]+))?/', strtolower($_SERVER["HTTP_ACCEPT_LANGUAGE"]), $matches); 
$langs = array_combine($matches[1], $matches[2]); 
foreach ($langs as $n => $v)
    $langs[$n] = $v ? $v : 1; 
arsort($langs); 
$default_lang = key($langs);
$default_lang = substr($default_lang, 0, 2); 

//если пользователь не выбирал язык
if (!isset($_POST['lang'])) {
    //проверяем совпадает ли его язык браузера с перечнем доступных языков
    if(array_key_exists($default_lang, $lang_arr)) {
        //если всё хорошо заносим его в сессию
        $_SESSION['lang'] = $default_lang;
    }else {
        //если нет, то заносим в сессию английский язык
        $_SESSION['lang']= 'en';
    }
}
//если пользователь выбрал другой язык
if(isset($_POST['lang'])) {
    //проверяем всё ли корректно
    if(array_key_exists($_POST['lang'], $lang_arr)) {
        //если всё хорошо заносим в сессию выбранный язык
        $_SESSION['lang'] = $_POST['lang'];
    }else {
        //иначе ставим английский 
        $_SESSION['lang'] = 'en';
    }
}

底线是用户的浏览器语言输入到会话中，但是当我单击另一种语言时，会话中没有任何内容被覆盖。告诉我如何做到这一点，以便在单击按钮后更新页面并更改会话中的语言？

有这样一个下拉列表。请告诉我如何制作它，以便在按下它时打开并且不会拉伸它所在的块，而是在这个块的顶部并单独打开？

var contacts = ["Jenny Hess", "Elliot Fu", "Stevie Feliciano", "Christian", "Matt"];
$(".wrapperDropdown").append('<ul>');
$(".wrapperDropdown ul").append('<span>');

for (var i = 0; i < contacts.length; i++) {
  $(".wrapperDropdown ul").append('<li><a>' + contacts[i] + '</a></li>');
}

$(".wrapperDropdown span").addClass("dropdown").text("Select Friend").prependTo(".wrapperDropdown ul");
$(".wrapperDropdown ul").addClass("list");
$(".list").click(function() {
  $(".wrapperDropdown li").toggle(300);
})
$(".wrapperDropdown li").click(function() {
  $(".dropdown").html($(this).text())
});

.container {
  display: block;
  background: red;
}

.wrapperDropdown ul {
  position: relative;
  width: 200px;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid #3498db;
  border-radius: 3px;
  padding: 10px
}

.wrapperDropdown span {
  font-size: small;
  opacity: 0.3;
}

.wrapperDropdown ul li {
  display: none;
  text-align: left;
  margin-top: 10px;
  height: 100%;
}

.wrapperDropdown li {
  list-style: none;
  opacity: 0.8;
}

.wrapperDropdown ul li:hover {
  background-color: #ecf0f1;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header id="fa_header">
  <div class="container">
    <ul class="nav">
      <li>
        <div class="wrapperDropdown"></div>
      </li>
    </ul>
  </div>
</header>

我有一个表单，提交时，我需要输入的数据出现在页面上。它们在页面上显示如下： 有一个wrap包含评论的块（可以有很多）。评论的正文是ol. 你能告诉我为什么插入没有发生吗？

$(document).ready(function() {
  $("#wrap").prepend("<ol class='comments-list'><li class='comment'><div class='activity_rounded'></div><div class='comment-body'><h4 class='text-left'>Name<small class='date-posted'></small></h4><p>Text</p><a href='#leave_comment' class='pull-left reply'>Reply</a><div class='clearfix'></div></div></li></ol>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="wrap">
  <ol class="comments-lists">
    <li class="comment">
      <div class="activity_rounded"></div>
      <div class="comment-body">
        <h4 class="text-left">
          <span id="author-name">Name<span><small class="date-posted">Date</small>
                  </h4>
                  <p>Text</p>
                  <a href="#leave_comment" class="pull-left reply">Reply</a>
    	      <div class="clearfix"></div>
    	    </div>
            </li>
        </ol>
</div>

有一个文件scss(style.scss)，其中导入了其他文件scss(к примеру login.scss)。我添加了一些代码login.scss，然后编译style.scss到style.css. 我将此文件连接到页面，但未login.scss应用我添加的设置（尽管它们已编译并显示在文件中style.css）。我从 Ruby 编译 cmd，设置自己sass --watch: sass --watch scss/style.scss:css/style.css。告诉我可能是什么问题？

我有一个css包含所有网站样式设置的文件。我向站点添加了一个新页面，在一个单独的文件中设置了它的设置scss（事实证明，我在不同scss的文件中都有每个页面的设置，并且该css文件是一个，主要的），我编译为cmdfromRuby和 as结果css只有最后的设置被输入到文件中（来自新页面的设置），其余的都消失了。告诉我如何制作，以便在编译时将设置简单地添加到css文件中，而不是覆盖？

我sass --watch scss/layout/_login.scss:css/style.css在命令行上写。（_login.scss- 新文件和style.css- 包含所有css设置的文件）

有这样的结构HTML：

.listOfProperties {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listOfProperties li {
  font-size: 27.5px;
  height: 70px;
  font-family: "Dosis", sans-serif;
  text-decoration: none;
  color: red;
  padding-left: 40px;
}

.listOfProperties li:hover {
  background: #1c1c1c;
}

.listOfProperties li img {
  width: 35px;
  height: 35px;
  padding-right: 35px;
  vertical-align: bottom;
}

<div class="sidebar-buttons">
  <ul class="listOfProperties">
    <li class="withdraw"><img src="https://via.placeholder.com/50x50"><span>WITHDRAW</span></li>
    <li class="servise"><img src="https://via.placeholder.com/50x50"><span>RULES OF SERVISE</span></li>
    <li class="settings"><img src="https://via.placeholder.com/50x50"><span>SETTINGS</span></li>
  </ul>
</div>

将鼠标悬停在列表的其中一个元素上时，它必须像图片中一样（即，将图片和铭文降低到中心）。你能告诉我如何对齐吗？我找不到有关此的任何信息（我将感谢文献）

我有一个扩展程序（它是从 Chrome 安装的，我只向某些人授予测试人员访问权限）并且我需要当一个人安装它时，他无权访问它（即，他无权访问代码，因为如果您愿意，您可以找到带有代码的文件夹），因为如果一个人找到带有代码的文件夹，他可以将所有代码发送给另一个人，并且他可以使用扩展名。告诉我，是否可以将部分扩展代码传输到服务器，但它仍然适用于客户端？或者，您如何使用 Chrome API 在扩展程序中通过 google 帐户实现绑定？

我正在编写扩展程序并且遇到了问题，我需要通过单击键盘键来调用窗口，用户可以在其中输入内容并将其发送给我。我决定完成它，userscript但由于某种原因它不起作用。这是一个例子：

manifest.json

{
  "manifest_version": 2,
  "content_scripts": [{
    "exclude_globs": [],
    "include_globs": ["*"],
    "js": ["jquery.js", "user.js"],
    "matches": ["http://*/*",
      "https://*/*"
    ],
    "run_at": "document_end"
  }],
  "converted_from_user_script": true,
  "description": "Back top userscript extension for google chrome",
  "name": "backTopUserJS",
  "version": "1"
}

user.js

document.addEventListener('DOMContentLoaded', function() {

  const div = document.createElement('div');
  const root = div.innerHTML = '<h1 id="modal_form" style="display:none; border: 2px solid red;">Modal</h1>';
  document.body.appendChild(div);

  window.addEventListener('keydown', e => {
    if (e.keyCode === 76) { //l
      root.querySelector('#modal_form').style.display = "block";
    }
  });
});

告诉我为什么当我点击按钮时没有任何反应。清单还包含一个文件content.js和一个带有css.

所以，我popup.html有一个输入。如果您输入数据，popup.js则将数据发送到content.js并且它已经更改了页面上的某些内容。但更新后，页面上的更改消失了。我怎样才能使它们只有在输入新数据时才会保留和更改？

popup.html и popup.js

var input = document.querySelector('#inp');
var text = document.querySelector("#text");
var button = document.querySelector("#btn");

btn.addEventListener('click', function() {
  var inp = input.value;

  chrome.tabs.query({active: true, currentWindow: true}, function(foundTabs) {

	const activeTab = foundTabs[0];

	chrome.tabs.sendMessage(activeTab.id, {text: inp});//отправка значения инпута
    })
});

<input type="text" id="inp">
<button id="btn">Send</button>

content.js：

chrome.runtime.onMessage.addListener(function(request) {
     const txt  = request.text; //пришло значение инпута
     chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
          //вставка в html
     });
});

我在输入中输入了一些数字，按下按钮，但在控制台中出现错误（见截图）

我正在编写一个扩展程序，我为它制作了一个菜单，用户可以在其中输入一些数据。有必要通过单击按钮（在扩展菜单中）将这些相同的数据放置在我需要的页面上。

这是清单和 HTML：

{
  "manifest_version": 2,
  "version": "1.3",
  "description": "",
  "browser_action": {
    "default_popup": "content/popup.html"
  },
  "content_scripts": [{
    "matches": ["https://google.com/*"],
    "js": ["content/content.js"],
    "css": ["content/qq.css"],
    "run_at": "document_end"
  }]
}

<head>
  <script src="content/background.js"></script>
</head>

<body>
  <input type="text" id="text">
  <input type="button" id="btnForBalance" value="Send">
  </body

事实证明，我需要使用按钮将在字段中输入的数据send从仅适用于扩展菜单的文件发送到将在我需要的页面上插入此数据的文件。怎么做？
帮助，因为如果我将执行此操作的代码放在我的js文件中，那么它会尝试从input页面中获取这些数据，而不是从扩展菜单中获取。

这是结构：

有这个代码：

<span title="Just span elem">
  <i class="logo-icon">
    //some logo
  </i>
  "10.00"
</span>

我需要使用 JS 来更改span. 我这样做：var span = document.getElementsByTagName('span')[1].innerHTML = "11.12";一切正常，但是当我更改值时徽标也会消失。如何更改它以使徽标保持在原位？

因此，屏幕上有 5 个按钮，您需要确定用户单击了哪个按钮并获取其标签，然后重定向到另一个活动。试图这样做：

protected override void OnCreate(Bundle savedInstanceState)
{
    base.OnCreate(savedInstanceState);

    SetTheme(Android.Resource.Style.ThemeDeviceDefaultLightNoActionBar);
    SetContentView(Resource.Layout.MainScreen);

    Button BtnHm = (Button)FindViewById(Resource.Id.Home);
    BtnHm.Click += SwitchActivity;

    Button BtnSrch = (Button)FindViewById(Resource.Id.Search);
    BtnSrch.Click += SwitchActivity;

    Button BtnLstOfPh = (Button)FindViewById(Resource.Id.ListOfPhotos);
    BtnLstOfPh.Click += SwitchActivity;

    Button BtnGlr = (Button)FindViewById(Resource.Id.Glory);
    BtnGlr.Click += SwitchActivity;

    Button BtnMyAcc = (Button)FindViewById(Resource.Id.MyAcc);
    BtnMyAcc.Click += SwitchActivity;
}

public void SwitchActivity(object sender, EventArgs e)
{
    Button sendBtn = (Button)sender;

    switch (sendBtn.Tag)
    {
        case 1:
            Intent toMain = new Intent(this, typeof(MainScreenActivity));
            StartActivity(toMain);
            break;
        case 2:
            Intent toSearch = new Intent(this, typeof(SearchActivity));
            StartActivity(toSearch);
            break;
        case 3:
            Intent toPhoto = new Intent(this, typeof(ListOfPhotoActivity));
            StartActivity(toPhoto);
            break;
        case 4:
            Intent toGlory = new Intent(this, typeof(GloryActivity));
            StartActivity(toGlory);
            break;
        case 5:
            Intent toUser = new Intent(this, typeof(UserActivity));
            StartActivity(toUser);
            break;
    }
}

但它在case数字上强调了我，并写道需要一个常数值。怎么修？

这是代码。我需要当我开始输入一首歌曲时，它的全名会显示在其中，div但由于某种原因，console.log第二首歌曲不断返回第二首歌曲的名称，而div根本没有。告诉我出了什么事？

var songs = [{
    artist: {
      name: 'Imagine',
      song: 'Dragons'
    }
  },

  {
    artist: {
      name: 'Five',
      song: 'Finger'
    }
  }
];

var song, name;
songs.map(function(item) {
  song = item.artist.song;
  name = item.artist.name;
  console.log('fisrt', song);
});
document.getElementById('search').onkeyup = function() {
  document.getElementById('founded').innerHTML = '';
  var length = this.value.length;
  if (length > 0) {
    console.log('second', song);
    for (var i = 0; i < song.length; i++) {
      var show = song[i].split('').slice(0, length).join('');
      if (show == this.value) {
        document.getElementById('founded').innerHTML += song[i] + '</br>'
      }
    }
  }
}

<input type="search" id="search" />
<div id="founded"></div>

我有一个这样的对象数组

songs: Array(7)
0
:
artist
:
{name: "Redfoo", song: "New Thang"}
__proto__
:
Object
1
:
artist
:
{name: "Hugo", song: "99 Problems"}
__proto__
:
Object

我需要这样做，以便我可以按名称（名称）和歌曲（歌曲）进行过滤（将名称与人输入的内容进行比较input）。但问题是我不知道如何一次选择所有的名字和歌曲。

console.log(songs.artist);输出未定义，console.log(songs[0].artist);不适合，因为我只得到 1 个对象。

你怎么能一次得到它们？

我从数据库中提取所有符合条件的数据。

<?php
include ('../connection/db.php');
$time = date('U');

$query = mysqli_query($connection, "SELECT * FROM `mess1` WHERE(`time` - '$time' <= 3600000)");

$result = $query or die(mysqli_error());
while($count = mysqli_fetch_all($result))
{
    echo json_encode($count);
}

mysqli_close($connection);
?>

这是一个问题：它mysqli_fetch_all($result)返回一个关联数组，但我需要在另一个函数中以与返回数据相同的形式接收请求返回的数据，例如$.getJSON（见图），告诉我该怎么做？

function data() {
    $.ajax({
        type: "POST",
        url: "data.php",
        success: function(someData){
            callback(someData);
        },
        error: function() {
            alert('Error');
        }
    });
}
data();

function callback(respond) {
    //some operations with data
}

function data() {
  $.ajax({
    type: "POST",
    url: "php/data.php",
    dataType: 'json',
    success: function(someData) {
      callback(someData);
    },
    error: function() {
      alert('Eror!');
    }
  });
}
var exists = [];
data();

function callback(respond) {
  var timeNow = Date.now();
  for (var i = 0; i < respond.length; i++) {
    var data = respond[i];

    if (exists.indexOf(data.id) != -1) continue;

    var timeInMessage = data.time * 1000;
    var diff_time = (timeNow - timeInMessage);

    if (diff_time <= 3600000) {
      var rowClone = $('.mess_hide').clone().removeClass('mess_hide');

      var newDate = new Date(timeInMessage);
      var dateArray = [newDate.getHours(), newDate.getMinutes(), newDate.getSeconds()]
      var res = dateArray.map(function(x) {
        return x < 10 ? "0" + x : x;
      }).join(":");

      $('#messages').append(rowClone);
      $('.time', rowClone).html(res);
      $('.name', rowClone).html(data.user);
      $('.message', rowClone).html(smile(data.message));
      $('.scroller').scrollTop($('#messages').height());

      exists.push(data.id);
    }
  }
  setTimeout(function() {
    data();
  }, 1000);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

您好，有两个变量（登录名和密码）传递给ajax' . 接下来，我需要从数据库中获取所有内容，并确定是否已经使用了这样的名称。我正在尝试这样做，但没有任何反应。这是为什么？没有抛出任何错误。phpPOSTSQLphpmyadmin

$connection = mysqli_connect('127.0.0.1', 'root', '', 'myDb');

if( $connection == false)
{
    echo 'Не удалось подключиться к базе данных!<br>';
    echo mysqli_connect_error();
    exit();
}
session_start();
$name     = $_POST['user'];
$password = $_POST['pass'];
$_SESSION['user'] = $name;
$_SESSION['pass'] = $password;

if (!isset($name, $password) || empty($name) || empty($password)){
    http_response_code(400);
    die();
}

$count = mysqli_query($connection, "SELECT * FROM  `users` WHERE(`Name` == '$name' AND `Password` = '$password') ");

if (mysqli_num_rows($count) == 0)
{
    mysqli_query("INSERT INTO `users` (`Name`, `Password`) VALUES ('$name', '$password')");
}
mysqli_close($connection);